html/css vraag

Ik ben bezig met een layout te basen. maar ik heb nu al een probleem.
Ik heb de vak header en als die word weergeven dan komt er boven, links,rechts een een lijn van de hele background. Hoe komt dit?

css:

body {background-color:#0b3998;}
#header {height:300px; width:100%; background-color:#1f61e8;}

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>Untitled Document</title>
<link rel="stylesheet" href="style.css" charset="style/css" />
</head>

<body>
<div id="header"></div>
</body>
</html>

Hoe los ik dat op.

Zet eens margin: 0; in je body?

bedankt!!!
gelukt.

Geen sorry voor bumpen ik heb een andere vraag, dus ik maak geen nieuw topic aan!
Hier geen commentaar op, doe commentaar via pb of niet!

Mijn vraag.
ik wil de link geel maken. maar hij doet het niet. ik heb:

#head_top{width:102px; height:32px; background:url(images/head_top.png); float:right; margin-right:200px;}
#head_top a:link{color:#FF0;}

html:

<div id="head_top"><a href="index.html">Test</a></div>

Geen sorry voor bumpen ik heb een andere vraag, dus ik maak geen nieuw topic aan!
Hier geen commentaar op, doe commentaar via pb of niet!

Mijn vraag.
ik wil de link geel maken. maar hij doet het niet. ik heb:

#head_top{width:102px; height:32px; background:url(images/head_top.png); float:right; margin-right:200px;}
#head_top a:link{color:#FF0;}

html:

<div id="head_top"><a href="index.html">Test</a></div>

Dat :link in de css moet weg? Bij een hover gebruik je wel a:hover.

#head_top a{color:#FF0;}

Frozenflame schreef:

Dat :link in de css moet weg? Bij een hover gebruik je wel a:hover.

#head_top a{color:#FF0;}

ja maar als je hover en viset etc, wilt hoe moet dat dan?

#head_top a {color:#FF0;}  
#head_top a:hover {color:#FF0;} 
#head_top a:visited {color:#FF0;}

Je kunt eventueel nog text-decoration: none; toevoegen. Dan is die streep onder de link weg.

Frozenflame schreef:

#head_top a {color:#FF0;}  
#head_top a:hover {color:#FF0;} 
#head_top a:visited {color:#FF0;}

Je kunt eventueel nog text-decoration: none; toevoegen. Dan is die streep onder de link weg.

bedankt dat zogt ik!

Ik heb ondertussen nog een vraag. Nu wil ik in mijn menu een button. dus als je
tekst dat die tekst dan in een button komt.

ik heb:
style:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px;}

Ik had eerst gedaan:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px; background:url(images/menu_button.png);}

Ik heb ondertussen nog een vraag. Nu wil ik in mijn menu een button. dus als je
tekst dat die tekst dan in een button komt.

ik heb:
style:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px;}

Ik had eerst gedaan:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px; background:url(images/menu_button.png);}

Even eerst wat anders, er staat vaak in je style "0 px" Dat kan ook gewoon als 0 als het voor de padding is

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0 0 0 0;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0 33px;}

Bedoel je een hover met plaatje?

Patricka schreef:

Even eerst wat anders, er staat vaak in je style "0 px" Dat kan ook gewoon als 0 als het voor de padding is

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0 0 0 0;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0 33px;}

Bedoel je een hover met plaatje?

Ik wil dat de link een plaatje is.

Dit gewoon in je html zetten.

Patricka schreef:

Dit gewoon in je html zetten.

Ja maar ik wil het via css doen, dan kan ik makkelijker mooiere effecten etc, mee gegeven.

Dan maak je er een class bij? Anders zou ik het niet weten
// in je style gewoon .tekst {
}

Ik zit nu in de buurt.
alleen de tekst is nog niet goed.

ik heb:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0 0 0 0;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu a{height:41px; background:url(images/menu_button.png) no-repeat;}
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0 33px;}

Alleen de tekst staat rechts onder