ok aj ovako stavicu kod
html
Code:
<div id="header">
<table id="manu" cellspacing="0" cellpadding="0">
<td><a href=# id="manu1"><img src="images/layout/manu/manu_01.gif"></a></td>
<td><a href=# id="manu2"><img src="images/layout/manu/manu_02.gif"></a></td>
<td><a href=# id="manu3"><img src="images/layout/manu/manu_03.gif"></a></td>
<td><a href=# id="manu4"><img src="images/layout/manu/manu_04.gif"></a></td>
</table>
a CSS-om pozicioniram ovu tabelu uspesno i to je to
to je sada resenje koje ganjam, radi u FF ali ove slicice se ne ponasaju u IE5 kao linkovi, ne mozes da kliknes na njih, znaci ne postoji navigacija na sajtu za korisnike IE5, sem u futeru font manu ali mi je to bas mala uteha i neslavno resenje.
dakle prosla verzija koju sam ganjao ide ovako:
html
Code:
<div id="header">
<ul id="mainManu">
<li><a href=# id="manu1"></a></li>
<li><a href=# id="manu2"></a></li>
<li><a href=# id="manu3"></a></li>
<li><a href=# id="manu4"></a></li>
</ul>
opet nema potrebe da pisem CSS, uglavno pozicioniram ovaj <ul> lepo, a to je unutar svog <div id="header">, odvojim ga od vrha nekih 200px, taman ispod header slike i sto je bito:: stavim da je
#mainManu li { display: inline; haight: taj i taj; i jos tu definicija, nebitno }
zatim za svaki od <li> (oni imaju svoje id-ove) postavim da je recimo
#manu1 { background: url(putanja do slicice, za svaki manu item posebna) no-repeat top left; width: tacno onoliko px koliko je svaka slicica ponaosob;}
Naravno dobijem ono sto sam vec objasnio gore, dakle ovo radi u IE5, a uopste nece da se pojavi u FF, nema uopste slicica, neme menija..
Sada bih ja mogao da postavim pitanje, kako ovo naterati da radi, ali tu cu se vec nekako i snaci, pokusacu sam...
Vise me zanima zasto IE5 ne pokazuje <a href=# id="manu1"><img src="images/layout/manu/manu_01.gif"></a> kao link, zasto ne reaguje na sliku ubacenu u <a></a> i kako ga naterati da to uradi??
p.s. nadam se da sam ok objasnio :)
[Ovu poruku je menjao slamone dana 11.01.2006. u 16:26 GMT+1]