Autor Zpráva
Svit33
Profil
AHoj.
Mam urobene menu na testo stranke. Ak si stranku otvorite v opere vsetko je v poriadku.Ale ak vo firefoxe tak ak prejdete na tlacitko centrum a vybehnu vam polozky menu su tak odskoky a dost velke da sa to odstranit alebo zalezi na prehliadaci?
Pripajam kody
CSS
body{
	behavior:url(css/csshover.htc);
	 background: URL('back.jpg'); 
}

body{
        behavior:url(css/csshover.htc);
}

*{
	margin:0;
	padding:0;
 }
 
div#menu{
	margin-top:0px;
	float: left;
	width:100%;
	
	border-top:0px ;
	border-bottom:0px ;
}
	
div#menu ul{
	list-style-type:none; 
	margin-left:0px;
        float:left;
}

div#menu li{
float:left; 
	border-right:0px; 
	float:left;
       position:relative;
	
}


div#menu li:first-child{
	border-left:0px;
}

div#menu li a{
	text-decoration:none;
	padding: 0px; 
}

div#menu li:hover{

}

div#menu a:hover{
color:white;
}

div#menu ul li ul{
width:10em;
margin:0px;
position:absolute;
left:0px;
display:none;
}
div#menu ul li:hover ul{
display:block;
}

div#menu ul li ul li{
width:100%;
border-left:0px;
border-right:0px;
border-bottom:0px;
}

div#menu ul li ul li:first-child{
width:100%;
border-top 0px;


}

HTML
<div id="menu" style="position: absolute; top: 215px; left: 5px; width: 780px; height: 78px; z-index: 2">
 <ul>
  <li><a href="#"><img src="menu/centrumoff.jpg" border="0" onmouseover="this.src='menu/centrumon.jpg'" onmouseout="this.src='menu/centrumoff.jpg'"></a>
  	<ul>
		
		
	
        <li><a href="html/mapadnu.html" target="hlavne"><img src="menu/podmenu/mapacentra1.png" border="0" onmouseover="this.src='menu/podmenu/mapacentra2.png'" onmouseout="this.src='menu/podmenu/mapacentra1.png'"></a></li>
        <li><a href="#"><img src="menu/podmenu/mapaknam1.png" border="0" onmouseover="this.src='menu/podmenu/mapaknam2.png'" onmouseout="this.src='menu/podmenu/mapaknam1.png'"></a></li>

	</ul>
  </li>
  <li><a href="#"><img src="menu/akcieoff.jpg" border="0" onmouseover="this.src='menu/akcieon.jpg'" onmouseout="this.src='menu/akcieoff.jpg'"></a>
 	 <ul>

         <li><a href="#"><img src="menu/podmenu/pripravujeme1.png" border="0" onmouseover="this.src='menu/podmenu/pripravujeme2.png'" onmouseout="this.src='menu/podmenu/pripravujeme1.png'"></a></li>
	 <li><a href="#"><img src="menu/podmenu/archiv1.png" border="0" onmouseover="this.src='menu/podmenu/archiv2.png'" onmouseout="this.src='menu/podmenu/archiv1.png'"></a></li>
         
         </ul>
  </li>
  <li><a href="#"><img src="menu/relaxoff.jpg" border="0" onmouseover="this.src='menu/relaxon.jpg'" onmouseout="this.src='menu/relaxoff.jpg'"></a>
 	 <ul>
		<li><a href="#"><img src="menu/podmenu/kutik1.png" border="0" onmouseover="this.src='menu/podmenu/kutik2.png'" onmouseout="this.src='menu/podmenu/kutik1.png'"></a></li>
                <li><a href="#"><img src="menu/podmenu/noviny1.png" border="0" onmouseover="this.src='menu/podmenu/noviny2.png'" onmouseout="this.src='menu/podmenu/noviny1.png'"></a></li>
		<li><a href="#"><img src="menu/podmenu/typyarady1.png" border="0" onmouseover="this.src='menu/podmenu/typyarady2.png'" onmouseout="this.src='menu/podmenu/typyarady1.png'"></a></li>
		
	</ul>
  <li><a href="#"><img src="menu/kontaktoff.jpg" border="0" onmouseover="this.src='menu/kontakton.jpg'" onmouseout="this.src='menu/kontaktoff.jpg'"></a>
	  <ul>
		<li><a href="#"><img src="menu/podmenu/prenajom1.png" border="0" onmouseover="this.src='menu/podmenu/prenajom2.png'" onmouseout="this.src='menu/podmenu/prenajom1.png'"></a></li>
                <li><a href="#"><img src="menu/podmenu/vedenie1.png" border="0" onmouseover="this.src='menu/podmenu/vedenie2.png'" onmouseout="this.src='menu/podmenu/vedenie1.png'"></a></li>
		
  </ul>
</div>
Bubák
Profil
Klasika, prostor pro případný text u obrázků, řešení je mnoho (hledej v této diskusi), přikládám dvě:
img {vertical-align: top;}

img {display: block;}

Nemusíš tohle deklarovat pro všechny obrázky, stačí jen pro ty v problémovém menu.
Svit33
Profil
parada podarilo sam i to dakujeeeeem krasneee :) waaaa diky dikyyyyy

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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