Hallo Leute, ich habe unter http://studium.mstredak.de einen Link und ein Bild in einem DIV-Container. (der HomeButton) Nun möchte ich, wenn man über den Link fährt, dass sich das Bild(blaues Quadrat) ändert. Wie kriege ich das OHNE JS hin? Ich könnte auch ein Listenelement nutzen oder ein farbiges div. Wie ändere ich aber nur das Quadrat?

<div class="menue_home">
[img]bilder/menue_halterung.gif[/img]
[img]bilder/menue_punkt.gif[/img]
Home
</div>

Style-Sheet:

.menue_home {
position: absolute;
left: 0px;
top: -21px;
}

.link_menue {
font-size: 12px;
color: #325491;
font-weight: bold;
}

.menue_punkt {
position: relative;
top: 0px;
left: 5px;
}

Danke für eure Hilfe

Marcel

Mister Ad

imported_Ben

eventuell hier rüber:
http://www.css4you.de/list-style-image.html

ungetestet und ohne gewähr

__________________
Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

ja aber wie ändere ich dann die Grafik mit onMouseOver über meinem Link(link_menue) ?

imported_Ben

warum mit onmouseover? du willst doch kein JS verwenden ... denke ich?

also .. mit a:hover { .. } eben ..

__________________
Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

äh ja sorry, mein ich ja ... mit :hover

ich will also, wenn ich über den Link gehe, dass er das Bild daneben ändert

aber ist denn nicht Javascript kompatibler als CSS?

deine Idee, CSS zu verwenden ist gut. Doch solltest du Grafiken, die zum Layout gehören nicht im Dokument vermerken, sondern nur mit CSS angeben. So hast du eine schöne Trennung zwischen Layout und Inhalt.
Ich kann dir empfehlen, deine Navigation mit Listen aufzubauen und das zu änderende Bild wie schon von Ben erwähnt mit "list-style-image" zu definieren.

Eine kleine Auswahl nützlicher Links zu diesem Thema:
http://css.maxdesign.com.au/listamatic/ Schau die Beispiele für die Horizontalen Listen an
http://css.maxdesign.com.au/listamatic/horizontal07.htm etwa dein Anforderng