zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden (EDIT: gelöst, danke) problem mit float bei einer liste

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.11.2005, 01:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2005
Beiträge: 15
kontur befindet sich auf einem aufstrebenden Ast
Standard (EDIT: gelöst, danke) problem mit float bei einer liste

hallo zusammen.

ich möchte eine ul mit listenpunkten nebeneinander, und im anschluss eine ul mit listenpunkten untereinander.
leider rutscht ohne das im code unten verwendete "br" der erste punkt der zweiten liste hinter die erste.

wie kann ich das verhindern, also eine darstellung gleich der mit dem untenstehenden code erreicheten aber ohne verwendung des "br"s?

Code:
<style type="text/css">
<!-- 
#list1 li								{ float:left; display:block;}
#list2 									{ display:block;}
-->
</style>
</head>
<body>
<ul id="list1">[*]1<li id="lastlist1">2[/list]

<ul id="list2">[*]3[*]4[/list]
danke im vorraus,
k.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.11.2005, 02:44
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Entweder so:

Code:
#list1 li {
list-style: none;
display: inline; }
Dann braucht #list2 keine weiteren Angaben.

Oder angelehnt an Deinen Ansatz per float:

Code:
#list1 li {
list-style: none;
float: left; }

#list2 {
clear: left; }
Das display: block; kannst Du überall weglassen, denn das sind ul und li sowieso. Dagegen solltest Du für #list1 li das list-style: none; dazunehmen, um in jedem Falle die Anzeige der Listenpunkte zu vermeiden.

Schöne Grüße,
Heiko
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.11.2005, 02:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2005
Beiträge: 15
kontur befindet sich auf einem aufstrebenden Ast
Standard

die von dir vorgeschlagene methode funktioniert und gefällt mir besser (ich finde sie auch besser nachvollziehbar).
vielen dank,
k.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Webseite für Smartphones Optimieren. Cybertronic CSS 8 25.08.2011 12:44
Webseite für Smartphones Optimieren Cybertronic CSS 8 18.08.2011 10:16
Problem mit Ausrichtung der Elemente einer Liste pgebi (X)HTML 2 28.01.2011 12:13
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:14 Uhr.