login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost]Rollover bg change (css)

Offline Soebam - 11/09/2006 20:12 (laatste wijziging 11/09/2006 22:33)
Avatar van SoebamHTML ver gevorderde Hey,

Ik heb een menuutje gemaakt voor de website van een (vooralsnog fictief) bedrijf. Met CSS heb ik aan de <li> tags een rollover effect gegeven, alleen werkt dit niet in IE. Wie weet hoe ik dit ook in IE kan laten werken?

Voorbeeld (en HTML broncode):
http://soebam.runningrangers.net/bedrijf/

Cascading Style Sheet:
http://soebam.r.../style.css

Alvast bedankt 

6 antwoorden

Gesponsorde links
Offline MechaVore - 11/09/2006 20:15 (laatste wijziging 11/09/2006 20:17)
Avatar van MechaVore Gouden medaille

PHP gevorderde		 In IE 7 RC1 werkt het wel, ik heb geen ie6 dus kan je niet helpen, sorry..
Offline knoopa - 11/09/2006 20:22
Avatar van knoopa Onbekend ie ondersteunt geen li rollover dat probleem heb ik ook gehad moet je met javascript oplossen
Offline Soebam - 11/09/2006 20:46
Avatar van Soebam HTML ver gevorderde Bedankt voor de reacties 

Ik ben liever niet afhankelijk van javascript (wat dus niet werkt als het uitgeschakeld is). Met het oog een professionele website te maken moet het gewoon altijd werken. En er zijn websites waarop dit zo is, ook als ik javascript uitschakel..

Misschien kan iemand uitleg geven over hoe je überhaupt elementen hover effecten kan geven? Gewoon een stuk tekst (div bijvoorbeeld) kan ook van achtergrondkleur veranderen..
Offline timo - 11/09/2006 20:50
Avatar van timo PHP ver gevorderde geen li, zet in css:
a #menu {
display: block;
}
Offline Grayen - 11/09/2006 20:59
Avatar van Grayen PHP ver gevorderde html:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li><a href="#">link</a></li>
  3. <li><a href="#">link</a></li>
  4. <li><a href="#">link</a></li>
  5. </ul>


css:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. ul {
  2. margin: 0;
  3. padding: 0;
  4. list-style: none;
  5. }
  6. a {
  7. display: block;
  8. width: 100px;
  9. background: #0f0;
  10. }
  11. a:hover {
  12. background: #f00;
  13. }
Offline Soebam - 11/09/2006 21:03 (laatste wijziging 11/09/2006 21:03)
Avatar van Soebam HTML ver gevorderde Dat moest ik hebben! Bedankt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.215s