CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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>

Synes godt om

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Ø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 ;-)

Synes godt om

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..

Synes godt om

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?

Synes godt om

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..

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46
Delphi 11 - converter webp til jpg fil Af juzas i Andet programmering	5	12/10/202413:28	14/10/202403:54
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS