Forumgenoten
Als ik in Golive CS2 een pagina met een tabel in het midden zet, zodat hij bij het schalen van de browser altijd in het midden staat, blijft een daaropgelegde laag met tekst op een vaste plek staan in het venster.
Hij schaalt dus niet mee met de browser. Hoe krijg ik dit voor elkaar??
Post je code eens.
Bedoel je dit??
[<!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=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Speel</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
#laag1 { font-size: 12px; height: 150px; width: 583px; left: 160px; top: 450px; position: absolute; visibility: visible; }
–></style>
<csscriptdict import=“import”>
<script type=“text/javascript” src=“GeneratedItems/CSScriptLib.js”></script>
</csscriptdict>
<csactiondict>
<script type=“text/javascript”><!–
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_egostart_07_over = newImage(‘egostart/images/egostart_07-over.gif’);
pre_egostart_12_over = newImage(‘egostart/images/egostart_12-over.gif’);
pre_egostart_17_over = newImage(‘egostart/images/egostart_17-over.gif’);
preloadFlag = true;
}
}
// --></script>
</csactiondict>
</head>
<body onload="preloadImages();" bgcolor="#cc9966" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<!-- ImageReady Slices (egostart.psd) -->
<table id="Tabel_01" width="800" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img id="egostart_01" src="egostart/images/egostart_01.gif" alt="" height="30" width="9" /></td>
<td><img id="egostart_02" src="egostart/images/egostart_02.gif" alt="" height="30" width="104" /></td>
<td><img id="egostart_03" src="egostart/images/egostart_03.gif" alt="" height="30" width="44" /></td>
<td><img id="egostart_04" src="egostart/images/egostart_04.gif" alt="" height="30" width="601" /></td>
<td><img id="egostart_05" src="egostart/images/egostart_05.gif" alt="" height="30" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_06" src="egostart/images/egostart_06.gif" alt="" height="27" width="9" /></td>
<td><a onmousedown="changeImages('egostart_07', 'egostart/images/egostart_07-over.gif'); return true;" onmouseup="changeImages('egostart_07', 'egostart/images/egostart_07-over.gif'); return true;" onmouseover="changeImages('egostart_07', 'egostart/images/egostart_07-over.gif'); return true;" onmouseout="changeImages('egostart_07', 'egostart/images/egostart_07.gif'); return true;" href="#"><img id="egostart_07" src="egostart/images/egostart_07.gif" alt="" name="egostart_07" height="27" width="104" border="0" /></a></td>
<td><img id="egostart_08" src="egostart/images/egostart_08.gif" alt="" height="27" width="44" /></td>
<td><img id="egostart_09" src="egostart/images/egostart_09.gif" alt="" height="27" width="601" /></td>
<td><img id="egostart_10" src="egostart/images/egostart_10.gif" alt="" height="27" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_11" src="egostart/images/egostart_11.gif" alt="" height="28" width="9" /></td>
<td><a onmousedown="changeImages('egostart_12', 'egostart/images/egostart_12-over.gif'); return true;" onmouseup="changeImages('egostart_12', 'egostart/images/egostart_12-over.gif'); return true;" onmouseover="changeImages('egostart_12', 'egostart/images/egostart_12-over.gif'); return true;" onmouseout="changeImages('egostart_12', 'egostart/images/egostart_12.gif'); return true;" href="#"><img id="egostart_12" src="egostart/images/egostart_12.gif" alt="" name="egostart_12" height="28" width="104" border="0" /></a></td>
<td><img id="egostart_13" src="egostart/images/egostart_13.gif" alt="" height="28" width="44" /></td>
<td><img id="egostart_14" src="egostart/images/egostart_14.gif" alt="" height="28" width="601" /></td>
<td><img id="egostart_15" src="egostart/images/egostart_15.gif" alt="" height="28" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_16" src="egostart/images/egostart_16.gif" alt="" height="28" width="9" /></td>
<td><a onmousedown="changeImages('egostart_17', 'egostart/images/egostart_17-over.gif'); return true;" onmouseup="changeImages('egostart_17', 'egostart/images/egostart_17-over.gif'); return true;" onmouseover="changeImages('egostart_17', 'egostart/images/egostart_17-over.gif'); return true;" onmouseout="changeImages('egostart_17', 'egostart/images/egostart_17.gif'); return true;" href="#"><img id="egostart_17" src="egostart/images/egostart_17.gif" alt="" name="egostart_17" height="28" width="104" border="0" /></a></td>
<td><img id="egostart_18" src="egostart/images/egostart_18.gif" alt="" height="28" width="44" /></td>
<td><img id="egostart_19" src="egostart/images/egostart_19.gif" alt="" height="28" width="601" /></td>
<td><img id="egostart_20" src="egostart/images/egostart_20.gif" alt="" height="28" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_21" src="egostart/images/egostart_21.gif" alt="" height="29" width="9" /></td>
<td><img id="egostart_22" src="egostart/images/egostart_22.gif" alt="" height="29" width="104" /></td>
<td><img id="egostart_23" src="egostart/images/egostart_23.gif" alt="" height="29" width="44" /></td>
<td><img id="egostart_24" src="egostart/images/egostart_24.gif" alt="" height="29" width="601" /></td>
<td><img id="egostart_25" src="egostart/images/egostart_25.gif" alt="" height="29" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_26" src="egostart/images/egostart_26.gif" alt="" height="288" width="9" /></td>
<td><img id="egostart_27" src="egostart/images/egostart_27.gif" alt="" height="288" width="104" /></td>
<td><img id="egostart_28" src="egostart/images/egostart_28.gif" alt="" height="288" width="44" /></td>
<td><img id="egostart_29" src="egostart/images/egostart_29.gif" alt="" height="288" width="601" /></td>
<td><img id="egostart_30" src="egostart/images/egostart_30.gif" alt="" height="288" width="42" /></td>
</tr>
<tr>
<td><img id="egostart_31" src="egostart/images/egostart_31.gif" alt="" height="170" width="9" /></td>
<td><img id="egostart_32" src="egostart/images/egostart_32.gif" alt="" height="170" width="104" /></td>
<td><img id="egostart_33" src="egostart/images/egostart_33.gif" alt="" height="170" width="44" /></td>
<td><img id="egostart_34" src="egostart/images/egostart_34.gif" alt="" height="170" width="601" /></td>
<td><img id="egostart_35" src="egostart/images/egostart_35.gif" alt="" height="170" width="42" /></td>
</tr>
</table>
<div id="laag1">
Kort verslag van de vergadering op 28 oktober 2005 </div>
</body>
</html>][/code]
met mijn site heb ik ook dat deze in het midden blijft als je gaat schalen met de browser. zelf heb ik dat gedaan door aan beide zijden een frame te maken en die op scale te zetten.
[quote:72644fde32="hansman"]<!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=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Speel</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
#laag1 { font-size: 12px; height: 150px; width: 583px; left: 160px; top: 450px; position: absolute; visibility: visible; }
–></style>
<csscriptdict import=“import”>
<script type=“text/javascript” src=“GeneratedItems/CSScriptLib.js”></script>
</csscriptdict>
<csactiondict>
<script type=“text/javascript”><!–
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_egostart_07_over = newImage(‘egostart/images/egostart_07-over.gif’);
pre_egostart_12_over = newImage(‘egostart/images/egostart_12-over.gif’);
pre_egostart_17_over = newImage(‘egostart/images/egostart_17-over.gif’);
preloadFlag = true;
}
}
// --></script>
</csactiondict>
</head>
<body onload="preloadImages();" bgcolor="#cc9966" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<!-- ImageReady Slices (egostart.psd) -->
<table id="Tabel_01" width="800" border="0" cellspacing="0" cellpadding="0"
enzovoort[/quote:72644fde32]
Wat een troep maakt golive ervan.
Maak gebruik van deze wysiwyg-editor, maar verdiep je ook een beetje in de source.
Ik zie vragen: hoe doet dreamweaver dit, of hoe doe golive dat of wat voor editor dan ook… ze maken gewoon html!
ps niets verkeerd als je zo’n editor gebruikt (scheelt een heleboel tikwerk)… maar corrigeer deze daarna.
Heb je je bv afgevraagd: waarom staat er <meta name=“generator” content=“Adobe GoLive” />
kun je dat weghalen of veranderen, is het nodig dat het daar staat…?
Golive, dreamweaver… zij hakken de groente voor je…, jij bent de kok!
Dus verdiep je in html
Henque,
Is dit het antwoord op mijn vraag, of jou reactie op mijn Golive gebruik???
Hier schiet ik dus geen zak mee op .
Hartelijk dank…