Avatar billede danielks Nybegynder
11. januar 2003 - 19:40 Der er 20 kommentarer og
1 løsning

UseMap på billede til menu

Jeg har lavet det her script:

<HTML>
<body>
<IMG SRC="menu.jpg" BORDER="0" WIDTH="190" HEIGHT="430" ALT="" USEMAP="#NEWMENU">
<MAP NAME="NEWMENU">
<AREA SHAPE="rect" COORDS="9,26,99,56" HREF="us/us.php?open=video" TARGET="main">
<AREA SHAPE="rect" COORDS="56,64,134,93" HREF="thumb/thumb.php" TARGET="main">
<AREA SHAPE="rect" COORDS="8,100,115,129" HREF="us/us.php" TARGET="main">
<AREA SHAPE="rect" COORDS="51,137,134,163" HREF="us/us.php?open=tagwall" TARGET="main">
<AREA SHAPE="rect" COORDS="14,177,78,206" HREF="maillist/tilmeld.php" TARGET="main">
<AREA SHAPE="rect" COORDS="44,222,143,249" HREF="iq/iq.php?svar=start" TARGET="main">
<AREA SHAPE="rect" COORDS="9,263,115,290" HREF="story/story.php" TARGET="main">
</MAP>
</body>
</html>

Hvordan sætter jeg billedet som bg og stadig med Usemap ???
Avatar billede jakobclausen Nybegynder
11. januar 2003 - 19:57 #1
Jeg tror ikke at det kan lade sig gøre
Avatar billede jakobclausen Nybegynder
11. januar 2003 - 19:58 #2
Altså du vil have lagt billedet menu.jpg ind som baggrund, så man kan klikke på de forskellige elementer fra Map'et??
Avatar billede danielks Nybegynder
11. januar 2003 - 20:02 #3
jep
Avatar billede jakobclausen Nybegynder
11. januar 2003 - 20:08 #4
Jeg tror desværre ikke det kan lade sig gøre
Avatar billede callesen Praktikant
11. januar 2003 - 21:03 #5
Du lægger nogle transparente lag ind over billedet og laver dem til link:
<DIV STYLE="background-color:transparent;position:absolute;top:100px;left:100px;height:100px;width:100px;cursor:hand;border:1px solid #000000;" onclick="window.location.href='****.html'">&nbsp;</DIV>
Når du har lagt dem der hvor du vil ha' dem og sat størrelsen (indstil top, left, height og width) sætter du border til 0px og erstatter **** med din fil. Så virker det som imagemap.

Hvis du ikke vil have det klikbare område til at et rektangel kan du lave en transparent gif-fil med dine klikbare områder og lægge den over dit baggrundsbillede.
Avatar billede danielks Nybegynder
11. januar 2003 - 21:16 #6
Er det ik kun til IE ?
Avatar billede callesen Praktikant
11. januar 2003 - 21:21 #7
Nej - løsning 2 virker oven i købet i NS4.
Avatar billede danielks Nybegynder
11. januar 2003 - 21:23 #8
Kan det ik laves sådan at man kan bruge det i mit spg... gider ikke til at kopiere hver enkelt linie over i det nye...
Avatar billede callesen Praktikant
11. januar 2003 - 21:26 #9
Nå-ja cursor:hand; skal være cursor:pointer; til NS6
Avatar billede callesen Praktikant
11. januar 2003 - 21:30 #10
Jo så indsæt en transparent gif-fil i stedet for din 'menu.jpg' og læg denne jpg-fil som baggrundsbillede. Hvis deres top-left punkt er ens passer det.
Avatar billede danielks Nybegynder
11. januar 2003 - 21:48 #11
transperant gif billede ??? hvor får jeg sådan en.... har ikke redigerings programmer på min pc... har du en ? / gider du lave en ?
Avatar billede callesen Praktikant
11. januar 2003 - 22:31 #12
Avatar billede danielks Nybegynder
11. januar 2003 - 23:41 #13
Jeg kan faktisk godt bruge dit første forslag...

<DIV STYLE="background-color:transparent;position:absolute;top:100px;left:100px;height:100px;width:100px;cursor:hand;border:1px solid #000000;" onclick="window.location.href='****.html'">&nbsp;</DIV>

Jeg skal bare kunne sætte en html fil ind i det felt der loader... hvordan gør jeg det.... og så skal det heller ikke være et link....

Mit hovedproblem er nemlig at få mine countere fra chart osv, lagt ind over et billede....
Avatar billede callesen Praktikant
11. januar 2003 - 23:50 #14
Ligger dem i et div med et højere z-index - fx:
<div style="z-index:10; (og hvad der eller skal styles)" Så skal det der skal være bagved bare have et z-index mindre end 10.
Hvis du skal have en fil ind skal du lægge det i en iframe - fx:
<IFRAME FRAMEBORDER="0" STYLE="border:1px solid #000000;height:200px;width:200px;" name=til_html_fil src="din_fil.html">
Avatar billede danielks Nybegynder
11. januar 2003 - 23:52 #15
En iframe.... der bliver da ikke angivet koordinater....
Avatar billede danielks Nybegynder
12. januar 2003 - 00:00 #16
og den bliver jo heller ikke vist over billedet, men ved siden af....

Se evt. www.dumazz.dk hvor menuen er den kode jeg postede i selve spg'et....

Jeg vil så have mine countere forneden vist nederst i menuen...
Avatar billede callesen Praktikant
12. januar 2003 - 00:05 #17
Så læg iframen i et div - det kan du give koordinater - og z-index.
Avatar billede danielks Nybegynder
12. januar 2003 - 00:09 #18
Jeg er ikke så hård til kode når det ikke er PHP... kan du ikke lige lave det ?
Avatar billede danielks Nybegynder
12. januar 2003 - 00:35 #19
Oki har fixet den... næsten, men hvordan får jeg det til at blive gennemsigtig ?
Avatar billede olebole Juniormester
12. januar 2003 - 06:22 #20
<ole>

Du kan kun lave en iframe transparent i IE  :(

/mvh
</bole>
Avatar billede olebole Juniormester
12. januar 2003 - 06:41 #21
Jeg forstår i det hele taget ikke, hvorfor du vil have en fil ind i div'et. Hvis bare det er countere, kan du vel lægge dem i div'et ...(?)

Ellers kan du lave en skjult iframe:
  <iframe src="din_fil.html" style="position:absolute;left:0px;right:0px;z-index:100;visibility:hidden;"></iframe>

I 'din_fil.html' laver du en onload-handler:
  onload="parent.getElementById('bulder').innerHTML=document.body.innerHTML;"
Forudsat, dit div i hoved-dokumentet har id="bulder".

Hack'et virker X-browser med undtagelse af NS4x og Opera, der ikke forstår 'innerHTML'.

Man kunne tro, det var muligt at lave det med en iframe, der blev gemt med style="display:none" - men den virker ikke så X-browser/X-platform. Derfor laves den absolut positioneret med left, top, z-index og visibility:hidden.

I øvrigt ligger der her på E altid en transparent gif lige ved hånden:
  http://www.eksperten/img/t.gif

/mvh
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester