M
Maik
Nimm's mir bitte nicht übel, aber vielleicht solltest du dich mal um einen CSS-Nachhilfekurs bemühen, denn bei mir hat es auf Anhieb mit der Höheneinteilung funktioniert - ganz nach dem Motto: "quadratisch - praktisch - gut" *
* Das war mal ein Werbeslogan der Ritter-Sport Schokolade in den 70er und/oder 80er Jahren.
mfg Maik
Code:
<ul>
<li class="link1"><a href="#">Eintrag 1</a></li>
<li class="link2"><a href="#">Eintrag 2</a></li>
<li class="link1"><a href="#">Eintrag 3</a></li>
<li class="link2"><a href="#">Eintrag 4</a></li>
</ul>
<ul class="clear">
<li class="link2"><a href="#">Eintrag 1</a></li>
<li class="link1"><a href="#">Eintrag 2</a></li>
<li class="link2"><a href="#">Eintrag 3</a></li>
<li class="link1"><a href="#">Eintrag 4</a></li>
</ul>
Code:
ul {
list-style-type:none;
margin:0;
padding:0;
}
li {
width:65px;
height:65px;
margin:5px;
float:left;
text-align:center;
}
li a {
display:block;
width:100%;
height:61px;
padding:2px 0px;
text-decoration:none;
}
.link1 a {
color:#FEFF99;
background-color:#78002D;
}
.link1 a:hover {
background-color:#78002D;
color:#FEFF99;
}
.link2 a {
color:#78002D;
background-color:#FEFF99;
}
.link2 a:hover {
background-color:#FEFF99;
color:#78002D;
}
.clear {
clear:left;
}
mfg Maik