[css] Link positioneren dmv position:absolute - Softwareontwikkeling

zondag 25 april 2004 23:12

Acties:

Langharig tuig

Topicstarter

Ik probeer voor onze band een site te bouwen, het leek mij leuk om een foto van alle bandleden te plaatsen, met de mogelijkheid om op een hoofd te klikken om zo meer informatie te krijgen over dat bandlid.

Nu heb ik de afbeelding al geplaatst, met de volgende stijl:

code:

1	style="position:absolute; z-index:1; top:0px; left: 100px;"

Een link dacht ik dan te doen dmv de volgende stijl:

code:

1	style="position:absolute; z-index:2; top:170px; left:210px; width:90px; height:110px;"

Dit werkt geweldig in Mozilla en FireFox, maar in IE werkt dit niet.
Doe ik iets ongelovelijk fout, of kan dit niet in IE??

zondag 25 april 2004 23:15

Acties:

Verwijderd

Een vraagstelling met een duidelijk voorbeeld zou meer hebben geholpen.

http://www.alistapart.com/articles/sprites/

Is misschien handig.

zondag 25 april 2004 23:23

Acties:

highking

Langharig tuig

Topicstarter

Verwijderd schreef op 25 april 2004 @ 23:15:
Een vraagstelling met een duidelijk voorbeeld zou meer hebben geholpen.

http://www.alistapart.com/articles/sprites/

Is misschien handig.

Wat is er zo onduidelijk aan dan?
Het gaat iig om deze pagina, de hoofden zijn aanklikbaar in Mozilla, maar niet in IE

zondag 25 april 2004 23:30

Acties:

Verwijderd

zoek eens op "imagemap",... that should do the trick.

zondag 25 april 2004 23:36

Acties:

Verwijderd

Kon IE zowiezo al slecht met css omgaan? Hiermee lijkt me dat ook duidelijk geworden ja!

zondag 25 april 2004 23:42

Acties:

disjfa

be

Verwijderd schreef op 25 april 2004 @ 23:36:
Kon IE zowiezo al slecht met css omgaan? Hiermee lijkt me dat ook duidelijk geworden ja!

Sinds wanneer? Als je goed pagina`s kan maken maakt dat niets uit hoor

Maarja dan moet je wel goed pagina`s kunnen maken

disjfa - disj·fa (meneer)
disjfa.nl

zondag 25 april 2004 23:43

Acties:

Verwijderd

Voeg "display:block" is toe. (Alhoewel 'position:absolute' in principe een element block-level moet maken...)

[ Voor 65% gewijzigd door Verwijderd op 25-04-2004 23:44 ]

zondag 25 april 2004 23:50

Acties:

highking

Langharig tuig

Topicstarter

Verwijderd schreef op 25 april 2004 @ 23:43:
Voeg "display:block" is toe. (Alhoewel 'position:absolute' in principe een element block-level moet maken...)

Waaraan?
Als ik het aan een link toevoeg, helpt het niets, als ik het dan ook nog aan de afbeelding toevoeg helpt dat ook helaas niets...

Edit:

Ik heb het eens geprobeerd met dat Imagemap verhaal, aan de hand van deze uitleg, en dit werkt perfect!!

Ik ben geholpen

[ Voor 23% gewijzigd door highking op 26-04-2004 00:02 ]

maandag 26 april 2004 00:02

Acties:

sabretooth

Namo webeditor 5.5 maakt de volgende code. Hij gebruikt area shapes:

------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>Stain website - Home</title>
<link href="stain.css" rel="stylesheet" type="text/css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>

<body>
[img]"graphics/band.jpg"[/img]

<p style="position:absolute; top:500px; z-index:1;">

<a name="ben">Ben</a>
<a name="jelle">Jelle</a>
<a name="peter">Peter</a>
<a name="michel">Michel</a>

</p>
<map name="ImageMap1">
<area shape="circle" coords="156, 223, 42" href="#ben">
<area shape="circle" coords="292, 189, 41" href="#jelle">
<area shape="circle" coords="410, 237, 43" href="#peter">
<area shape="circle" coords="513, 221, 46" href="#michel">
<area shape="poly" coords="132, 413, 149, 321, 160, 322, 161, 420" href="http://www.bier.nl">
</map></body>
</html>