login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div's op andere plek in OSX (Opgelost)

Offline JLT - 11/08/2008 13:31
Avatar van JLTPHP interesse Voor het eerst wil ik een validated xHTML website maken en liep tegen een probleem aan. Als ik een DIV met een background image (welke ik gebruik als rollover) bekijk op de Apple (Safari en FF) staand deze div op een andere (en verkeerde) plek.

Kan ik hier wat aan doen en zo ja wat? Misschien dat ik de rollovers anders moet gebruiken?

Hier het stukje css:

.rollover1 {
background-image: url(../images/kranten_bezorger_intro_2_over.png);
background-repeat: no-repeat;
position: absolute;
top: 506px;
left: 0;
display: block;
width: 231px;
height: 226px;
z-index: 100;
margin: 0;
padding: 0;
}

.rollover1 a {
display: block;
width: 179px;
height: 137px;
z-index: 100;
float: left;
margin: 0;
padding: 0;
}

.rollover1 img {
width: 100%;
height: 100%;
z-index: 100;
border: 0;
}

a:hover {
visibility: visible;
}

.rollover1 a:hover img
{
visibility: hidden;
}

Hopelijk kan iemand me hier meer over vertellen?

Grt.
jelte

3 antwoorden

Gesponsorde links
Offline marten - 11/08/2008 13:34
Avatar van marten Beheerder code tags gebruiken aub
Offline jc2 - 11/08/2008 13:34 (laatste wijziging 11/08/2008 13:36)
Avatar van jc2 PHP interesse
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .rollover1 {
  2. background-image: url(../images/kranten_bezorger_intro_2_over.png); 
  3. background-repeat: no-repeat; 
  4. position: absolute; 
  5. top: 506px; 
  6. left: 0; 
  7. display: block; 
  8. width: 231px; 
  9. height: 226px; 
  10. z-index: 100; 
  11. margin: 0; 
  12. padding: 0; 
  13. }
  14.  
  15. .rollover1 a {
  16. display: block;
  17. width: 179px;
  18. height: 137px;
  19. z-index: 100;
  20. float: left;
  21. margin: 0;
  22. padding: 0; 
  23. }
  24.  
  25. .rollover1 img {
  26. width: 100%; 
  27. height: 100%; 
  28. z-index: 100; 
  29. border: 0; 
  30. }
  31.  
  32. a:hover {
  33. visibility: visible;
  34. }
  35.  
  36. .rollover1 a:hover img
  37. {
  38. visibility: hidden;
  39. }


@marten: ik had je reactie al verwacht, dus ben ik Jelle maar voor geweest.
Offline JLT - 11/08/2008 15:17
Avatar van JLT PHP interesse Sorry helemaal vergeten! Bedankt Marten!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s