[ davor4 @ 05.01.2008. 14:02 ] @
radio sam menu sa css listom, uglavnom klasični problem u ie, ie pravi veći razmak između dva <li>.
evo stavit ću u prilog code i sliku kako to izgleda, pa ako mi netko može pomoći hvala mu unaprijed.

evo pic...http://img249.imageshack.us/img249/7356/problemcsslistawy5.gif
html
Code:
<div id="navigation_main">
            <img class="navigation_top" src="design_images/navigacija_top_1.gif" alt="" />
            <div class="navigation_box">
                <h1 class="navigation_naslov">Naslov</h1>
                <ul id="navigation">
                    <li><img src="design_images/navigacija_trokut.gif" alt="" /> 
                    prvi</li>
                    <li><img src="design_images/navigacija_trokut.gif" alt="" /> 
                    drugi</li>
                    <li><img src="design_images/navigacija_trokut.gif" alt="" /> 
                    treci</li>
                    <li><img src="design_images/navigacija_trokut.gif" alt="" /> 
                    cet</li>
                    <li><img src="design_images/navigacija_trokut.gif" alt="" /> 
                    pet</li>
                </ul>
            </div>        
        </div>

css
Code:
#navigation_main {
    float: left;
    width: 155px;
}

.navigation_box {
    width: 139px;
    margin: 0px 0px 0px 16px;
    background-color: #f0f9df;
}

img.navigation_top {
    margin: 7px 0px 0px 16px;
    padding: 0;
}

h1.navigation_naslov {
    margin: 0;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 9pt;
    color: #85bc23;
    padding: 8px 0px 0px 8px;
}

#navigation {
    margin: 3px 0px 0px 15px;
    padding: 0px 0px 8px 0px;
    width: 108px;
}

#navigation li {
    list-style: none;
    margin: 0;
    padding: 0.25em;
    padding-left: 0px;
    border-bottom: 1px solid #e6e6e6;
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
}


(samo da još kažem da sam pokušao sa float: left i height: 100% u <li>, također i display: inline, display: block ali bbez rezultata)
[ taichy @ 06.01.2008. 02:52 ] @
Probaj da stavis
Code:

}

img.navigation_top {
    margin: 7px 0px 0px 16px;
    padding: 0;
    display: block;
}


To bi trebalo da resi problem. Javi mi sta si uradio :) poz
[ davor4 @ 06.01.2008. 09:48 ] @
thx, ovo je sad ok, ali ie još uvijek ne tumači padding isto kao i firefox (da riješim to sa conditional comments ako je bug?)
[ Mitrović Srđan @ 06.01.2008. 14:47 ] @
Ne razumem kod mene izgleda identicno u svim browserima.
[ taichy @ 06.01.2008. 21:43 ] @
Code:

/* Ovim resetujes default vrednosti browsera*/
html, 
body, 
form, 
fieldset{
  margin: 0;  padding: 0;
}


Proguglaj malo kako firefox sta renda a kako ie, sta je default firefox sta ie itd... imas dosta clanaka o tome.
[ taichy @ 06.01.2008. 21:50 ] @
Code:

/* Ovim resetujes default vrednosti browsera*/
html, 
body, 
form, 
fieldset{
  margin: 0;  padding: 0;
}


Proguglaj malo kako firefox sta renda a kako ie, sta je default firefox sta ie itd... imas dosta clanaka o tome.
[ sinhrotron @ 07.01.2008. 12:41 ] @
sa <li> elemenata skini pading i dodaj im line-height:

#navigation li {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #e6e6e6;
font-family: Tahoma;
font-size: 11px;
line-height: 17px
color: #666666;
}
[ davor4 @ 07.01.2008. 17:40 ] @
hvala care
[ Crvic @ 08.01.2008. 03:10 ] @
Glavno pravilo, nikad ne koristiti padding u ul i li elementima, jer IE samo pravi glavobolje oko toga.

Ja inace moj css pocinjem ovako i dosad mi je uvijek sve radilo kako treba, tj nisam se mucio oko paddinga itd

* {
margin: 0;
padding: 0;
border: 0; /* Opera pravi border u form elementu pa zbog tog */
}

Fino dam svim elementima default vrijednost i kasnije ako zatreba margin itd samo dopisem, a padding izbjegavam sto vise moguce.