Nieuw lid |
|
/!\ De pagina word steeds geupdate, dus mijn vraag kan afwijken van de site. Let daar wel op! /!\
Hey, ik heb de volgende code:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Miss United - Counterstrike ladies</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="top_menu">
<div id="menu_kopjes">
<a href="#"><img src="images/layout_02.gif" alt="home" border="0" /></a>
<a href="#"><img src="images/layout_03.gif" alt="contact" border="0" /></a> </div>
</div>
<div id="centeren">
<div id="content">
<div id="header"></div>
<div id="menu">
<div><a href="#"><img src="images/image_11.gif" alt="news" border="0" /></a></div>
<div><a href="#"><img src="images/image_15.gif" alt="roster" border="0" /></a></div>
<div><a href="#"><img src="images/image_16.gif" alt="matches" border="0" /></a></div>
<div><a href="#"><img src="images/image_17.gif" alt="downloads" border="0" /></a></div>
<div><a href="#"><img src="images/image_18.gif" alt="about" border="0" /></a></div>
</div>
<div id="banner"><img src="images/image_13.gif" alt="Sponsord by:" /></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Miss United - Counterstrike ladies</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <div id="top_menu"> <div id="menu_kopjes"> <a href="#"><img src="images/layout_02.gif" alt="home" border="0" /></a> <a href="#"><img src="images/layout_03.gif" alt="contact" border="0" /></a> </div> </div> <div id="centeren"> <div id="content"> <div id="header"></div> <div id="menu"> <div><a href="#"><img src="images/image_11.gif" alt="news" border="0" /></a></div> <div><a href="#"><img src="images/image_15.gif" alt="roster" border="0" /></a></div> <div><a href="#"><img src="images/image_16.gif" alt="matches" border="0" /></a></div> <div><a href="#"><img src="images/image_17.gif" alt="downloads" border="0" /></a></div> <div><a href="#"><img src="images/image_18.gif" alt="about" border="0" /></a></div> </div> <div id="banner"><img src="images/image_13.gif" alt="Sponsord by:" /></div> </div> </div> </body> </html>
style.css
/*---------------------------------------------------------------------------------------------------------------------*/
/*______________________________________________________MAIN WORK______________________________________________________*/
/*---------------------------------------------------------------------------------------------------------------------*/
body {
background-color: #9B0000;
font-family: tahoma;
font-size: 12px;
color: #191919;
margin: 0;
}
#centeren {
margin: 0 auto;
width: 847px;
background-color: #E2E2E2;
padding: 7px;
}
#content {
background-color: #FFFFFF;
border: #C3C3C3 1px solid;
padding: 10px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*______________________________________________________TOP MENU_______________________________________________________*/
/*---------------------------------------------------------------------------------------------------------------------*/
#top_menu {
width: 100%;
height: 33px;
background-image: url(images/layout_04.gif);
azimuth: right;
}
#menu_kopjes {
padding-left: 70%;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*_____________________________________________________HEADER WORK_____________________________________________________*/
/*---------------------------------------------------------------------------------------------------------------------*/
#header {
background-color: #2E496D;
background-image: url(images/layout_07.gif);
background-repeat: repeat-y;
height: 105px;
width: 100%;
border-bottom: #FFFFFF 4px solid;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*_____________________________________________________MENU SHIT_______________________________________________________*/
/*---------------------------------------------------------------------------------------------------------------------*/
#menu {
width: 229px;
border-right: 4px #FFFFFF solid;
float: left;
}
#banner {
width: 578px;
float: right;
}
/*---------------------------------------------------------------------------------------------------------------------*/ /*______________________________________________________MAIN WORK______________________________________________________*/ /*---------------------------------------------------------------------------------------------------------------------*/ body { background-color: #9B0000; font-family: tahoma; font-size: 12px; color: #191919; margin: 0; } #centeren { margin: 0 auto; width: 847px; background-color: #E2E2E2; padding: 7px; } #content { background-color: #FFFFFF; border: #C3C3C3 1px solid; padding: 10px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*______________________________________________________TOP MENU_______________________________________________________*/ /*---------------------------------------------------------------------------------------------------------------------*/ #top_menu { width: 100%; height: 33px; background-image: url(images/layout_04.gif); azimuth: right; } #menu_kopjes { padding-left: 70%; } /*---------------------------------------------------------------------------------------------------------------------*/ /*_____________________________________________________HEADER WORK_____________________________________________________*/ /*---------------------------------------------------------------------------------------------------------------------*/ #header { background-color: #2E496D; background-image: url(images/layout_07.gif); background-repeat: repeat-y; height: 105px; width: 100%; border-bottom: #FFFFFF 4px solid; } /*---------------------------------------------------------------------------------------------------------------------*/ /*_____________________________________________________MENU SHIT_______________________________________________________*/ /*---------------------------------------------------------------------------------------------------------------------*/ #menu { width: 229px; border-right: 4px #FFFFFF solid; float: left; } #banner { width: 578px; float: right; }
Online site
http://www.wyger.nl/usr/konijn/works/Miss_United/
Nu valt je al meteen een probleem op, het sponsor gedeelte hoord duidelijk naast het menu te zitten. Alleen ik heb geen idee hoe ik dit op los via CSS.
Graag zou ik duidelijke reacties willen zien. Als je mijn code verbeterd zou het fijn zijn als je ook uitlegt geeft van wat je nou gedaan hebt.
BVD
/!\ De pagina word steeds geupdate, dus mijn vraag kan afwijken van de site. Let daar wel op! /!\
|