Ik heb sinds vandaag full adobe web desing cs5
en heb de eerste deel van me site geupload hoe hij er nu uitziet.
http://www.mmdesign.woelmuis.nl/test/index.php
Ik gok dat ik hem over 3 week af heb.
tips/reactie`s
groetjes marco
Nieuwe project
-
-
zet je html code tussen een Wrapper of container zodat alles in het midden staat
-
Citaat van zwpgangster
zet je html code tussen een Wrapper of container zodat alles in het midden staat
heb ik geprobeert met dreamweaver cs3 maar lukte niet -
Probeer dit eens:
index.css
PHP
Toon Meer@charset "utf-8"; body { background-color: #fff; font-size: 62.5%; margin: 0; padding: 0; text-align: left; } body * { font-size: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p { margin-bottom: 1.1em; margin-top: 0; } #main p.lastNode { margin-bottom: 0; } a:link img, a:visited img { border: none; } #Container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } div.clearFloat { clear: both; font-size: 0; height: 0; line-height: 0px; } li.clearFloat { clear: both; } ul.symbolList { display: inline; float: left; list-style-type: none; margin: 0; padding: 0; } .AbsWrap { position: relative; width: 100%; } .rowWrap { width: 100%; } #Div { left: 396px; position: absolute; top: 246px; margin-bottom: 0; background-color: #3cf; border: 1px solid #0f8a3a; width: 1198px; padding-top: 0px; height: 45px; } html > body #Div { height: auto; min-height: 44px; } #index_r1_c1 { left: 396px; position: absolute; top: -1px; height: 246px; margin-bottom: 0; width: 1200px; text-align: center; } #index_r2_c1 { left: 396px; position: absolute; top: 246px; height: 15px; margin-bottom: 0; width: 1200px; } #index_r3_c1 { left: 396px; position: absolute; top: 261px; height: 34px; margin-bottom: 0; width: 352px; } #index_r3_c4 { left: 748px; position: absolute; top: 261px; height: 27px; margin-bottom: 0; width: 108px; } #index_r3_c5 { left: 856px; position: absolute; top: 261px; height: 27px; margin-bottom: 0; width: 108px; } #index_r3_c6 { left: 964px; position: absolute; top: 261px; height: 27px; margin-bottom: 0; width: 108px; } #index_r3_c7 { left: 1072px; position: absolute; top: 261px; height: 27px; margin-bottom: 0; width: 108px; } #index_r3_c8 { left: 1180px; position: absolute; top: 261px; height: 34px; margin-bottom: 0; width: 416px; } #index_r4_c4 { left: 748px; position: absolute; top: 288px; height: 7px; margin-bottom: 0; width: 432px; } #index_r6_c1 { left: 403px; position: absolute; top: 351px; height: 269px; margin-bottom: 0; width: 227px; text-align: center; } #index_r7_c1 { left: 404px; position: absolute; top: 620px; height: 258px; margin-bottom: 0; width: 220px; } #index_r8_c1 { left: 404px; position: absolute; top: 878px; height: 258px; margin-bottom: 0; width: 220px; } #laag2 dl dt font { font-size: 18px; } #laag2 dl dt font { font-size: 24px; } #laag2 dl dt font { font-size: 18px; } #laag2 dl dt { font-size: 18%; }Index.html
PHP
Toon Meer<!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" /> <title>Maffia scripts - Betà</title> <link rel="stylesheet" type="text/css" href="./index.css" media="all" /> <!--[if IE]> <style type="text/css" media="all">.borderitem {border-style: solid;}</style> <![endif]--> </head> <body> <!-- Begin Wrapper --> <div id="Container"> <div id="Div"> </div> <img src="index_r1_c1.gif" id="index_r1_c1" alt="" /> <img src="index_r2_c1.gif" id="index_r2_c1" alt="" /> <img src="index_r3_c1.gif" id="index_r3_c1" alt="" /> <img src="index_r3_c4.gif" id="index_r3_c4" alt="" /> <img src="index_r3_c5.gif" id="index_r3_c5" alt="" /> <img src="index_r3_c6.gif" id="index_r3_c6" alt="" /> <img src="index_r3_c7.gif" id="index_r3_c7" alt="" /> <img src="index_r3_c8.gif" id="index_r3_c8" alt="" /> <img src="index_r4_c4.gif" id="index_r4_c4" alt="" /> <img src="index_r6_c1.gif" id="index_r6_c1" alt="" /> <img src="index_r7_c1.gif" id="index_r7_c1" alt="" /> <div style="position: absolute; left: 408px; top: 442px; width: 211px; height: 172px; z-index: 1" id="laag1"> <dl> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Maffia scripts nieuwe update</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font></dt> <dt><font size="4" style="font-size: 13pt" color="#FFFFFF">* Geen nieuws</font> </dt> </dl> <address> </address> </div> <p> </p> <p> <img src="index_r8_c1.gif" id="index_r8_c1" alt="" /> </p> <div style="position: absolute; left: 409px; top: 703px; width: 211px; height: 172px; z-index: 1; font-size: 13px;" id="laag2"> <dl> <dt><font color="#FFFFFF" size="4">Bezoekers:</font></dt> <dd> </dd> <dt><font color="#FFFFFF" size="4">Leden:</font></dt> <dd> </dd> <dt><font color="#FFFFFF" size="4">leden online:</font></dt> </dl> <address> </address> </div> </body> </html> <div align="center"> <a href="http://www.freebits.nl">Foto uploaden</a> </div> </div> <!-- Einde Wrapper --> -
Okeej geen probleem
-
in chrome staat het nog scheef?
-
in IE ook?
Nieuwe reactie samengevoegd met originele reactie op 29.06.11 23:42:05:PHP
Toon Meer#Div { left: 396px; position: absolute; top: 246px; margin-bottom: 0; background-color: #3cf; border: 1px solid #0f8a3a; width: 1198px; padding-top: 0px; height: 45px; }left: 396px;
moet je als goed is nog op 0 zetten! -
Niet echt netjes gesliced he ?
-
Site is down?
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!