CSS FF vs. IE
 
pocukrani 3. maj 2010 17:54:12 Pridružen od:
24. apr 2010
101 objav
17 0 0
#1

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.


všeč(0) ni všeč(0) spam(0)
 
.net 3. maj 2010 18:16:27 Pridružen od:
19. mar 2010
119 objav
136 39 1
#2

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);

}


všeč(0) ni všeč(0) spam(0)
 
pocukrani 3. maj 2010 19:01:03 Pridružen od:
24. apr 2010
101 objav
17 0 0
#3

uu, hvala hvala :) napaka je torej bila ta, da height ni bil določen??


všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se