[ E-one @ 20.04.2006. 15:38 ] @
Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #CCCCCC;
    visibility: visible;
    display: block;
    text-decoration: none;

} 

.meni a:hover {
    color: #FFFFFF;
    background-color: #999999;
}

.meni ul {
  margin: 0;
  padding: 0;
}

.meni li {
    float: left;
    list-style-type: none;
    margin:0;
    padding:o;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>



U IE-u sirina bloka je 100% dok je u FF-u prilagodjena duzini linka. Zanima me kako da mi se u IE-u prikazuje isto kao u FF-u. Pokusavao sam sa parametrom width ali nisam uspeo.

[Ovu poruku je menjao Aleksandar Marković dana 25.04.2006. u 18:03 GMT+1]
[ broker @ 20.04.2006. 21:39 ] @
Ne znam tacno sta si hteo, ali ovako izgleda isto u oba citaca:

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #ccc;
    visibility: visible;
    /*display: block;*/
    text-decoration: none;

} 

.meni a:hover {
    color: #fff;
    background-color: #999;
}

.meni ul {
  margin: 0px;
  padding: 0px;
}

.meni li {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
clear:left;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>

[ E-one @ 21.04.2006. 13:50 ] @
display: block; treba da ostane jer visina mora da bude 20px a sirina da se prilagodi linku
ovako kako si mi ti napisao sirina je ok ali visina nije dobra.
[ VRKY @ 21.04.2006. 14:20 ] @
Provaj s
Code:
display:inline-block;
nije baš css validno, al bi trebalo radit :)
[ E-one @ 22.04.2006. 10:40 ] @
ni sa display:inline-block; ne izgleda kako treba, u FF-u se poremeti
[ gocca @ 23.04.2006. 22:05 ] @
Evo probaj ovo:

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #CCCCCC;
    visibility: visible;
    display: block;
    text-decoration: none;
} 

.meni a:hover {
    color: #FFFFFF;
    background-color: #999999;
}

.meni ul {
display: inline;
  margin: 0;
  padding: 0;
}

.meni li {
    float: left;
    list-style-type: none;
    margin:0;
    padding:0;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>
[ E-one @ 25.04.2006. 14:22 ] @
hvala gocca to mi je trebalo