login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Img als link met border (Opgelost)

Offline monkey25 - 28/03/2008 17:06 (laatste wijziging 28/03/2008 17:08)
Avatar van monkey25Nieuw lid Dit is mischien een hele simpele vraag maar mij lukt het toch niet,
Ik wil een plaatje als link hebben die standaard een border moet hebben, als je eroverheen gaat moet die een andere kleur hebben, als hij bezocht is weer een andere en als erop geklikt word ook een andere kleur. het lukt steeds gedeeltelijk maar in FF ziet hij er vreemd uit, de border verandert niet goed mee.
ik heb nu dit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#">
  2. <img class="about" src="images/about.gif" alt="about" />
  3. </a>


en dit is de css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. img.about		{
  2. 	z-index: 3;
  3. 	position: relative;
  4.  
  5. 	width: 140px;
  6.  
  7. 	height: 180px;
  8.  
  9. 	float: right;
  10. 	margin: 4px 4px 4px 4px;
  11. 	border: 1px solid #223399;
  12. 			}
  13. a:link img.about	{
  14. 	z-index: 3;
  15.  
  16. 	width: 140px;
  17.  
  18. 	height: 180px;
  19.  
  20. 	margin: 4px 4px 4px 4px;
  21. 	border: 1px solid #223399;
  22. 			}
  23. a:visited img.about	{
  24. 	z-index: 3;
  25. 	width: 140px;
  26.  
  27. 	height: 180px;
  28.  
  29. 	margin: 4px 4px 4px 4px;
  30. 	border: 1px solid #6600FF;
  31. 			}
  32. a:hover img.about	{
  33. 	z-index: 3;
  34. 	width: 140px;
  35.  
  36. 	height: 180px;
  37.  
  38. 	margin: 4px 4px 4px 4px;
  39. 	border: 1px solid #6600FF;
  40. 			}
  41. a:active img.about	{
  42. 	z-index: 3;
  43. 	width: 140px;
  44.  
  45. 	height: 180px;
  46.  
  47. 	margin: 4px 4px 4px 4px;
  48. 	border: 1px solid #AA00FF;
  49. 			}

2 antwoorden

Gesponsorde links
Offline WimJ - 28/03/2008 17:15 (laatste wijziging 28/03/2008 17:16)
Avatar van WimJ Grafische gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. border-top: 1px solid #223399;
  2. border-left: 1px solid #223399;
  3. border-right: 1px solid #223399;
  4. border-bottom: 1px solid #223399;


Vervang die border in je css is door bovenstaande code en kijk dan is of het lukt.
Offline monkey25 - 28/03/2008 17:37
Avatar van monkey25 Nieuw lid het werkt nu wel met de :hover maar het vreemde is dat hij het hele plaatje niet als een link ziet, hij ziet allen de bovenkant als een link, de rest kan ik niet op klikken (dat er iets gebeurt) en de cursor verandert ook niet.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.388s