|
|||
Listen - Aufzählunsgzeichen verschwinden sobald man über Hyperlinks fährt
Hallöchen Ihr Lieben,
hab ein Problem, was ich noch nicht lösen konnte weder durch Googlen noch durch Suchen hier im Forum: Habe eine Liste, die in einem floatendem div steht (Seite geteilt durch Spalten, 2 DIVS mit float und width-Angabe nebeneinander): Code:
<ul style="list-style: circle outside"> <li>Listenpunkt 1</li> <li>Listenpunkt 2</li> <li>Listenpunkt 3</li> <li>Listenpunkt 4</li> <li>Listenpunkt 5</li> </ul> Code:
#spalterechts {float:left;width:260px;padding-bottom:2em;text-align:left;} Hab auf einer Seite gefunden, dass man ein die Liste umschließendes DIV platzieren soll mit Formatierung display:table und zoom:100%, hilft aber in meinem Fall gar nicht . Hat wer eine Idee? lg leenie PS: Hab grad ne Lösung für mein Problem gefunden: und zwar: habe nur links das floatende DIV gelassen und das rechtsstehende weggenommen so dass die Liste vorbeifließt. Damit bleibt mein Aufzählungszeichen erhalten. Trotzdem würde ich gern wissen, wenn ich so eine 'Spaltenaufteilung' mache und in einer Spalte eben eine Liste habe, wie ich dieses Problem umgehe, dass meine Aufzählungszeichen im IE nicht angezeigt werden. lg leenie Geändert von leenie280980 (17.08.2006 um 12:31 Uhr) |
Sponsored Links |
|
|||
Hallo Heiko,
hier der gewünschte Komplettcode: Code:
<div id="spaltelinks"> <div style="padding-left:11px;padding-bottom:2em;">Text</div> <div><img border="0" src="Bild.jpg"></div> </div> <div id="spalterechts"> <ul style="list-style: circle outside;text-align:left;padding-bottom:1em;"> <li>Punkt 1</li> <li>Punkt 2</li> <li>Punkt 3</li> <li>Punkt 4</li> <li>Punkt 5</li> </ul> </div> <div style="clear:both;text-align:left;padding:0 0 2em 20px;"> <div style="padding-bottom:1em;">Text</div> <div id="linkzimmer"> <a href=""> | <a href=""> | ..... </div> <div style="padding-top:1.5em;"> Text </div> </div> gruß leenie |
|
|||
Guten Morgen
habe jetzt rausgefunden, dass es an einer Formatierung in meiner zentralen CSS-Datei hängt: *{margin:0;padding:0} dann werden die Listenzeichen neben einem float nicht angezeigt. nochmal der Code zum Nachvollziehen Code:
<html> <head> <style type="text/css"> *{margin:0;padding:0;} </style> </head> <body> <div id="spaltelinks"> <div style="padding-left:11px;padding-bottom:2em;">Text</div> <div><img border="0" src="Bild.jpg" alt="ich bin ein bild"></div> </div> <div id="spalterechts"> <ul style="list-style: circle outside;text-align:left;padding-bottom:1em;"> <li>Punkt 1</li> <li>Punkt 2</li> <li>Punkt 3</li> <li>Punkt 4</li> <li>Punkt 5</li> </ul> </div> <div style="clear:both;text-align:left;padding:0 0 2em 20px;"> <div style="padding-bottom:1em;">Text</div> <div id="linkzimmer"> <a href="">Link1 |</a> <a href="">Link2 |</a> ..... </div> <div style="padding-top:1.5em;"> Text </div> </div> </body> </html> lg leenie |
|
|||
Hallo Heiko,
hm dann hat mir aber Fricca damals n deiner Meinung nach falsches Codebeispiel geschrieben, er hatte mir nämlich damals empfohlen alle Default-Abstände auf 0 zu setzen. siehe Beitrag hier (auf Seite 2): Code:
http://xhtmlforum.de/35304-floatende-div-boxen-alles-zentrieren.html Warum ist das Deiner Meinung nach verkehrt lg leenie |
Sponsored Links |
|
||||
Zitat:
Code:
* { margin: 0; padding: 0; } Zitat:
Übrigens hatte fricca auch nichts dergleichen geschrieben, sondern Dir völlig korrekt margin: 0 auto; für einen horizontal zentrierten Wrapper empfohlen, aber nicht für den Universalselektor. Geändert von heiko_rs (18.08.2006 um 10:31 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 18:32 |
Erweiterte Ordnerfreigabe unter Vista | ct2oo4 | Ressourcen | 0 | 10.05.2008 12:53 |
Profli wenn man über text fährt | Vybsi | (X)HTML | 3 | 29.10.2007 20:17 |
Listen: kann man die Zahl bei decimal Listen in Klammern... | leooo | CSS | 1 | 08.01.2006 18:13 |
xhtml validator error | doni | (X)HTML | 40 | 17.09.2004 06:20 |