En daar ben ik weer, met een vraagje over css, ben een beginner, misschien voor jullie simpel, maar ik moet het allemaal ontdekken en ken niemand anders in mijn omgeving die met css bezig is, dus hoop hier af en toe wat hulp te krijgen, als jullie een ander forum weten die daar meer geschikt voor is, dan hoor ik dat graag...
ik ben een startpagina aan het maken, willen jullie de code eens bekijken of ik op de goede weg ben? Of de css en html kloppen, of dat ik het misschien anders moet neerzetten? Dan kan ik van daaruit weer verder proberen?
Alvast bedankt
groeten Miranda
html
ik ben een startpagina aan het maken, willen jullie de code eens bekijken of ik op de goede weg ben? Of de css en html kloppen, of dat ik het misschien anders moet neerzetten? Dan kan ik van daaruit weer verder proberen?
Alvast bedankt
groeten Miranda
html
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>startpagina</title>
<link href="start/start.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div id="kop">Hier wordt de inhoud voor id "kop" weergegeven</div>
<div id="kolom">Hier wordt de inhoud voor id "kolom1" weergegeven</div>
<div id="kolom">Hier wordt de inhoud voor id "kolom2" weergegeven</div>
<div id="kolom"><a href="http://www.hyves.nl/?&pageid=96BH2FHIIJ8C0CW0" target="_new">hyves home</a></div>
<div id="kolom">Hier wordt de inhoud voor id "kolom4" weergegeven</div>
</div>
</body>
</html>
Code:
css
@charset "utf-8";
body {
background: #C33;
margin: 0px;
}
#main {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #666;
background: #9CC;
margin: 0px auto;
height: 800px;
width: 1000px;
}
#kop {
height: 200px;
width: 1000px;
}
#kolom {
margin: 5px;
height: 568px;
width: 218px;
border: 1px solid #C33;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #333;
padding: 10px;
}
a {
font-size: 16px;
color: #666;
}
a:link {
text-decoration: none;
color: #333;
}
a:visited {
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: underline;
color: #C33;
}
a:active {
text-decoration: none;
color: #C03;
}
Laatst bewerkt:
)
