<!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>
<style type="text/css">
body, code, table, td, pre { font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif }
A:link {color:#000000}
A:visited {color:#000000}
A:hover {color:#0066FF}
A:active {font-weight:bold; color:#0066FF; text-decoration:underline}
A {font-weight:bold; color:#000000; text-decoration:none}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body background="backg.png">
<div align="center">
<div><img src="header-boven.png" alt="" /></div>
<div style="background-image:url(header-link.png); background-position:center; text-align:left; background-repeat:no-repeat; width:724px; padding:4px"><span style="margin-left:40px;"</span>
<a href="index.php">Home</a><a href="nieuws.php" style="padding-left:10px">Nieuws</a><a href="prg.php" style="padding-left:10px">Programma's</a>
</span>
</div>
<div><img src="header-onder.png" alt="" /></div>
<div style="background-image:url(content.png); background-position:center; background-repeat:repeat-y; width:742px; text-align:left; padding:4px"><p style="margin-left:50px">
Welkom op SjakPrograms,<br />
hier kan je al mijn programma's downloaden.<br /><br />
voorlopig staat er nog maar een programma op, en dat is Windows Live Messenger Patch!<br />
meer info over dit programma en de toekomstige andere programma's vind je bij de download.<br /><br />
<b>Laatste nieuws<br />
---------------------------------------------------</b><br />
</p></div>
<div><img src="onder.png" alt="" /></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
dit is mijn code, is het zo goed of wat moet er zegmaar anders?
dit is de eerste keer met divs en veel css dus wat ik net al vroeg wat moet er anders:p
<!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>
<style type="text/css">
body, code, table, td, pre { font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif }
A:link {color:#000000}
A:visited {color:#000000}
A:hover {color:#0066FF}
A:active {font-weight:bold; color:#0066FF; text-decoration:underline}
A {font-weight:bold; color:#000000; text-decoration:none}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body background="backg.png">
<div align="center">
<img src="header-boven.png" alt="" />
<div style="background-image:url(header-link.png); background-position:center; text-align:left; background-repeat:no-repeat; width:724px; padding:4px"><span style="margin-left:40px;"</span>
<a href="index.php">Home</a><a href="nieuws.php" style="padding-left:10px">Nieuws</a><a href="prg.php" style="padding-left:10px">Programma's</a>
</span>
</div>
<img src="header-onder.png" alt="" />
<div style="background-image:url(content.png); background-position:center; background-repeat:repeat-y; width:742px; text-align:left; padding:4px"><p style="margin-left:50px">
Welkom op SjakPrograms,<br />
hier kan je al mijn programma's downloaden.<br /><br />
voorlopig staat er nog maar een programma op, en dat is Windows Live Messenger Patch!<br />
meer info over dit programma en de toekomstige andere programma's vind je bij de download.<br /><br />
<b>Laatste nieuws<br />
---------------------------------------------------</b><br />
</p></div>
<img src="onder.png" alt="" />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1. Je zou die CSS-zone wat beter moeten uitlijnen als je daar achteraf nog iets in wilt terugvinden.
2. Normaal hoort na ieder 'argument' van CSS een ;, dus ook bij de laatste in de rij
3. Als je toch CSS gebruikt, regel dan ook zaken zoals de achtergrond van je body ermee
4. Je opent een <div> met een ellenlang style attribuut, het is dus beter om hier een class van te maken
5. Rond de afbeelding in url() hoort eigenlijk enkele quotes
6. Die <span> kan je weglaten, en die 10px margin los je op met alle url's in die div..
7. In plaats van iedere url een style attribuut mee te geven kan je alle a's binnen .menu gelijk opmaken (zie css)
8. Die margin-left rond je tekst is hetzelfde als padding voor hetgeen errond zit :)
9. Doordat ik een beetje ingesprongen heb zie je dat je onderaan eigenlijk een </div> teveel had.
10: <div align="center"> kan je vervangen door de margin-methode
<!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>
<style type="text/css">
body, code, table, td, pre {
font-size: 9pt;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url('backg.png');
}
a:link {
color:#000000;
}
a:visited {
color:#000000;
}
a:hover {
color:#0066FF;
}
a:active {
font-weight:bold;
color:#0066FF;
text-decoration:underline;
}
a {
font-weight:bold;
color:#000000;
text-decoration:none;
}
.menu {
background-image:url('header-link.png');
background-position:center;
text-align:left;
background-repeat:no-repeat;
width:724px;
padding:4px;
}
.menu a {
padding-left: 10px;
}
.bodyText {
background-image:url(content.png);
background-position:center;
background-repeat:repeat-y;
width:742px;
text-align:left;
padding:4px;
padding-left: 54px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div style="margin-left: auto; margin-right: auto; ">
<img src="header-boven.png" alt="" />
<div class="menu">
<a href="index.php">Home</a>
<a href="nieuws.php">Nieuws</a>
<a href="prg.php">Programma's</a>
</div>
</div>
<img src="header-onder.png" alt="" />
<div class="bodyText">
Welkom op SjakPrograms,<br />
hier kan je al mijn programma's downloaden.<br /><br />
voorlopig staat er nog maar een programma op, en dat is Windows Live Messenger Patch!<br />
meer info over dit programma en de toekomstige andere programma's vind je bij de download.<br /><br />
<b>Laatste nieuws<br />
---------------------------------------------------</b><br />
</div>
<img src="onder.png" alt="" />
</body>
</html>
1. Je zou die CSS-zone wat beter moeten uitlijnen als je daar achteraf nog iets in wilt terugvinden.
2. Normaal hoort na ieder 'argument' van CSS een ;, dus ook bij de laatste in de rij
3. Als je toch CSS gebruikt, regel dan ook zaken zoals de achtergrond van je body ermee
4. Je opent een <div> met een ellenlang style attribuut, het is dus beter om hier een class van te maken
5. Rond de afbeelding in url() hoort eigenlijk enkele quotes
6.Die<span> kan je weglaten, en die 10px margin los je op met alle url's in die div..
7. In plaats van iedere url een style attribuut mee te geven kan je alle a's binnen .menu gelijk opmaken (zie css)
8.Die margin-left rond je tekst is hetzelfde als padding voor hetgeen errond zit :)
9. Doordat ik een beetje ingesprongen heb zie je dat je onderaan eigenlijk een </div> teveel had.
10:<div align="center"> kan je vervangen door de margin-methode
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">