Ik ben nu bezig met een site met div en css.
het is een site met afbeeldingen.
Maar de tekst verschijnt te hoog in mijn navigatie bar.

	body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #0079ab;
	font-size: 12px;
	}
	#container {
	width: 800px;
	background-color: #0079ab;
	overflow: hidden;
	margin: 0 auto;
}
	#header {
	text-align: center;
	float: left;
width: 800px;
height: 92px;
background-image: url('images/header.gif');
}
	#content {
	text-align: center;
float: left;
height: 398px;
width: 100%;
padding: 10px;
background-image: url('images/content.gif');
}
	#footer {
	float: left;
width: 100%;
height: 60px;
overflow: hidden;
padding: 10px;
clear: both;
background-image: url('images/footer.gif');
color: #FFFFFF;
}


Dit is mijn css.

Hoe ik het verhelpen.

Ik kan uit je css niks opmaken dat je een navigatie bar opmaakt. We missen misschien wat css, maar sowieso een bergje html! ;)
excuses.

<!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>My Site</title>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>
<div id="container">
<div id="header">
<p>Tekst hier en daar</p>
</div>
<div id="content">
<p>Welkom op deze site<br />
Een klein testje</p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Wat versta jij onder een navigatie bar? Ik kan er helemaal niks uit opmaken.

Ik zie alleen

container
header
content
footer

Niks dat maar met menu of nav te maken heeft.

[edit]Maar met padding of margin kan je normaal een hoop oplossen Het beste kan je beginnen met het volgende boven aan je css[/edit]




* {
padding: 0;
margin: 0;
}
De header is eigenlijk de navigatie bar...
(sorry voor dubbelpost)

Beste Crispijn,

Dat werkt ook niet..
De tekst blijft gewoon het zelfde.

#header p {
    margin-top: 20px;
    }


beetje met deze waarde gaan spelen. Je kan ook padding gebruiken als je dat prettiger vindt.
Crispijn,
Hartstikke bedankt :)
Het is gelukt.
Het is mijn 1e keer css met div ^^
Heel erg bedankt alsnog :)

#header p {
    line-height:20px;
}


Oh het is je al gelukt zie ik.

Reageren