Liebe Easy-Coding Community,

ich mache mit unter meine ersten Schritte im Bereich Webdesign, sprich Make-Up Sprachen. Ich stosse immer wieder auf irgendwelche Problem. welche ich zumeist selbst löse, doch habe ich
diesmal eine Frage bei welcher ich mir keinen Suchbegriff für die gute alte Google Suche denken kann.

Wie verhält sich das mit den Attributen Div, Section, Class etc. - Ich würde gerne innerhalb einer Section oder eines Divs mehrere Objekte platzieren. Doch ist mir das gemäß folgenden
Code nur bedingt möglich:



Da dies alles andere als valide nach W3C ist, meckert natürlich selbiger Validator an einer Dublicat Class rum. Wie oben zu sehen mit logo und title.
Aber so sind von vorne rein meine Objekte, hier Grafiken, im Title Div drin. Da ich aber die Seite valide haben will denke ich mir folgende Schreibweise:



Ihr ahnt es sicher schon: Nun ist nur Objekt Logo im Title Div enthalten. Die Klasse title hingegen wird unter dem Div im Browser ausgegeben.
Wie also kann man einem Div bzw. einem bestimmten Bereich auf der Seite mehrere Objekte, Klassen oder Sektionen zuweisen?

Ich bin ratlos und hoffe auf euer Verständniss.

PS: Bei HTML5 ist immer die Rede das man weitesgehend auf Divs verzichten soll und stattdessen mit den neuen Strukturelementen section, header, article, aside etc. arbeiten soll. Wie verhalten sich diese bei Klassen, so
wie ich den Ansatz schon gemacht habe, oder ist dies nicht valide? (Beispiel: section id=Logo) Beispiel 2: section class=Logo)?

Vielen Dank bYemma, dann hatte ich quasi nur die Anführungszeichen vergessen.

Ich da jetzt auf ein Problem gestoßen, welches du, oder jemand anders sicher auch beantworten kann. Wenn ich nun mehrere Klassen in dieser Section habe: Wie spreche ich diese mi
CSS-Deklarationen an? - Denn mit .logo oder .title geht es nicht mehr:



PS: Gibt es denn auch ein bestimmtes Limit an solchen Klassen die man in eine ID (in ein Div oder Section) schreiben sollte?

Wenn ich nämlich z.B. mit Canvas oder SVG arbeiten will, kann sich da ziemlich was summieren, nicht oder? - Oder ist es schlicht egal wieviele Klassen eine Section/Div hat?

Ich denk du siehst das Problem nicht. Ich will für jede Klasse in dieser Sektion verschiedene CSS-Eigenschaften festlegen:



Ich kann aber nur die Section ansprechen bzw. irgendeine dieser Klassen und ob ich das nun trenne mit .title und .logo a oder von mir aus auch title a - > Nimmt der Browser bei mir
beide CSS-Eigenschaften zusammen also addiert .title und .logo und deklraiert somit eine summierte Eigenschaft.

Beispiel: Ich will das .logo (Ein Logo) ganz links in der Section positioniert wird. Aber .title (eine Überschrift Grafik) zentriert bzw. etwas weiter mit linken Abstand, hier left 205px.

Komischerweise wirkt sich aber dieses left Eigenschaft aber genauso auf .logo aus?

Edit (Lösung?!)



Einfach als Inline-Block mit relatver Position definieren?! - Kann man das so machen, es funktioniert, aber ist das konform?

Danke GXHI, aber leider funktioniert das nicht. Das Stylesheet für ignoriert.

Ja genau, vielen Dank. Kannst du mir evtl. noch verraten wie ich eine Hover Image in diese Section einbaue. Zum Beispiel bei dem Xing-Button, das da eine größere Grafik erscheint, wenn man drüber fährt mit der Maus. Das blöde nur ist, wenn
ich das mache, geht es über den eigentlichen Divbereich Title hinüber und zieht quasi alle Section Classes mit.

Danke. Ja das dürfte das Problem darstellen. Ich kenne mich mit Javascript noch nicht aus, muss ich wohl nochmal die Wikis durchstöbern. Weil die Hover Grafik soll quasi der gleiche Button sein, nur das unten drunter noch ein Hinweistext erscheint wie: Besuche mein Profil.