[Dreamwaver] Hoe een layer een variabele positie meegeven? - Softwareontwikkeling

dinsdag 13 augustus 2002 16:18

Acties:

Verwijderd

Topicstarter

Stel je hebt dit:
Klik

Het is een website met 1 tabel met een hoogte en een breedte van 100%. Iemand kan dus met verschillende resoluties de site bezoeken terwijl de achtergrond altijd in het midden staat.

Nu is er een form aangemaakt in een nieuwe layer, maar die layer heeft dus een absolute plaats. Op 1024x768 ziet het er dus wel mooi uit, maar een andere resolutie zorgt voor een warboel.

Wie kan mij helpen?

dinsdag 13 augustus 2002 16:26

Acties:

Hangloozz

{ @$%&# }

misschien zo:

code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div style="position:absolute; left:50%; margin-left:-160px; top:50%; margin-top:-90; width:320px; height:175px; z-index:1;background-image:url(login.jpg);" align="center">
<table width="100%" border="0" height="100">
  <tr>
    <td>
           <FORM ACTION="logincheck.php3" METHOD="post">
            <p align="left"><font face="Arial, Helvetica, sans-serif" size="2">Gebruikersnaam</font><font size="2">:</font>
              <input type="text" name="Username">
            </p>
            <p align="left"> <font face="Arial, Helvetica, sans-serif" size="2">Wachtwoord:</font><font face="Arial, Helvetica, sans-serif">
              </font>
              <input type="PASSWORD" name="Password">
            </p>
            <p align="right">
              <input type="submit" name="Submit" value="Submit">
            </p>
          </form>
      
    </td>
  </tr>
</table>
</div>
</body>
</html>

www.jurgroessen.nl

dinsdag 13 augustus 2002 17:14

Acties:

Verwijderd

Topicstarter

Hangloozz schreef op 13 augustus 2002 @ 16:26:
misschien zo:

code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div style="position:absolute; left:50%; margin-left:-160px; top:50%; margin-top:-90; width:320px; height:175px; z-index:1;background-image:url(login.jpg);" align="center">
<table width="100%" border="0" height="100">
  <tr>
    <td>
           <FORM ACTION="logincheck.php3" METHOD="post">
            <p align="left"><font face="Arial, Helvetica, sans-serif" size="2">Gebruikersnaam</font><font size="2">:</font>
              <input type="text" name="Username">
            </p>
            <p align="left"> <font face="Arial, Helvetica, sans-serif" size="2">Wachtwoord:</font><font face="Arial, Helvetica, sans-serif">
              </font>
              <input type="PASSWORD" name="Password">
            </p>
            <p align="right">
              <input type="submit" name="Submit" value="Submit">
            </p>
          </form>
      
    </td>
  </tr>
</table>
</div>
</body>
</html>

Oké, zo gaat het inderdaad wel lukken.
Maar wat heb je nu precies gedaan? Ik neem aan dat je het plaatje in de layer van de tekst hebt gestopt?

dinsdag 13 augustus 2002 17:38

Acties:

Hangloozz

{ @$%&# }

ik heb alles in de layer gemikt.
deze layer zowel verticaal als horizontaal gecentreerd en als achtergrond je jpg ingesteld.

De echte truuk zit um het centreren: de layer op 50% gezet (dus beginnend op de helft van de pagina) en daar weer de layerbreedte vanaf getrokken mbv een negatieve margin.

www.jurgroessen.nl