Horizontale Liste mit gleich langen Links

[Executor]

Hey,
also ich hab eine Top-navigation die demnach horizontal ist. Das ganze ist eine Liste. Ich will jetzt, dass die Links gleich lang werden, quasi wie disblay: block nur halt horizontal.

Code: Alles auswählen

ul.menu
{
  display: inline;
  width: 890px;
}
ul.menu li
{
  display: inline;
  margin: 3px;
}


danke schonmal,
lg Ole

[sejuma]

Gib den li's anstelle von display: inline; ein

Code: Alles auswählen

float: left;

Ebenso einen width-Wert.
Für a verwende den gleichen width-Wert und display: block;

Siehe auch
http://www.ohne-css.gehts-gar.net/0073.php
http://www.ohne-css.gehts-gar.net/0072.php

[Executor]

nice, funktioniert. danke

[djheke]

zu spät, aber hier meine version.

Code: Alles auswählen

* {
margin:0;
padding:0;
text-decoration:none;
list-type:none;
}

ul.menu
{
  width: 890px;
  background:#aaa;
  float:left;
}

ul.menu li
{
  display: inline;
  background:#a33;
}

ul.menu li a {
margin-right:1px; /*beispiel */
padding-top:7px;
width:100px;
height:30px;
background:#ffa;
display:block;
float:left;
text-align:center;
}


hoffe es hilft.

[djheke]

Auch wenns nicht mehr interessiert, aber die li Tags natürlich mit float:left und nix display:inline.

[Executor]

danke für deine hilfe
funktionierte schon nach deinem ersten post, hatte das mit dem display und float auch richtig verstanden