Hulp gevraagd!

Heey!

Ik ben bezig met het slicen en basen van mn layout, maar ik heb een klein probleempje:

Ik wil dat wanneer je met je muis op tekst in het menu staat, er een plaatje achter de tekst komt die net zo hoog is als het menu zelf en iets breder dan de tekst.

Ik heb nu dus dat het plaatje alleen achter de tekst komt en alleen de hoogte en de breedte is van de tekst.

Sorry als ik het een beetje onduidelijk heb uitgelegd, wist niet hoe ik het anders moest zeggen en daarom post ik hier even een screenshot van hoe ik het niet wil:

Let er aub niet op hoe ik het nu heb ingekleurd, is alleen om het wat duidelijker te maken!
Ik hoop dat iemand me kan helpen,

Jos

http://www.gigadesign.be/2004/12/css-tutorial-mouse-over-effect/ aanpassen aan je eigen layout.

Dankjewel, zal kijken of het me lukt!

EDIT: Snap het helaas niet...

die link die Venzio geeft is leuk maar werkt alleen als je met table werkt.

het beste is om je linkjes in je menu een class mee te geven.
dit doe je zo:

a.link { height:..px; background-image: url(afbeelding.png); margin:0; padding: ..px; font blabla enz}
a.link:hover { height:..px; background-image: url(afbeeldingvandemouseover.png); margin:0; padding: ..px; font blabla enz}

Zelf verder de code aanpassen naar eigen smaak en inzicht
en dan in je html doe je < a href="#" class="link">bv home

Dankjewel, maar heb nog steeds hetzelfde probleem...

Hier is de volledige CSS, misschien zit er een fout in:

http://codeviewer.org/view/code:c89

En hier is de html:

http://codeviewer.org/view/code:c8a

<a href="#">Home</a>

veranderen in:

<a href="#" class="link">Home</a>

Dankjewel, ik ga het proberen!

EDIT: Nog steeds hetzelfde probleem

Josnl schreef:

Dankjewel, ik ga het proberen!

EDIT: Nog steeds hetzelfde probleem hmz, stuur anders per PB even de link van de site waar het op staat, dan zie ik het beter allemaal.