[CSS] Hover op 1 element, andere element veranderen...

[The Milkman]

Goedendag,

ik loop mijn hersens even te breken hoe ik zoiets kan bereiken.
Ik heb namelijk een paar buttons, die uit 2 delen bestaan. (2 afbeeldingen)
Als ik eroverheen ga (hoveren), de button van kleur veranderen. Maar omdat deze uit 2 delen bestaat veranderd slechts 1 deel.

Kan ik met CSS alleen, bereiken dat het andere stuk van mijn button ook veranderd? Dus als ik over 1 element hover, er 2 veranderen?

VOORBEELD:


Het 2e deel van mijn knopje is dus variabel, dus als de tekst veranderd, gaat de grootte van de button mee...

Thx,

[ Voor 18% gewijzigd door The Milkman op 03-04-2009 10:15 . Reden: verduidelijking ]

[crisp]

Een voorbeeldje zou wel handig zijn...

[Verwijderd]

Dit kan mbv javascript.
getElementByID();

[The Milkman]

Verwijderd schreef op vrijdag 03 april 2009 @ 10:13:
Dit kan mbv javascript.
getElementByID();

Maar ik heb het gevoel dat CSS wel zo ver is ontwikkeld dat zoiets wat ik wil ook met puur CSS kan... maaaaar correct me if i'm wrong...

[BtM909]

The Milkman schreef op vrijdag 03 april 2009 @ 10:15:
[...]


Maar ik heb het gevoel dat CSS wel zo ver is ontwikkeld dat zoiets wat ik wil ook met puur CSS kan... maaaaar correct me if i'm wrong...

Oftewel, kom eens met een voorbeeld

[harrald]

zoiets?

[ Voor 16% gewijzigd door harrald op 03-04-2009 10:29 ]

[The Milkman]

harrald schreef op vrijdag 03 april 2009 @ 10:28:
zoiets?

Zo op het eerste gezicht lijkt dit wel wat ja! even kijken of ik de boel kan laten hoveren, maar dit is iets

[Verwijderd]

wakker blijven Khainer...

[ Voor 83% gewijzigd door Verwijderd op 03-04-2009 10:33 . Reden: redundante opmerking ]

[mcDavid]

Cascading Stylesheet:

.wrapper:hover .plaatje1, .wrapper:hover .plaatje2 {
//doe wat
}

[OkkE]

Let er op dat IE standaard alleen een :hover op een A-element snapt. Als het niet erg is dat er een A gebruitk wordt, zou je daar een SPAN in kunnen zetten, waarbij je zoiets kunt gebruiken:

code:

a:hover, a:hover span {
background: red;
}

Je zult hier voor dan nog wel je A en SPAN element moeten stijlen, en waarschijnlijk ook een display:block; mee moeten geven.

@crisp:
You're right.
_{Maar kleine moeite om te vermelden, en kan een hoop tijd en elende schelen. Dat IE6 het niet snapt is inderdaad geen punt, wanneer het om stijl (ipv functie) gaat, maar wel iets wat handig is om te weten en op basis daarvan een beslissing te nemen.}

[ Voor 27% gewijzigd door OkkE op 03-04-2009 12:14 ]

[crisp]

OkkE schreef op vrijdag 03 april 2009 @ 11:29:
Let er op dat IE standaard alleen een :hover op een A-element snapt. [...]

Da's enkel IE <= 6, en aangezien het puur een stilistisch effect is zou je er voor kunnen kiezen dat gewoon te negeren