Zeromancer: Zentrierte horizontale Liste mit floatenden li-Elementen

Beitrag lesen

Hallo Elya,

ist es so was hier was du suchst?

Wenn ja, dann sieht es so aus:

HTML
---------

<!--REITER-CONTAINER-->
<div id="reiter">

<ul>
    <li class="rli"><a href="Seiten/bbl/" class="rlia">About</a></li>
    <li class="rli"><a href="Seiten/bbl/" class="rlia">B.B.L. e.V.</a></li>
    <li class="rli"><a href="Seiten/formulare/kontakt.html" class="rlia">Kontakt</a></li>
    <li class="rli"><a href="Seiten/links/" class="rlia">Links</a></li>
</ul>
<br style="clear:left;" />
</div>

CSS
------

/*REITER-CONTAINER*/

div#reiter {
  vertical-align:top;
  width:500px;
  text-align:center;
  padding:0;
  margin:auto;
  border: solid 1px #ffffff;
}

#reiter ul {
 margin-top:0px;
}

.rli {
  float:left;
  margin-right:5px;
  list-style-type:none;
  vertical-align:top;
}

.rlia {
  display:block;
  width:99px;
  height:18px;
  border:solid 0px #000;
  text-decoration:none;
  font-weight:bold;
  font-size: 12px;
}

.rlia:link, .rlia:visited {
  background:url(navigation/Button.gif);
  color:#000;
}

.rlia:hover {
  background:url(navigation/Button_blau.gif);
  color:#000;
}

Mit freundlichen Grüßen

André

Diese Seiten sind noch Testseiten. Ich bin auch für jede Anregungen offen. ;-)