Div als Zeichen behandeln - ohne umzubrechen

[Stephan]

Hallo

zur Bewertung eines Dings habe ich so eine Art Ampelbewerung mit HTML/CSS geschrieben, welche einen einfachen Kreis innerhalb eines Div's ausgibt und diesen mittels css einfärbt und mittels a:hover umfärbt.
Also so:

CSS:

#green a:hover { float: none; color: red; }
#green a{ color: green; text-decoration: none; }

#yellow a:hover { color: green; }
#yellow a{ color: yellow; text-decoration: none; }

#red a:hover { color: yellow; }
#red a{ color: red; text-decoration: none; }

HTML:

irgendwelcher Text <div id='red'>Kreis</div> irgendwelcher Text

Im Browser sieht man aber:

irgendwelcher Text
Kreis
irgendwelcher Text

wie kann ich das Ding dazu bringen nicht umzubrechen?

vielen Dank für alle Antworten
Stephan

[wahsaga]

hi,

zur Bewertung eines Dings habe ich so eine Art Ampelbewerung mit HTML/CSS geschrieben, welche einen einfachen Kreis innerhalb eines Div's ausgibt und diesen mittels css einfärbt und mittels a:hover umfärbt.

HTML:

irgendwelcher Text <div id='red'>Kreis</div> irgendwelcher Text

Im Browser sieht man aber:

irgendwelcher Text
Kreis
irgendwelcher Text

wie kann ich das Ding dazu bringen nicht umzubrechen?

Für #green hast du noch float definiert, für #red nicht mehr ...?

Abgesehen davon, dass das a) reichlich suboptimale ID-Values sind, und b) du bei mehrfacher Verwendung in einem Dokument eher Klassen wählen solltest:

Wofür überhaupt ein Div?
Warum eigentlich nicht gleich ein simples Img, welches dann auch einen entsprechenden alt-Text bekommen kann?

gruß,
wahsaga

[rfb]

Moin

was du suchst nennt sich span

Gruß
rfb

[Steel]

Schau doch mal ob du was lernen kannst ueber Inline- und Blockelemente. ;)