|
|||
Hallo,
nach nun 6 Tagen erlaube ich mir einfach nochmal nachzufragen ob nicht jemand eine Idee hat wie ich das oben beschriebene Problem lösen kann. Vielen Dank schon mal im Voraus...
__________________
cu trinix |
Sponsored Links |
|
|||
Ich mach jetzt seit mehr als einer halben Stunde rum und finde den Fehler nicht....das wird wohl vielen so gehen hier
Der Fehler liegt wohl nicht im Listencode. Zur Sicherheit mach mal für dich eine kleine Seite, die nur die Liste enthält. Tut sie dann? Sry andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
||||
Dein Code ist sehr, sehr unübersichtlich und enthält vieles, das gar nicht zum Thema gehört. Mach’s uns beim nächsten Mal etwas leichter, ja?
Zu deinem Problem: »li { display: inline; }« bewirkt, daß keine Listenformatierungen für diese Elemente mehr wirksam werden können. Wirf es raus. Gruß Thomas
__________________
toscho.de |
|
|||
Hallo,
das ich die Sache zu unübersichtlich gestaltet habe war ziemlich blöd, aber ich gelobe Besserung. Desto mehr möchte ich mich trotzdem für Eure Hilfe bedanken. li { display: inline; } habe ich herausgenommen und tatsächlich die Listen im Kontext funzten. Leider war diese display: inline für die Navigation am oberen Rand welche nun nicht mehr inline dargestellt wird, sondern ganz normal untereinander. Ich brauche aber diese Navigationsleiste wirklich inline da sonst der Platz ungünstig aufgeteilt ist. Also wie könnte ich trotzdem eine inline Darstellung der oberen Navigation erreichen.
__________________
cu trinix |
|
||||
Dnn lege die Navigation in einen DIV-Container, dem Du eine bestimmte Breite (.z B. 10em) zuweist!
Dann hast Du doch eine Begrenzung! Gruss Dieter
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Hallo,
die Navigation ist schon in einem DIV-Container: html (siehe auch oben) Code:
<div id="navcontainer"> und im css habe ich es dann formatiert, aber leider machte eben dieses inline Probleme. css (siehe auch oben) Code:
#navcontainer ul { padding: .2em 0; margin-top: 20px; list-style-type: none; background-color: #474a4d; color: #FFF; width: 100%; font: normal 115% "Trebuchet MS"; text-align: right; } li { display: inline; } li a { text-decoration: none; background-color: transparent; color: #999999; padding: .2em 1em; border-right: 1px solid #999999; } Oder wie sollte ich es Deiner Meinung nach anders anlegen?
__________________
cu trinix |
|
|||
Du kannst auch
li {float:left;} abgeben - die brauchen dann aber noch jeder eine Breite. Oder Du bleibst beim display:inline und ersetzt die Listenpunkte durch Hintergrundgrafiken - geht auch. |
|
||||
Versuch es mal hiermit:
Code:
ul.navi { background: #FFFFFF; color: #000000; list-style-type: none; margin: 0px auto; } li.navi { list-style-type: none; margin: 0px auto; padding: 2px; text-align: left;
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
Zitat:
Gruß Thomas
__________________
toscho.de |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen | On3TwO | (X)HTML | 4 | 01.09.2011 13:29 |
Verschiedene Listen Styles | Hilltono | CSS | 2 | 17.03.2011 11:33 |
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei | braindead | (X)HTML | 5 | 13.09.2007 16:43 |
Listen im Sinne der Barrierefreiheit einsetzen | Webstandard | Barrierefreiheit | 17 | 02.04.2006 23:43 |
Listen, Absätze und Überschriften | SPMan | (X)HTML | 4 | 05.08.2004 11:15 |