[CSS] [IE/FF] transparante clickable layer op afbeelding

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

Anoniem: 60900

Topicstarter
Hoi tweakers, hoop dat de omschrijving duidelijk is :)

Op http://www.silvesterstrips.nl/ zie je een headerafbeelding staan. Die header bestaat in feite uit een serie banners die de redactie rouleert. Iedere banner is in feite een normale img-tag binnen een link, die verwijst naar de pagina waar het een banner van is.

Het is de bedoeling dat het linkergedeelte van die header - het logo van het bedrijf - echter altijd een link is naar de homepage. Normaal kun je dat eenvoudig oplosssen met een divje of een tabelltje of zo, zodat je in feite twee vlakken hebt. Maar dat kan dus niet, het moet 1 vlak blijven, en dat is lastig :(

Deze omslachtige setup is nodig omdat de redactie graag zeggenschap wil houden over hoe de visueel banner integreert met hun logo; soms wordt het logo opgenomen in de layout; vandaar.

Hoe dan ook; ik heb het nu zover dat in firefox en safari het linkergedeelte altijd klikt naar de homepage, ongeacht de banner. Ik heb gewoon een <a> tag gepakt, die groot gemaakt zodat het ongeveer net zo groot is als het logo en die laten linken naar de homepage.

Maar in IE wordt die link niet opgepikt :( kan iemand me hiermee helpen?

Acties:
  • 0 Henk 'm!

  • DEiE
  • Registratie: November 2006
  • Laatst online: 11-06 17:53
Wellicht kan je een image map gebruiken? http://www.htmltutorials.ca/lesson20.htm

Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 22:06

MueR

Admin Tweakers Discord

is niet lief

Absoluut geen image map gebruiken.

Je HTML is een beetje vaag. Zet dat logo eens gewoon bovenaan in je header, met een vaste breedte en hoogte icm een float left? Die position fixed heb je helemaal niet nodig namelijk.

[ Voor 73% gewijzigd door MueR op 28-01-2010 11:57 ]

Anyone who gets in between me and my morning coffee should be insecure.


Acties:
  • 0 Henk 'm!

Anoniem: 60900

Topicstarter
Hoi Muer, ik ga eens met de HTML volgorde spelen. De link naar het logo staat onder het div-je van de banners; wellicht dat het erboven of erin moet

Acties:
  • 0 Henk 'm!

Anoniem: 338200

Waarom doe je de plaatjes niet gewoon als achtergrond van div#header? Dan wordt je rouleer scriptje misschien iets anders, maar dan kan je wel je links etc makkelijk positioneren?

Acties:
  • 0 Henk 'm!

Anoniem: 60900

Topicstarter
Hoi Rooz, zou idd kunnen, maar e gaat niet alleen om de plaatjes maar ook om de baners, die ieder voor zich voorzien moeten kunnen zin van een aparte link :(
Pagina: 1