XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Liste beginnt nicht am Anfang (http://xhtmlforum.de/showthread.php?t=71825)

mofi 13.03.2015 20:01

Liste beginnt nicht am Anfang
 
Hallo zusammen,
ich habe ein Problem mit meiner Liste

Code:

CSS:
#header                { float:left; background-color:#E7E6BC; width:100%; height:auto; }
#header ul li        { display:inline; color:#800000; font-weight:bold; font-size:11pt; margin:0; padding:3px 0px; }

HTML:

<div id="header">
                <ul>
                        <li>MONTAG/DIENSTAG RUHETAG!</li>
                        <li>MITTWOCH-SAMSTAG 14 bis 24 UHR</li>
                        <li>SONN-/FEIERTAGE 11 bis 24 UHR</li>
                </ul>
               
               
        </div>

Die Liste wird angezeigt aber vor dem "MONTAG...." ist immer ein Abstand. Ich habe schon alles durchprobiert. Dieser verschwindet nur, wenn ich im CSS ganz oben bei dem Generellen Reset alles auf 0 setze. Aber dann ignoriert er die anderen Anweisungen. *grummel* Ich hoffe ihr habt nen Tipp für mich.

Gruss, mofi

MrMurphy 13.03.2015 20:22

Hallo

Zitat:

aber vor dem "MONTAG...." ist immer ein Abstand
Super Fehlermeldung - mehr oder weniger nichtssagend. Vor Montag ist doch gar kein Text oder eine anderes Element.

Wenn du den Abstand zum linken Rand des umgebenden ul-Elements meinst: Der kommt vom linken padding des ul-Elements, das musst du entsprechend auf Null setzen.

Gruss

MrMurphy

protonenbeschleuniger 13.03.2015 20:29

Du musst auch den Padding der Liste auf Null setzen. #header ist das DIV Element.

Nachtrag: Da habe sieben Minuten zu lange gebraucht, um festzustellen, dass die ID #header nicht das UL Element ist :)

mofi 14.03.2015 13:19

Danke euch beiden für eure Antworten.

Mit dem Padding alleine wars leider nicht getan..... hab die Anweisungen anders in den UL bzw. UL LI verteilt. Versteh des zwar nicht aber jetzt gehts.....

Gruss, mofi

protonenbeschleuniger 14.03.2015 14:35

Zitat:

Zitat von mofi (Beitrag 543603)
Mit dem Padding alleine wars leider nicht getan..... hab die Anweisungen anders in den UL bzw. UL LI verteilt.

In dem Code, den du uns gezeigt hast, wurde das UL Element überhaupt nicht formatiert! Das (also das UL Element formtieren) allein reicht aus - zumindest mit dem von dir gezeigten Code.

Was verstehst du nicht?
Das UL Element hat als default wert einen grossen padding Wert, solange du den nicht änderst wird dieser auch angezeigt.

mofi 16.03.2015 09:17

Ich wusste nicht, dass ich <ul> extra machen muss, dachte in ul li reicht das auch. Find es komisch, dass ich in <ul> display:inline machen muss und in <ul li> auch weil es sonst nicht klappt.

Da ich die Abstände nicht so hinbekommen habe, wie gewollt habe ich mich vorerst wieder für die Textvariante entschieden. Ich hatte vor dem ersten Element immer einen Extraabstand, was auch logisch ist, wenn man das Padding anschaut. Wollte das aber nur bei den anderen Elementen nur nicht beim ersten. :P

Danke euch.

protonenbeschleuniger 16.03.2015 10:03

Zitat:

Zitat von mofi (Beitrag 543616)
Ich wusste nicht, dass ich <ul> extra machen muss, dachte in ul li reicht das auch. Find es komisch, dass ich in <ul> display:inline machen muss und in <ul li> auch weil es sonst nicht klappt.

Das ist wirklich komisch, weil das nicht stimmt und auch falsch ist, da inline Element kein padding/margin haben, kannst du diesen Wert dann nicht mehr ändern.

Zitat:

Zitat von mofi (Beitrag 543616)
Da ich die Abstände nicht so hinbekommen habe, wie gewollt habe ich mich vorerst wieder für die Textvariante entschieden. Ich hatte vor dem ersten Element immer einen Extraabstand, was auch logisch ist, wenn man das Padding anschaut. Wollte das aber nur bei den anderen Elementen nur nicht beim ersten. :P

Auch das geht sehr einfach mit einer Liste, dafür gibt es einen Selektor.

etux 16.03.2015 11:26

Zitat:

Zitat von protonenbeschleuniger (Beitrag 543618)
Das ist wirklich komisch, weil das nicht stimmt und auch falsch ist, da inline Element kein padding/margin haben, kannst du diesen Wert dann nicht mehr ändern.

Meinst Du damit, dass Inline-Level Elemente (oder Block-Level Elemente mit display: inline) weder Margin noch Padding haben können?
Die arme, :( haben sie wirklich so eine üble Nachrede verdient? ;)

protonenbeschleuniger 16.03.2015 11:57

Zitat:

Zitat von etux (Beitrag 543620)
Meinst Du damit, dass Inline-Level Elemente (oder Block-Level Elemente mit display: inline) weder Margin noch Padding haben können?
Die arme, :( haben sie wirklich so eine üble Nachrede verdient? ;)

Da habe ich mich geirrt. Zumindest in dieser Eindeutigkeit. Sie werden nur falsch angezeigt Inline elements and padding

Was aber in dem Kontext auch wieder richtig sein könnte. Leider stellt mofi nur Aussagen in den Raum, wo wir nicht erkennen können, was denn nun der Fehler ist den er gemacht hat.

Austen 16.03.2015 15:39

Zitat:

Zitat von protonenbeschleuniger (Beitrag 543621)
Leider stellt mofi nur Aussagen in den Raum, wo wir nicht erkennen können, was denn nun der Fehler ist den er gemacht hat.

Darum fordern wir hier doch seit Ewigkeiten zuerst einen Link, der das Problem zeigt. ;)


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

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023