Autor Zpráva
Annonym
Profil *
Dobrej mam jenom dotaz pokud byste nekdo uvidel nejakou tu sikovnou vec jak to spravit: Jedna se o hover menu na me strance www.bananside.own.cz Kde se mi ve vsech prohlizecich pri najeti na odkaz zobrazuje rozbalene hoover ve stejne lajne ale v IE se posuzva asi o 5px dopryc a vypada to neesteticky.

STYLESHEED:
body {background-repeat: no-repeat; background-image: url('pozadi.jpg');background-attachment: fixed}
.real           {width: 800px;
 		 position: relative; margin:auto;
		}

.pozadidiv    {width: 800px;
 		 position: relative; margin: 0px;
		 background-image: url('bocnice.bmp');
		 min-height: 1200px;
		  _height: 1200px;
		 
		}

.nadpisdiv      {width: 800px;
		 height: 198px;
 		 position: relative; margin: auto;
		 background-image: url('logo.bmp'); 
		 z-index: 15;
		
		}
		
		
		
		
		
		
				
.hledejdiv {width: 200px;
       position: absolute; margin: auto; top:240px; left: 22px;
		  background-image: url('menubocnice.bmp'); 
		 
   	 z-index: 15;
		}
		
		
		
		
		
.hornihledejdiv {width: 200px;
      height: 30px;
		  position: relative; margin: auto; 
		  background-image: url('menuvrsek.bmp'); background-repeat: no-repeat;  
		 
   	 z-index: 15;
		}
		
		
		
.dolnihledejdiv {width: 200px;
      height: 30px;
		  position: relative; margin: auto; 
		  background-image: url('menuspodek.bmp'); background-repeat: no-repeat;  
		 
   	 z-index: 15;
		}
		
		
		
		
		
		
ul#hlavniMenu 
{ 
position:relative;
width:160px; 

} 

ul#hlavniMenu, ul 
{ 
padding:0; 
margin:0; 
list-style-type:none; 
} 

ul#hlavniMenu ul 
{ 
position:absolute; 
top:-5px; 
left:160px; 
margin-top: 0px; margin-bottom: 0px;

visibility:hidden; 

} 


ul#hlavniMenu li 
{ 
position:relative; 
width:160px; 

} 

ul#hlavniMenu a 
{ 
background-image: url('Tlacitko.bmp'); 
display:block; 
margin-left:0px;
color:Black; 
display:block;
text-decoration:none;
height:30px;
width:100%; 
margin-top:5px;
line-height:30px;
text-align: center;
} 

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a 
{ 
background-image: url('Tlacitkohoover.bmp'); 
color:White; 
text-decoration:none; 
} 


ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a 
{ 
background-color:red; 
color:red; 
} 

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover 
{ 
background-color:white; 
color:red; 
} 

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul 
{ 
visibility:visible; 
} 

ul#hlavniMenu li li 
{ 
border:none; 
padding:0; 


} 

ul#hlavniMenu li 
{ 
behavior: url(hover.htc); 
}
		
		
		
		
.menufont {font-style: italic;
           font-weight: bold;
           font-size: 17px;
           font-family: Arial;
           color: black;
          }
          
          
.marginxxx {margin-top: 20px;}
		
		
		
		
		
		a img { 
border:none; 
margin-top: 0px; margin-bottom: 0px;
}
		
		
		
		
		
		
		
		
		
		
		
		
		
.menudiv	 {width: 150px; 
                height: 200px; 
                position: absolute; top: 300px; left:0px; 
                z-index: 15;}
		
		
		
		
		

		
		
		
.hornimenudiv {width: 800px;
      height: 20px;
		  position: relative; margin: 0px; 
		  background-image: url('hornimenu.bmp'); background-repeat: no-repeat;  
		 
   	 z-index: 15;
		}
		
.podmenudiv  {width: 800px;
      height: 20px;
		  position: relative; margin: 0px; 
		  background-image: url('popmenu.png'); background-repeat: no-repeat;  
		 
   	 z-index: 15;
		}
		
.dolnimenudiv {width: 200px;
      height: 30px;
		  position: relative; margin: auto; 
		  background-image: url('menuspodek.bmp'); background-repeat: no-repeat;  
		 
   	 z-index: 15;
		}



.menudiv1   {width: 100px;
		 height: 20px;
 		 position: absolute; margin: auto; top:300px; left: 16;
     background-color:black;
		 background-image: url('menu.gif'); 
		 z-index: 15;
		}

.realdiv2       {width: 800px; position: relative; height: 25px;background-image: url('hornirohy.gif');margin: auto;}
.realdiv3       {width: 800px; position: relative; height: 50px;background-image: url('dolnirohy.gif');}

.hlstrdiv       {width: 700px; height: 100%; position: absolute; top:40px; left: 0; background-color:white; z-index: 15}
.horniminimenu  {width: 100%; height:40px ; position: relative; background-color:red; z-index: 15}


	



.hornimenu {text-align: center;
            font-family: 'Lucida Console';
            font-size: 14pt; 
            margin-top:0px;margin-bottom:0px;margin-left:25px;margin-right:25px;}

.nadpis {text-align: center;font-family: 'Lucida Console';text-decoration: underline;color: white;font-size: 20pt; }
.obsah {text-align: left;color: black;font-family: 'Georgia';font-size: 10pt}
.obsahnadpis {text-align: center;color: DarkBlue;font-family: 'Georgia';font-size: 21pt;text-decoration:underline;font-weight: bold}
.menu1 {text-align: center;font-family: 'Lucida Console';text-decoration: none;font-size: 11pt}
.menu2index {text-align: center;font-family: 'Lucida Console';text-decoration: none; color: yellow; font-size: 11pt}
.posuvnik {text-align: center;font-family: 'Lucida Console';font-size: 10pt}
.posuvnik2 {text-align: center;font-family: 'Lucida Console';font-size: 10pt;font-weight: bold }


.hornimenu a	       {text-decoration: none;}
.hornimenu a:link    {color: white;}
.hornimenu a:visited {color: white;}
.hornimenu a:active  {color: white;}
.hornimenu a:hover	 {color: Darkorange;text-decoration: underline;}
.posuvnik a	  {text-decoration: underline;}
.posuvnik a:link    {color: white;}
.posuvnik a:visited {color: white;}
.posuvnik a:active  {color: white;}
.posuvnik a:hover	  {color: Darkorange;text-decoration: underlin;}


.posuvnik2 a	  {text-decoration: none;}
.posuvnik2 a:link    {color: darkblue;}
.posuvnik2 a:visited {color: darkblue;}
.posuvnik2 a:active  {color: darkblue;}
.posuvnik2 a:hover	  {color: darkblue;}



a	  {text-decoration: none;}
a:link    {color: white;}
a:visited {color: white;}
a:active  {color: white;}
a:hover	  {color: red;}


Pokud byste byly tak laskavi a pomohli mi jak to zarovna :) Diky moc
Miloš
Profil
Kód je dlouhatánskej, tak to zkusím bez něj.
Jestliže je o padding v exploreru a kód stránky ti začíná <html> (bez !DOCTYPE), odhaduji, že půjde o odlišný boxmodel v závislosti na vykreslovacím režimu.
Pokud jsou to pro tebe cizí (sprostá) slova, pak koukni na http://www.jakpsatweb.cz/css/mody-prohlizecu.html
Annonym
Profil *
Ne bohuzel nepomohlo, podivej se na tu stranku abys videl jak to myslim. Pokud by slo o spatnz boxodel nebylo by rozhozene jen to :)
Annonym
Profil *
Nakonec jsem to prasacky poresil hackem :)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0