Layers exact positioneren

Status
Niet open voor verdere reacties.
P

pietprobleem

Gebruiker
Lid geworden
6 jan 2003
Berichten
279
Ik probeer op mijn website (nog niet on-line) enkele buttons te gebruiken.
Dat doe ik d.m.v. layers te plaatsen en daarin de buttons.
Op zich gaat het in DW goed totdat ik de F12 browsertest erop loslaat en de layers het en der verspreid staan op het scherm.
Kan iemand mij in heldere "lekentaal"uitleggen wat ik fout doe (want dat doe ik dus) en zo ja, hoe moet het anders.
Ik heb hier al even rondgekeken maar kon niets vergelijkbaars vinden.
Browser is IE7 en FF.
DW versie = 8.

Ik hoor het heel erg gtraag.

Bij voorbaat dank.

Mvg,

Pieter.:thumb:
 
Post even een stuk code die je hebt, momenteel wordt je vraag denk ik niet helemaal juist begrepen.
 
Onderstaand de html.

In DW zelf staat de "Home" button in de cirkel recht boven de afbeelding van de camera.
In de browser preview staat deze ergens anders.

Hoe komt dat ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(images/background_022.gif);
background-repeat: repeat;
}
.style1 {
color: #FF0000;
font-weight: bold;
font-style: italic;
font-size: 36px;
left: auto;
top: auto;
}
#Layer1 {
position:absolute;
width:125;
height:30;
z-index:1;
left: 535px;
top: 172px;
overflow: hidden;
}
#Layer2 {
position:absolute;
width:125;
height:30;
z-index:2;
left: 366px;
top: 293px;
}
#Layer3 {
position:absolute;
width:125;
height:30;
z-index:3;
left: 535;
top: 623px;
}
#Layer4 {
position:absolute;
width:125;
height:30;
z-index:4;
left: 366px;
top: 532px;
}
#Layer5 {
position:absolute;
width:125;
height:30;
z-index:5;
left: 310px;
top: 410px;
}
#Layer6 {
position:absolute;
width:125;
height:30;
z-index:6;
top: 293px;
right: 366px;
}
#Layer7 {
position:absolute;
width:125;
height:30;
z-index:7;
left: 728px;
top: 400px;
}
#Layer8 {
position:absolute;
width:125;
height:30;
z-index:8;
top: 524px;
right: 366px;
}
#Layer9 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#Layer10 {
position:absolute;
width:129px;
height:25px;
z-index:1;
left: 518px;
top: 307px;
}
-->
</style>
</head>

<body>
<div align="center">
<p class="style1">Pieter Albada Fotografie.</p>
<p class="style1">&nbsp;</p>
<p class="style1"><img src="images/cameracirkel.png" width="650" height="650" /></p>
<div id="Layer10">
<div align="center"><img src="Buttons/Home.png" width="150" height="23" /></div>
</div>
</div>
</body>


</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan