zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Techniken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.04.2007, 10:13
Benutzerbild von Krischu
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 323
Krischu befindet sich auf einem aufstrebenden Ast
Standard CSS Techniken

In dem Faden CSS Syntax check schrieb Heiko_rs zu meiner Frage, ob man am besten ganz auf inline styles verzichtet:
Zitat:
Zitat von heiko_rs Beitrag anzeigen
Nicht zuletzt wegen der Trennung von Inhalt und Design, aber sie sind auch eh überflüssig, denn selbst wenn mal ein einzelnes Element nur auf einer einzigen Seite eine spezielle Darstellung bekommen soll, gibt man ihm halt eine ID oder Klasse (und bestimmt die jeweilige Darstellung in der CSS-Datei), oder man regelt alles per Body-ID.

Ich persönlich verwende letztere Methode und habe auf diese Weise (außer für die konstanten Elemente wie Header und Navi etc.) fast keine IDs/Klassen im Markup - fast alles läßt sich über die Body-ID per Nachfahrenselektor ansprechen.
Das klingt attraktiv, das mit den Nachfahrenselektoren. Darf ich dazu einen neuen Faden aufmachen?

...was ich hiermit getan habe.

Kannst Du bitte mal ein Beispiel geben, wie man so etwas aufbaut?
Ich habe z.B. verschiedene Bodies, id="startpage" id="contact" id="aboutus".
Oder nimmt man da Klassen? Ich würde zu IDs tendieren, da sie ja eh einmalig sind.

Nimmt man jetzt wieder IDs als Kinder dieser IDs?
__________________
--
Viele Grüße
Christoph
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.04.2007, 11:48
Benutzerbild von dottore:skin
~27
XHTMLforum-Mitglied
 
Registriert seit: 23.02.2005
Beiträge: 233
dottore:skin befindet sich auf einem aufstrebenden Ast
Standard

kommt ganz auf deinen geschmack zu arbeiten an, da hat jeder seine eigene vorstellung und systematik so was zu händeln...
dem body eine ID zuvergeben ist sinnvoll....dann halt per
body#id > p {} die sache gestalten...etc...

inlinestyles verwende ich nur noch bei "html-newslettern" da diese per hand noch im billigsten billig html+inlineCss geschrieben werden "sollten"....
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.04.2007, 14:15
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

Zitat:
Zitat von Krischu Beitrag anzeigen
Ich habe z.B. verschiedene Bodies, id="startpage" id="contact" id="aboutus".
Ja, genau so.

Zitat:
Zitat von Krischu Beitrag anzeigen
Oder nimmt man da Klassen? Ich würde zu IDs tendieren, da sie ja eh einmalig sind.
Genau, Klassen wären hier absolut nicht angebracht.

Zitat:
Zitat von Krischu Beitrag anzeigen
Nimmt man jetzt wieder IDs als Kinder dieser IDs?
Angenommen Du hast h1#header, ul#nav und div#inhalt und p#footer (nicht verschachtelt), dann brauchst Du unter Umständen gar keine weiteren IDs oder Klassen mehr, da die Body-ID alles regelt: Über #contact #header bekommt die Kontakt-Seite ihre eigene Headergrafik, über #startseite #inhalt ul haben alle Listen (außer der Navi) auf der Startseite ihr eigenes Design, usw.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.04.2007, 14:20
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

Zitat:
Zitat von dottore:skin Beitrag anzeigen
dann halt per body#id > p {} die sache gestalten
Achtung, IE

Über die Body-ID braucht man nur Besonderheiten zu regeln, also können allgemeine Definitionen - wie eben p - auch einfach nur als p im CSS stehen, und erst bei Abweichungen auf einer speziellen Seite als #aboutus #inhalt p.
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
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


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