Avatar billede mr_html Nybegynder
22. december 2002 - 00:18 Der er 4 kommentarer

Problemer med grafiske lag i HTML

Jeg har via DIV-tags lavet flere grafiske lag i en html-side. De skal fungere som simple menuer: man trykker på en knap og der fremkommer et billede.
Men problemet er at billedet (og således menuen) viser sig på et bestemt punkt på skærmen. Da min side er centreret vil det resulterer i at billedet vises på flere forskellige steder ved forskellige skærmopløsninger  (browser-bredder) og dvs at menuen kommer til at se forkert ud. Kan dette afhjælpes på en nem måde?

Vh Mr html

Koden er herunder:

<div id="menu1lag" style="position:absolute; width:109px; height:115px; z-index:1; top: 178px; left: 183px; visibility: hidden" onMouseUp="MM_showHideLayers('menu1lag','','hide')"><img src="menu/gif/menu1.gif" width="109" height="116" usemap="#Map" border="0">

<map name="Map"><area shape="rect" coords="4,38,102,52" href="profil/01.htm"><area shape="rect" coords="5,52,103,68" href="profil/02.htm"><area shape="rect" coords="4,67,102,82" href="profil/03.htm"><area shape="rect" coords="6,80,102,97" href="profil/04.htm"><area shape="rect" coords="4,96,103,112" href="profil/05.htm"></map></div>
Avatar billede sif4ever Nybegynder
22. december 2002 - 00:31 #1
Ja

Jeg har gjort det på min egen hjemmeside:
http://www.sif4ever.dk

Min kode er:
<html>
<head>
<title>SIF4ever.dk </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#999999">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td bgcolor="#999999">
<center>
<script language="JavaScript" src="http://impdk.tradedoubler.com/imp/pool/js/1550/190583" charset="ISO-8859-1"></script>
</center>
    <table width="54%" border="0" align="center" cellpadding="0" cellspacing="0" heigth="100%">
    <tr align="center">
              <TD ROWSPAN=3> <IMG SRC="images/start_sif1_01.gif" ALT="" WIDTH=459 HEIGHT=400 border="0" usemap="#Map" href="http://www.jjnet.dk"></TD>
              <TD> <IMG SRC="images/start_sif1_02.gif" WIDTH=164 HEIGHT=21 ALT=""></TD>
             
          <TD ROWSPAN=3> <IMG SRC="images/start_sif1_03.gif" ALT="" WIDTH=77 HEIGHT=400 border="0" usemap="#Map3"></TD>
        </TR>
  <TR>
    <TD height="354"> <iframe src="/drt.php" width="100%" height="100%"></iframe></TD>
  </TR>
  <TR>
          <TD height="25"> <IMG SRC="images/start_sif1_05.gif" ALT="" WIDTH=164 HEIGHT=25 border="0" usemap="#Map2"></TD>
        </tr>
      </table></td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="2,245,249,266" href="intro/intro.htm" alt="INTRO">
  <area shape="rect" coords="4,282,304,301" href="indhold" alt="SIF4ever.dk">
  <area shape="rect" coords="-11,317,341,335" href="drt" alt="DEN R&Oslash;DE TRIBUNE">
  <area shape="rect" coords="241,383,308,402" href="http://www.tkdesign.dk/" alt="TKDESIGN">
  <area shape="rect" coords="150,384,198,404" href="http://www.jjnet.dk" alt="JJnet.dk">
  <area shape="circle" coords="355,45,47" href="http://www.sif-support.dk">
</map>
<map name="Map2">
<area shape="rect" coords="139,9,149,10" href="#">
  <area shape="rect" coords="139,8,207,23" href="http://www.sif4ever.dk" alt="SIF4ever.dk">
</map>
<map name="Map3">
  <area shape="rect" coords="4,382,42,405" href="http://www.sif4ever.dk" alt="SIF4ever.dk">
</map>
</body>

Håber selv du kan sortere det skidt fra du ikke skal bruge ;-)
Avatar billede mr_html Nybegynder
22. december 2002 - 00:49 #2
jeg kan slet ikke genkende problematikken fra din side - eller finde noget som helst med lag i din html, men det er muligt jeg ikke har udtrykt det godt nok.

Jeg leder efter en måde jeg kan lave en menu med lag der knytter sig til et bestemt sted på siden frem for en position, der ændres når
browservinduet gøres breddere.
Man kan tilsyneladende knytte lag til et bestemt objekt (det er altsammen dreamweaver vi snakker her), men jeg ved ikke hvordan..
Avatar billede sif4ever Nybegynder
22. december 2002 - 00:52 #3
Jeg forstår stadig ikke.

Du laver en stor stykke grafik og skære knapperne ud i dreamweaver, ik eller hvad?
Avatar billede mr_html Nybegynder
22. december 2002 - 01:05 #4
Hej igen :)
Nej forestil dig f.eks. at et billede ligger vandret over skærmen. På dette billede er der 3 stykker tekst der hver er navnet på 3 menu'er.
Når man fører musen henover hver enkelt menu-navn så har jeg sadt den til at åbne et selvstændigt html-lag, der indeholder et nyt billede.
Billedet skal jo helst åbnes lige nedenunder punktet med menunavn 1 - så computeren registrerer at billedet befinder sig så og så langt væk
fra toppen og siden på skærmen. F.eks. er menuen placeret 4 cm fra skærmens venstre kant. Men hvis siden nu vises på en skærm
der f.eks. er 21" så er browservinduet jo også meget større og da siden er centreret vil det side at billedet nu for at skulle passe bør vises
10 cm fra skærmens venstre kant. Men det gør den altså ikke og der fåes en fejlplacering på 6 cm af menu-billedet.

Det smarte er nu at man kan positonere disse menu-lag til at knytte sig til det menu-billede jeg nævnte først. Da dette også er centreret ville
billed-lagene flytte med og intet ville være et problem, men jeg kan ikke finde funktionen til at knytte menu-billedet og de tre lag sammen.

Stadig forvirret så skriv endelig igen..
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
Kurser inden for grundlæggende programmering

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