Ich hab schon viel mit maßen ausprobiert. Aber hier ist der Quelltext:
CSS-Ausschnitt:
/************************************************************/
/*** H E A D ***/
/************************************************************/
#head {
float: left;
padding: 2px;
width: 600px;
display: block;
color: #fcfcfc;
text-align: right;
background-color: #555;
}
#head ul {
list-style-type: none;
}
#head li {
float: left;
margin-left: 10px;
margin-right: 5px;
padding-left: 8px;
background-image: url("../pix/head/headLiBg.jpg");
background-postion: center center;
background-repeat: no-repeat;
}
#head a {
color: #fcfcfc;
text-decoration: none;
padding-left: 8px;
}
HTML-Ausschnitt:
<!-- H E A D / L O G O / B A N N E R -->
<div id="head">
<ul>
<li><a href="#" target="_self">Registration</a></li>
<li><a href="#" target="_self">Rules</a></li>
<li><a href="#" target="_self">FAQ</a></li>
<li><a href="#" target="_self">Contact</a></li>
<li><a href="#" target="_self">Impressum</a></li>
</ul>
</div>
So und nun möchte ich bei dem Link das Bild "links vertikal zentriert"
haben!