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
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
zet je html code tussen een Wrapper of container zodat alles in het midden staat
Probeer dit eens:
index.css
@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%;
}
Toon Meer
Index.html
<!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 -->
Toon Meer
dankje het werkt hij staat nu goed
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:
#Div {
left: 396px;
position: absolute;
top: 246px;
margin-bottom: 0;
background-color: #3cf;
border: 1px solid #0f8a3a;
width: 1198px;
padding-top: 0px;
height: 45px;
}
Toon Meer
left: 396px;
moet je als goed is nog op 0 zetten!
Niet echt netjes gesliced he ?
Citaat van Frenzo305Niet echt netjes gesliced he ?
weet het ben ook niet goed in slice ik kan het niet eens
Site is down?
Heb je nog geen account? Registreer je nu en word deel van onze community!