zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Woher kommt die Vererbung?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.10.2011, 00:46
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard Woher kommt die Vererbung?

Hallo zusammen,

hier erstmal mein Testcase:

SV Rosellen - Abteilung Tischtennis

das Stylesheet dazu:

www.dercoe.de/showbox/style/style.css

Meine Frage:

Woher bekommt die Überschrift h3 (LINKS) die Anweisung, zentriert dargestellt zu werden?

Evtl. bin ich da bereits etwas Eigen-Code-Blind...

Die einzige Deklaration befindet sich im Div "banmit2".

Aber das DIV "banmit2" und das DIV "links" stehen doch in keiner Eltern-Kind-Beziehung zueinander, daß die Eigenschaften übergeben werden könnten, oder?

Habe im Stylesheet die Anweisung "#links h2" zur Veranschaulichung meiner Frage auskommentiert. Normalerweise deklariere ich die Text-Ausrichtung der h2 im Inhaltsdiv dort neu, damit sie linksbündig angezeigt wird.

Hoffe Ihr könnt da etwas Licht ins dunkle bringen..
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.10.2011, 00:51
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

In Zeile 67 deiner styles.css steht #banmit2 h1, h2 drin. Das bedeutet soviel wie: h1, wenn in #banmit2 und alle h2.

Da die einzige Überschrift auf der verlinkten Seite eine h2 und kein h3 ist, greift eben diese Regel.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.10.2011, 01:02
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Danke, Du bist mein persönlicher Tagesheld!

Wie war das nochmal mit der Deklaration mehrerer Elemente in einem DIV?

Dachte immer der Syntax wäre #div h1,h2 um h1 sowie h2 im DIV anzusprechen...

Wäre h1, h2#DIV die richtige Variante?

Geändert von dercoe (13.10.2011 um 01:06 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 13.10.2011, 01:11
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von dercoe Beitrag anzeigen
Wäre h1, h2#DIV die richtige Variante?
Nein. Richtig wäre #id h1, #id h2, .class h3. Willst du über eine ID oder Klasse gehen musst du diese auch immer angeben. Das Komma trennt immer zwei Selektoren. Von einem vorangeschriebenen wird nichts übernommen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 13.10.2011, 01:15
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Das würde also bedeuten, wenn ich in einer ID die Überschriften H1 und H2 beide zentriert darstellen möchte, muß ich die IDs und die Selektoren immer komplett ausschreiben?

Also so:

"#div1 h1"
und
"#div h2"

Geht "#div h1 h2" nicht auch? Also mit Leerzeichen anstelle des Kommas?
Mit Zitat antworten
  #6 (permalink)  
Alt 13.10.2011, 01:22
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von dercoe Beitrag anzeigen
Geht "#div h1 h2" nicht auch? Also mit Leerzeichen anstelle des Kommas?
Wenn du ein klein wenig nachgedacht hättest, dann müsstest du nicht fragen. Es geht nicht, warum darfst du dir aber selber überlegen
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #7 (permalink)  
Alt 13.10.2011, 01:24
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Praktikant Beitrag anzeigen
Wenn du ein klein wenig nachgedacht hättest, dann müsstest du nicht fragen. Es geht nicht, warum darfst du dir aber selber überlegen
Weil es keinen Selektor "h1 h2" gibt... richtig?

Ich weiß jetzt auch, wo mein Denkfehler lag. Perter Müller (Little Boxes) selektiert die Übschriften h1 und h2 mit einem Komma getrennt (h1, h2). Damit meint er aber alle H1 und H2. Da ich meine Überschriften in einem bestimmten DIV selektieren möchte, muss ich dem CSS genau sagen welche H1 und H2 ich meine. Und da es "H1 H2" als Selektor nicht gibt, würde meine Frage nicht funktionieren...

Geändert von dercoe (13.10.2011 um 01:29 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 13.10.2011, 01:28
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von dercoe Beitrag anzeigen
Weil es keinen Selektor "h1 h2" gibt... richtig?
Nein. Wir sind jetzt an dem Punkt angelangt an dem du anfängst CSS zu raten.
Wenn du Leerzeichen im CSS hast, dann gibst du eine Verschachtelung an. Das heißt in dem Moment, in dem du eine h2 innerhalb einer h1 geschachtelt hast, kannst du das so verwenden. Aber ich glaube das ist nicht valide und auch vollkommen schwachsinnig.

Bitte eigne dir die Grundlagen an. Dafür bietet das Buch Little Boxes an, den ersten Teil kannst du kostenlos online lesen.

Edit: Peter Müller erklärt in dem Buch sicherlich auch was es mit Leerzeichen in Selektoren im CSS auf sich hat
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #9 (permalink)  
Alt 13.10.2011, 01:35
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Das Buch habe ich schon durchgelesen. War nur etwas länger raus aus CSS, als Anfänger tödlich wie ich bemerke

Die Verschachtelung macht z.B. bei Listen ud Listelementen Sinn.

Im nachhinein merke ich auch, das meine Leerzeichen-Vermutung Schwachsinn war, ist wohl schon zu spät am Tage...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.10.2011, 01:42
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von dercoe Beitrag anzeigen
Die Verschachtelung macht z.B. bei Listen ud Listelementen Sinn.
Unter anderem. Du kannst damit aber auch die Anzahl benötigter Klassen und IDs stark einschränken
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
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
Vererbung im Menü nutzen LukasHome CSS 2 29.07.2011 15:28
Vererbung unterbinden / 2 CSS Dateien zusammenführen Gechillta CSS 3 14.12.2007 16:22
Vererbung bei Tabellen aufheben? Spardie CSS 3 29.09.2005 19:30
Listen-Kaskade / Vererbung [ font-size ] ulle Knowledge Base 10 06.11.2004 04:57
Frage zur Vererbung Geldentwertung CSS 3 06.08.2004 22:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:27 Uhr.