Autor Zpráva
Vektor03
Profil *
Čau zdravim...
Mam problem..mam menu z tlačítek, dvě řady po pěti.. je jeich celkem teda 10... a je to všechno v jednom divu, a každý tlačítko má vlastní div... a když dam to tlačito do přišlušnýho divu, tak v opeře a ve FF je to vše v poho.. ale v IE se tam udělá taková zku** mezera podtim.. toznamena že se ta spodni řada tlačítak posune tak o 5px dolů.. nevite cim to je?


yFang
Profil
Vektor03
Těžko říct, když nevíme kód.
Vektor03
Profil *
je ale trochu delší:


<div id="uvod">
<a href="index.html"><img border="0px" id="uvod" alt="uvod" title="Juncart - art web welcome" src="buttony/uvod1.jpg"
onmouseover="this.src='buttony/uvod2.jpg'" onmouseout="this.src='buttony/uvod1.jpg'"></a>

</div>
<div id="novinky">

<a href="novinky.html"><img border="0px" alt="novinky" title="Juncart - novinky" src="buttony/novinky1.jpg"
onmouseover="this.src='buttony/novinky2.jpg'" onmouseout="this.src='buttony/novinky1.jpg'"></a>

</div>
<div id="odkazy">

<a href="odkazy.html"><img border="0px" id="odkazy" atl="odkazy" title="Juncart - odkazy" src="buttony/odkazy1.jpg"
onmouseover="this.src='buttony/odkazy2.jpg'" onmouseout="this.src='buttony/odkazy1.jpg'"></a>


</div>
<div id="download">

<a href="download.html"><img border="0px" id="download" alt="download" title="Juncart - download" src="buttony/download1.jpg"
onmouseover="this.src='buttony/download2.jpg'" onmouseout="this.src='buttony/download1.jpg'"></a>
</div>
<div id="aboutme">

<a href="aboutme.html"><img border="0px" id="aboutme" alt="about me" title="Juncart - about me" src="buttony/aboutme1.jpg"
onmouseover="this.src='buttony/aboutme2.jpg'" onmouseout="this.src='buttony/aboutme1.jpg'"></a>
</div>
<br><br><div id="fantasy">

<a href="fantasy.html"><img border="0px" id="fantasy" alt="fantasy" title="Juncart - fantasy" src="buttony/fantasy1.jpg"
onmouseover="this.src='buttony/fantasy2.jpg'" onmouseout="this.src='buttony/fantasy1.jpg'"></a>
</div>
<div id="fun">

<a href="fun.html"><img border="0px" id="fun" alt="fun" title="Juncart - fun" src="buttony/fun1.jpg"
onmouseover="this.src='buttony/fun2.jpg'" onmouseout="this.src='buttony/fun1.jpg'"></a>
</div>
<div id="art">

<a href="art.html"><img border="0px" id="art" alt="art" title="Juncart - art" src="buttony/art1.jpg"
onmouseover="this.src='buttony/art2.jpg'" onmouseout="this.src='buttony/art1.jpg'"></a>

</div>
<div id="auta">

<a href="auta.html"><img border="0px" id="auta" alt="auta" title="Juncart-auta" src="buttony/auta1.jpg"
onmouseover="this.src='buttony/auta2.jpg'" onmouseout="this.src='buttony/auta1.jpg'"></a>

</div>
<div id="others">

<a href="others.html"><img border="0px" id="others" alt="others" title="Juncart - others" src="buttony/others1.jpg"
onmouseover="this.src='buttony/others2.jpg'" onmouseout="this.src='buttony/others1.jpg'"></a>
</div>
div#uvod {float: left; width: 167px; height: 40px}
div#novinky {float: left; width: 163px; height: 40px}
div#odkazy {float: left; width: 157px; height: 40px}
div#download {float: left; width: 161px; height: 40px}
div#aboutme {float: left; width: 168px; height: 20px}


div#fantasy {float: left; width: 167px; height: 41px}
div#fun {float: left; width: 163px; height: 41px}
div#art {float: left; width: 157px; height: 41px}
div#auta {float: left; width: 161px; height: 41px}
div#others {float: left; width: 168px; height: 41px}
Bubák
Profil
Dej obrázkům float.

<img border="0px"
Do HTML se pixely nepíšou, i když to prohlížeče poberou správně. Výhodnější bys měl dát tuhle deklaraci do CSS, takhle ti to straší u každého obrázku.
Chamurappi
Profil
Reaguji na Vektora03:
Už se to tu probíralo mnohokrát.
Dej obrázkům „vertical-align: middle“.

Hledáš-li něco, do čeho bys mohl zabalit menu a jeho položky, zauvažuj nad <menu> a <li>.
Vektor03
Profil *
tak v IE to funguje, ale ve FF ne..:(

takhle to vypadá:


Vektor03
Profil *
vyřešilo to, že jsem napsal před "fantasy div" <br><br>, ale pak se to posunulo v IE..
Davex
Profil
Možná je problém způsoben tím, že stejné ID nesmí být použito vícekrát. Máš je stejné u obalového divu i u obrázku.
Vektor03
Profil *
nn tim to neni..:(
Vektor03
Profil *
ale ja to potřebuju opravit, FF je hodně používanej prohlížeč.. :(
Manq
Profil
Tuhle prasečinu ti nikdo pomáhat spravovat nebude. Využij tag <menu> a obrázky vlož pomocí CSS na pozadí odkazu + span s display:none;.
Chamurappi
Profil
Reaguji na Vektora03:
Obrázky vyfoceného problému si strč za klobouk, dej sem odkaz.
Bubák
Profil
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=5&topic=68 960

Vaše odpověď

Mohlo by se hodit

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

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0