Ga naar inhoud

achtergrond link veranderen bij a:hover


anoniem

Aanbevolen berichten

Heyz Ik ben bezig met een klein menutje aan de linkerkant. HEt is de bedoeling dat als je over een link gaat de achtergrond van de link van kleur verandert. Dat lukt me natuurlijk wel, maar ik wil dat dit uitgelijnd wordt tot het eind van de cel. HEt is de bedoeling dat het dus zoiets wordt als op de website van Opera (lins--> download) --> http://www.opera.com/download/ Mijn code (ook al heb je er niet veel an): [code:1:8a19371348]a:hover { background-color: #FFFFFF}[/code:1:8a19371348] [code:1:8a19371348] <td> <a href="#">Home</a> <a href="#">My peronal profile</a> <a href="#">links</a> <a href="#">contact</a> </td>[/code:1:8a19371348]
Link naar reactie
[code:1:5941cc4f8f] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> .gewoon{background: #FFFFFF;} .over{background: #0000FF;} </style> </head> <body> <table border="1" width="80%"> <tr> <td class="gewoon" id="td1" onMouseOver="this.className='over'" onMouseOut="this.className='gewoon'">blaat</td><!-- Col 1 --> </tr> </table> </body> </html> [/code:1:5941cc4f8f] t.
Link naar reactie
oh ja... ik was termionator en zijn "front anti-tabellen" vergeten :P :D [code:1:672251d17d] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> a {display: block;} .gewoon{background: #FFFFFF;} .over{background: #0000FF;} </style> </head> <body> <a href="http://www.yahoo.com" class="gewoon" id="link1" onMouseOver="this.className='over'" onMouseOut="this.className='gewoon'">blaat</a> </body> </html> [/code:1:672251d17d]
Link naar reactie
[quote:d8097cb7a3="Kaz'Duzar"]Ik snapte zijn reactie ookal niet...[/quote:d8097cb7a3] ikke wel snappe, hij bedoelt zoiets: [code:1:d8097cb7a3] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> a{display : block; background-color : #fff; } a:hover {display : block; background-color : #00f; color : white;} </style> </head> <body> <table border="1" width="80%"> <tr> <td><a href=" ">blaat</a></td><!-- Col 1 --> </tr> </table> </body> </html> [/code:1:d8097cb7a3] Bij 50 links sheelt dat al een hele lap tekst en het werlt ook zonder javascript. Bij links onder elkaar gebruik je natuurlijk een list en geen tabel. [code:1:d8097cb7a3] <ul> <li><a href="#">Home</a></li> <li><a href="#">My peronal profile</a></li> <li><a href="#">links</a></li> <li><a href="#">contact</a></li> <li><a href=" ">blaat</a></li> </ul> [/code:1:d8097cb7a3] zet meer eens dit stukje code in de td wimb
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...