Hey,
Ik ben proberen het basen te leren en ik loop (nogal vaak) tegen een probleem aan.
Vaak kan ik het zelf oplossen door alles 10x te proberen en anders zoek ik het wel even op op internet.
Hier post ik de vragen die ik niet ergens anders kan vindenDe codes hierboven zal ik ook regelmatig bijwerken. Ik vind het fijn als je antwoord geeft maar het liefst erbij wat je eigenlijk doet want dan kan ik dat de volgende keer gebruiken 
Vragen:
- Hoe krijg ik een zoekvak (waar ik het plaatje al van heb uitgesneden enzo) bovenaan de site en dan naast het logo ongeveer.
- Hoe krijg je een vak in het vak waar bijvoorbeeld staat : Hoi ik ben joeri. Kan dit gewoon over elkaar ofzo? (dit heb ik nog niet geprobeerd maar ik wil het alvast weten
- Onder het tekstvak (waar op de screen staat hoi ik ben joeri) zit natuurlijk nog een afronding,
Hoe moet ik die maken. Ik heb het plaatje al gesliced in photoshop alleen ik heb geen idee waar ik het in de code kan verwerken.
Ik heb geprobeerd om er een nieuwe div van te maken maar zonder resultaat.
Dit is wat ik daarvan heb
en in de index.html heb ik al
Neergezet
Screens :
Hoe ik het wil laten worden:
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i.imgur.com).Bron openen ↗Hoe het nu is kan je zien op joeriwii.woelmuis.nl
Verder als je nog tips hebt over hoe ik de code beter kan maken of welk programma ik beter kan gebruiken (alternatief voor kladblok) hoor ik die ook graag
.
Ik ben voor de rest heel slecht in basen en dit is me 2e layout (heb een andere gedaan via een tut)
Dus ik zal nog veel beginnersfouten maken.
Ik ben proberen het basen te leren en ik loop (nogal vaak) tegen een probleem aan.
Vaak kan ik het zelf oplossen door alles 10x te proberen en anders zoek ik het wel even op op internet.
Hier post ik de vragen die ik niet ergens anders kan vinden
Spoiler tonen
<!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">
<head>
<title>Voetbalsite</title>
<link rel="stylesheet" type="text/css" href="opmaak.css" />
</head>
<body>
<div id="header">
<h1>Voetbalsite</h1>
<ul id="menu">
<a style="color: #000000" href="#">Nieuws</a>
<a style="color: #000000" href="#">Linkpartners</a>
<a style="color: #000000" href="#">Informatie</a>
<a style="color: #000000" href="#">Video</a>
<a style="color: #000000"href="#">Clubs</a>
<a style="color: #000000"href="#">Contact</a>
</ul>
</div>
<div id="bovenContainer">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.
</div>
<div id="footerContainer">
testje
</div>
</body>
</html>Spoiler tonen
html
{
background-color: #a3a3a3;
}
body
{
width: repeat-x;
margin: 0px auto;
}
div#header
{
background-image: url(images/header_background_image.png);
background-repeat: repeat-x;
width: repeat-x;
height: 132px;
}
h1
{
font-family: Tahoma;
font-size: 64px;
color: #ffffff;
font-weight: normal;
margin: 0px auto;
padding: 2px 0px 0px 300px;
}
ul#menu
{
margin: 0px auto;
padding-left: 200px;
list-style: none;
height: 25px;
width: 688px;
}
ul#menu li
{ float: left;
height: 25px;
}
ul#menu li a
{
display: block;
overflow: hidden;
height: 25px;
padding: 25px 8px 0px 8px;
font-family: Tahoma;
color: #000000;
font-size: 18px;
text-decoration: none;
font-weight: sharp;
height: 20px;
}
div#bovenContainer
{
background-image: url(images/headlines.png);
width: 814px;
height: auto;
margin: 0px auto;
font-size: 12px;
font-family: Verdana;
text-decoration: none;
color: #000000;
}
div#footerContainer
{
background-image: url("/images/eindenormaal.png") ;
padding-bottom: 50px 50px 50px 50px;
width: 814px;
height: 19px;
margin: 0px auto;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-decoration: none;
}
Vragen:
- Hoe krijg ik een zoekvak (waar ik het plaatje al van heb uitgesneden enzo) bovenaan de site en dan naast het logo ongeveer.
- Hoe krijg je een vak in het vak waar bijvoorbeeld staat : Hoi ik ben joeri. Kan dit gewoon over elkaar ofzo? (dit heb ik nog niet geprobeerd maar ik wil het alvast weten

- Onder het tekstvak (waar op de screen staat hoi ik ben joeri) zit natuurlijk nog een afronding,
Hoe moet ik die maken. Ik heb het plaatje al gesliced in photoshop alleen ik heb geen idee waar ik het in de code kan verwerken.
Ik heb geprobeerd om er een nieuwe div van te maken maar zonder resultaat.
Dit is wat ik daarvan heb
div#ondercontainer
{
background-image: url (images/eindenormaal.png);
width: 814px;
height: 19px;
margin: 0px auto;
} en in de index.html heb ik al
<div id="ondercontainer"> testje </div> Neergezet
Screens :
Hoe ik het wil laten worden:
Spoiler tonen
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i.imgur.com).Bron openen ↗Verder als je nog tips hebt over hoe ik de code beter kan maken of welk programma ik beter kan gebruiken (alternatief voor kladblok) hoor ik die ook graag
.Ik ben voor de rest heel slecht in basen en dit is me 2e layout (heb een andere gedaan via een tut)
Dus ik zal nog veel beginnersfouten maken.