Horizontale Liste mit gleich langen Links

Horizontale Liste mit gleich langen Links

Beitragvon Executor » 15.12.2010, 18:24

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
Executor
ist häufig da
 
Beiträge: 156
Registriert: 08.08.2006, 01:48
Wohnort: Richtplatz

Re: Horizontale Liste mit gleich langen Links

Beitragvon sejuma » 15.12.2010, 18:33

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
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: Horizontale Liste mit gleich langen Links

Beitragvon Executor » 15.12.2010, 18:50

nice, funktioniert. danke :)
Reise, Reise
Amerika
Mutter
Mein Teil
Stein um Stein
Tier
Engel
Ich will
Nebel
Executor
ist häufig da
 
Beiträge: 156
Registriert: 08.08.2006, 01:48
Wohnort: Richtplatz

Re: Horizontale Liste mit gleich langen Links

Beitragvon djheke » 15.12.2010, 18:52

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.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Horizontale Liste mit gleich langen Links

Beitragvon djheke » 15.12.2010, 19:05

Auch wenns nicht mehr interessiert, aber die li Tags natürlich mit float:left und nix display:inline.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Horizontale Liste mit gleich langen Links

Beitragvon Executor » 15.12.2010, 19:10

danke für deine hilfe ;)
funktionierte schon nach deinem ersten post, hatte das mit dem display und float auch richtig verstanden :)
Reise, Reise
Amerika
Mutter
Mein Teil
Stein um Stein
Tier
Engel
Ich will
Nebel
Executor
ist häufig da
 
Beiträge: 156
Registriert: 08.08.2006, 01:48
Wohnort: Richtplatz


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Horizontale Liste mit gleich langen Links"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste