CSS problemen

Status
Niet open voor verdere reacties.
DennisBosma

DennisBosma

Gebruiker
Lid geworden
4 sep 2009
Berichten
382
Hallo, ik ben met een nieuwe layout bezich maar het lukt niet echt. Ik heb tot nu toe dit: < klik >. Ik wil graag dat de content; het grote vak het zelfde partroon heeft als de kleine; menu.

ps; Ik weet dat ik andere plaatjes nodig heb maar dat doe ik later. misschien wil u het doen voor mij.:o

Kan iemand mij helpen.
Alvast bedankt!


Index Codes:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

  

  <title>Nieuwste Layout</title>

  <link rel="stylesheet" href="http://startplace.clanteam.com/css/layout.css">

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">


</head>



<body>

<div id="header">

<div id="container_header"><img src="Geen%20Image">

<div id="right">

<div id="top">



<ul>

<li>Downloadweb heeft gunstige downloads te downloaden!</li>

</ul>



<div id="login"><a href="#">Contact</a> | <a href="#">Sitemap</a></div>

</div>

<div id="bottom">



<div id="promo"><a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a></div>

</div>

</div>

</div>

</div>



<div id="container">

<div id="main">

<span class="top"></span>


<div id="content">

...

</div>




















<!-- Linker menu -->

<div id="sidebar">

<span class="top"></span>

<div class="item newaccount"> 


<span class="content"><b>Welkom op uw DownloadWeb</b></span>

</div>

<span class="bottom"></span> 





<span class="top"></span>

<div class="item latest">

<div class="content">

<h3>Compliceert</h3>

<h2>Eventueel</h2>

</div></div>

<span class="bottom"></span>





<span class="top"></span>

<div class="item latest">

<div class="content">

<h3>Compliceert</h3>

<h2>Eventueel</h2>

Sub

<h2>Eventueel</h2>

Sub

<h2>Eventueel</h2>

Sub</div>

</div>

<span class="bottom"></span> 





<span class="top"></span>

<div class="item latest">

<div class="content">

<h3>Compliceert</h3>

Sub</div>

</div>

<span class="bottom"></span>

</div>



<div style="position: absolute; top: 10px; right: -128px; z-index: 10;"></div></div></div>



<div id="footer">

<div id="container_footer">



<div id="download">

<h3>Compliceert</h3>

Sub</div>



<div id="support">

<h3>Compliceert</h3>

Sub</div>



<div id="extras">

<h3>Compliceert</h3>

Sub</div>



<div id="privacy">

<h3>Compliceert</h3>

Sub</div>


</div></div>



</body></html>

Css Codes:
Code: 
/* DEFAULT */



html, body, form, a, ul, ol, li, div, br, button, textarea, h1, h2, h3, h4, h5, strong, img {

	margin: 0;

	padding: 0;

	border: 0;

}



html , body {	height: 100%; background-color: #e9e9e9; text-align: center; }



/* HTML REDEFINED TAGS */



body {

	font-family: Verdana, Arial, Helvetica;

	font-size: 0.8em;

	color: #303030;

}



h1 {

	color: #465cb1;

	font-size: 1.4em;

}



h2 {

	color: #060606;

	font-size: 1.0em;

}



a {

	color: #000;

}



/* MAIN STRUCTURE */



#container {

	width: 985px;

	padding: 0 10px;

	height:auto !important;

	margin:0 auto;

	min-height:100%;

	position:relative;

	text-align: left; 

}



#container_header {

	width: 985px;

	height:auto !important;

	margin:0 auto;

	min-height:100%;

	position:relative;

	text-align: left; 

}



#header {

	min-width: 985px;	

	height: 96px;

	background: white url('http://startplace.clanteam.com/img/header_bg.jpg') repeat-x left;

}

	#header #left {

		float: left;

		padding: 0;

		margin-left: -8px;

	}

		

#header #left a {

	display: block;

	}



#header #left #header_logo {

	display: inline;

	width: 215px;

	height: 80px;

	}



#header #right {

	float: right;

	width: 750px;

	}



#header #right #top {

	position: relative;

	height: 45px;

	border-bottom: 1px dotted #939db8;

	width: 746px;

	}



#header #right #top ul {

	position: absolute;

	top: 17px;

	padding: 0;

	}



#header #right #top li {				

	float: left;

	margin-right: 20px;

	list-style-type: none;

	}

				

#header #right #top li a {

	font-size: 15px;

	color: #445ab1;

	text-decoration: none;

	}



#header #right #top li a:hover {

	color: black;

	}

				

#header #right #top #login {

	float: right;

	padding-top: 21px;

	font-size: 10px;

	color: #757575;

	}



#header #right #top #login a {

	font-size: 10px;

	text-decoration: none;

	color: #757575;

	}



#header #right #bottom {

	height: 41px;

	width: 757px;

	}



#header #right #bottom #promo {

	float: left;

	width: 438px;

	margin-top: 14px;

	font-size: 0.88em;

	}



#header #right #bottom #promo a {

	text-decoration: none;

	color: #424242;

	}

		

#header #right #bottom #promo a:hover {

	color: #445acc;

	}





				

#main {

	/*min-width:1020px;*/

	padding-top: 10px;

	min-height: 760px;

	}

	

#main #sidebar {

	width: 214px;

	float: left;

	/*margin-left: 110px;*/

	}

		

#main #sidebar .item {

	width: 214px;

	background: transparent url('http://startplace.clanteam.com/img/sidebar_item.png') repeat-y left;

	}

			

#main #sidebar .item .content {

	font-size: 11px;

	width: 190px;

	display: block;

	width: auto;

	padding: 6px 11px;

	}

			

#main #sidebar .item h3 a {

	color: #FFF;

	text-decoration: none;

	}

			

#main #sidebar .item a {

	color: #465cb1;

	text-decoration: none;

	}

		

#main #sidebar .top {

	background: transparent url('http://startplace.clanteam.com/img/sidebar_item_top.png') no-repeat left;

	height: 4px;

	width: 214px;

	display: block;

	font-size: 0; /*IE FIX*/

	}

		

#main #sidebar .bottom {

	background: transparent url('http://startplace.clanteam.com/img/sidebar_item_bottom.png') no-repeat left;

	height: 5px;

	width: 214px;

	display: block;

	font-size: 0; /*IE FIX*/ 

	margin-bottom: 10px;

	}

		

#main #sidebar .newaccount {

	font-size: 11px;

	}

			

#main #sidebar .newaccount img {

	padding: 0 0 6px 11px;

	}

			

#main #sidebar .newaccount a {

	outline: none;

	}

		

#main #content {

	width: 710px;

	float: right;

	background-color: white;

	border-top: 1px solid #465cb1;

	border-bottom: 1px solid #939db8;

	margin-left: 10px;

	margin-bottom: 20px;

	padding: 10px 20px;

	line-height: 1.5em;

	/* overflow: auto; */

	}



#main #sidebar a:hover {

	color: #000;

	}

		

#main #content ul, #main #content ol {

	margin-left: 35px;

	}

		

#main #content .seperator {

	clear: both;

	display: block;

	height: 7px;

	width: auto;

	border-bottom: 1px dotted #a6a6a6;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 5px;

	margin: 0 22px;

	}

	

#main #content .seperator2 {

	clear: both;

	display: block;

	height: 7px;

	width: auto;

	border-bottom: 1px solid #a6a6a6;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 5px;

	margin: 0 22px;

	}

		

#main #content .item_blok_news {

	background-color: #f3f4f7;

	margin: 12px 10px;

	width: 100%;

	/* !margin-left: 10px; */

	}

		

#main #content .item_blok {

	float: left; 

	margin: 12px 6px;

	width: 338px;

	text-align: right;

	/* !margin-left: 10px; */

	}



#main #content .item_blok h1 {

	font-size: 21px;

	color: #4ab032;

	font-weight: normal;

	margin-bottom: 4px;

	text-align: left;

	}



#main #content .item_blok .forum_blok {

	width: auto;

	height: 95px;

	font-size: 12px;

	font-weight: normal;

	padding: 6px 6px 6px 9px;

	text-align: left;

	color: #a5a5a5;

	}



#main #content .item_blok .forum_blok .forum_lijst {

	height: 29px;

	border-bottom: 1px dotted #cccccc;

	line-height: 29px;

	}

										

#main #content .item_blok .forum_blok .forum_lijst a {

	color: #465cb1;

	text-decoration: none;

	}

				

#main #content .item_blok .news_blok, #main #content .item_blok_news .news_blok {

	width: auto;

	height: 95px;

	background-color: #f3f4f7;

	border-bottom: 1px dotted #cbcbcb;

	font-size: 11px;

	font-weight: normal;

	padding: 6px 6px 6px 9px;

	text-align: left;

	}

				

#main #content .item_blok .news_blok .text {

	display: block;

	float: left;

	width: 250px;

	}

				

#main #content .item_blok .news_blok .image {

	display: block;

	float: right;

	}

				

#main #content .item_blok .news_blok h2, #main #content .item_blok_news h2  {

	font-size: 16px;

	font-weight: normal;

	margin-bottom: 5px;

	}



#main #push { 

	clear: both; 

	}



#footer {

	height: 135px;

	background-color: #fff;

	border-top: 2px solid #dedede;

	font-size: 11px;

}



#footer #container_footer {

	width: 900px;

	text-align: left;

	margin: 20px auto 0 auto;

}



	#download, #support, #extras, #privacy {

		float: left;

		width: 150px;

		margin-right: 100px;

	}

	

	#privacy {

		margin-right: 0;

	}

	

	#footer h3 {

		font-weight: bold;

		font-size: 11px;

		color: #545454;

		margin-bottom: 10px;

	}

	#footer a {

		color: #465cb1;

		text-decoration: none;

	}

	#footer a:hover {

		color: black;

	}



#header #right #top #login {

	float: right;

	padding-top: 21px;

	font-size: 10px;

	color: #757575;

	}



#header #right #top #login a {

	font-size: 10px;

	text-decoration: none;

	color: #757575;

	}



#header #right #top #login a:hover {

	color: black;

	}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan