Verschillende blokken in elkaar en automatish aanpassen

Status
Niet open voor verdere reacties.

JohnnyReinders

Gebruiker
Lid geworden
2 mrt 2011
Berichten
118
Najaa, het is me dus togh gelukt om het te krijgen zoals ik het wou met de volgende code:

HTML:
Code:
<HTML>
	<HEAD>
		<link rel="stylesheet" type="text/css" href="style.css">
	</HEAD>
	<BODY>
		<div class="top">
			<div class="header">
				<div class="header-text">
					World Of Maffia
				</div>
			</div>
			<div class="menubar">
			</div>
		</div>
	</BODY>
</HTML>

CSS:
Code:
.top
			{
				position: relative;
				background: gray;
				height: 600px;
			}

.header
			{
				position: relative;
				margin-left: 30px;
				margin-right: 30px;
				margin-top: 20px;
				background: black;
				height: 128px;
				width: 256px;
				border: 5px solid red;
				float: left;
				
				-moz-border-radius:30px 0px 30px 0px;
				-webkit-border-radius:30px 0px 30px 0px;
				border-radius:30px 0px 30px 0px;		
			}
			
.header-text
			{
				color: red;
				position: relative;
				font-size: 36;
				font-style: italic;
				margin: 16px 16px 16px 16px;
			}
			
.header-image
			{
			}
			
.menubar	
			{
				background: black;
				border: 5px solid red;
				position: relative;
				margin-left: 291px;
				top: 64px;
				margin-right: 30px;
				height: 16px;

				color: red;
			}

Als het makkelijker kan zou ik het graag horen. Verder zit ik nu met een witte rand om mijn pagina heen. Hoe krijg ik die weg, of in een andere kleur.

Alvast bedankt
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan