hoi
ik ben bezig om zelf gemaakte layout te slice/base maar krijg somige dingen niet goede
als je naar afbeelding kijkt dan heb ik die witte strepen aan de zij kanten ik krijgt dat niet goed weet iemand hoe ik deze zo goed krijg
en grijze lijn die tot onderloopt met ronde kanten weet iemand hoe ik dit zo krijg
en container met welkom enzo hoe ik deze zo krijg
afbeelding
voor de klikkers http://www.afbeeldingenuploade…/721515smaakenmaak2,1.png
html
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<html>
<head>
<title> smaak&zaak </title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<div id="header">
<img src="images/logo-images.gif" width="180" height="100">
</div>
<div id="line">
</div>
<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Dranken</a></li>
<li><a href="#">Broodjes</a></li>
<li><a href="#">Fruit/Saledes</a></li>
<li><a href="#">Voorwaarden</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="line">
</div>
<div id="container">
</div>
<div id="line">
</div>
</body>
</html>css
PHP
html
{
background-color: #0d0d0d;
}
body
{
width: 799px;
margin: 0px auto;
}
div#header
{
background-image: url('images/header-images.gif');
background-repeat: repeat-x;
width: 795px;
height: 136px;
}
div#line
{
background-color: #ffffff;
width: 795px;
height: 2px;
}
ul#menu
{
margin: 0px;
padding-left: 10px;
list-style: none;
height: 30px;
width: 785px;
background-image: url('images/menu-images.gif');
}
ul#menu li
{
float: left;
height: 30px;
}
ul#menu li a
{
display: block;
overflow: hidden;
height: 30px;
padding: 5px 8px 0px 8px;
font-family: arial;
color:#ffffff;
font-size: 16px;
text-decoration: none;
font-weight: bold;
}
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover
{
padding: 5px 8px 0px 8px;
background-color: #6a2f02;
color: #ffffff;
height: 25px;
}
div#container
{
width: 698px;
overflow: hidden;
border-bottom: 1px solid #333333;
}
div#container
{
background-image: url('images/container-images.gif');
background-repeat: repeat-x;
width: 775px;
padding: 0px 10px 10px 10px;
float: left;
padding-bottom: 1000px;
margin-bottom: -999px;
font-family: arial;
font-size: 10px;
color: #ffffff;
}
div#container h1
{
padding-top: 10px
font-family: arial;
font-size: 13px;
color: #ffffff;
}
div#Container a
{
image: url('images/acontainer-images.gif')
font-weight: bold;
text-decoration: underlined;
}
div#Container a:hover
{
text-decoration: none;
}alvast bedankt
grtz, tim