<div style> Elemente in einem Text

[Martin D.]

Hallo liebe Helfer!
Ich hatte mich entschlossen mit der Zeit zu gehen und einen Text auf der Indexpage meiner zukünftigen HP in CSS geschrieben.

das sieht im Quelltext mal so aus:
<div class="gelb">Hallo</div><div class="weiss"> und herzlich willkommen auf meiner bescheidenen </div><div class="rot">(*g*)</div><div class="weiss"> Homepage, die ich meinen drei absoluten </div><div class="blau">Lieblingsbands</div><div class="weiss"> gewidmet habe. Die </div><div class="gelb">Idee</div><div class="weiss"> der Seite ist entstanden, als man mich schon öfters fragte, welche denn meine </div><div class="rot">Lieblingsband</div><div class="weiss"> sei.

die classes habe ich im Head-Bereich einzeln definiert, z.B.:

div.gelb {
color: #E0FF00
}
div.rot {
color: #FF5F00
}
div.blau {
color: #00FFBF
}
div.weiss {
color: #FFFFFF
}

Das ganze klappt zwar von den Farben her, aber, meine Frage: Warum schreibt er mir das alles untereinander???
http://offspring.funpic.de/home.html
Falls ihr meint, CSS wäre hier nicht geeignet...wie kann ich das anders gestalten?
Vielen Dank für jegliche Ansätze von Hilfe,
offy.

[Ingo Turski]

Hi,

Du brauchst hierzu inline-Elemente. Nimm SPAN. Und überlege Dir, ob es nicht vielleicht für bestimmte Hervorhebungen sinnvollere Elemente wie STRONG oder EM gibt.

freundliche Grüße
Ingo

[Alexander Brock]

Hallo

Ich hatte mich entschlossen mit der Zeit zu gehen und einen Text auf der Indexpage meiner zukünftigen HP in CSS geschrieben.

Gut so :-)

[...] Warum schreibt er mir das alles untereinander???

Weil <div> ein Block-Element ist.
<zitatausselfhtml>
Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt
</zitatausselfhtml>
Wenn du keinen Zeilenumbruch willst, verwende <span>.

http://offspring.funpic.de/home.html

Lies doch bitte in der </faq/#Q-19> nach, wie man Links macht.

Gruß
Alexander Brock