CSS FF vs. IE
2 naročnika
2 naročnika
LP, zopet me nekaj matra, in sicer vertikalen menu narejen z css. Problem je, ker mi v IE razpotegne menu na skoraj dvokratno dolžino - med "gumbi" je prazen prostor.Bom prilepil kar kodo:
<td width="152" height="170" bgcolor="#c42132">
<ul class="meni">
<li>
<a href="index.php">Domov</a> </li>
<li>
<a href="index.php?page=kuhinja">Ponudba</a> </li>
<li>
<a href="index.php?page=zanimivo">Zanimivosti</a> </li>
<li>
<a href="index.php?page=kje">Kako do nas</a> </li>
<li>
<a href="index.php?page=galerija">Galerija</a> </li>
<li>
<a href="index.php?page=kontakt">Kontakt</a> </li>
</ul>
</td>
pa še css:
.meni {
list-style-type: none;
padding: 0;
width: 120px;
margin-left: 21px;
border-right-width: 2px;
border-right-style: solid;
border-top-color: #9A9A9A;
border-right-color: #9A9A9A;
border-top-width: 2px;
}
.meni li a {
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none;
background-image: url(slike/meni1.png);
background-repeat: repeat-x;
color: #9A9A9A;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding-right: 0;
padding-top: 3px;
padding-bottom: 3px;
}
.meni li a:hover{
background-image: url(slike/meni2.png);
}
za vse odgovore bom hvaležen.
2 odgovora
v css-ju namesto padding-top in padding-bottom daj height...
in torej:
.meni {
list-style-type: none;
padding: 0;
width: 120px;
margin-left: 21px;
border-right-width: 2px;
border-right-style: solid;
border-top-color: #9A9A9A;
border-right-color: #9A9A9A;
border-top-width: 2px;
}
.meni li a {
color: white;
display: block;
width: auto;
text-decoration: none;
background-image: url(slike/meni1.png);
background-repeat: repeat-x;
color: #9A9A9A;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding:0 0 0 10px;
height:28px;
}
.meni li a:hover{
background-image: url(slike/meni2.png);
}