#menu {
float: left;
width: 125px;
/* De volgorde is, top, right, bottom, left. */
margin: 20px 20px 80px 5px;
}
Dit is de code voor het divje van het menu.
Nu gebeurt er het volgende dat wanneer het menu ophoudt de tekst van het divje content gaat floaten en dus over de gehele pagina gaat.
Het uitleggen gaat wat moeilijk dus kijk maar : HIER
De code voor algemeen en het divje container zijn deze:
* {
margin: 0px;
padding: 0px;
}
#container {
margin: 0px auto;
/* margin, padding en border worden meestal bij de breedte opgeteld,
dus als je 100% breedte doet + een border, heb je dus 100% + border brede side..*/
width: 998px;
overflow-x: hidden;
overflow-y: auto;
background: url(../images-algemeen/bg_content.jpg) center top repeat-y;
}
Ik heb al geprobeerd om <br class="clear"> na het divje menu neer te zetten maar toen ging de content van de rechterkant alleen helemaal naar beneden naar het eind van het menu om daar te beginnen en dat was natuurlijk prima want dat doet deze commando ook maar ja dus niet wat ik wens....
en dan moet je het menu nog een margin-bottom of height meegeven denk ik, zo groot als de content is. Maar er zal ook een andere (betere) oplossing voor zijn.
Shit, ik had een hele review geschreven voor je website, maar vanwege de grootte van het bericht kreeg ik een melding mbt tot spam?!?!
Nou even in een nutshel danmaar:
1. je linked 2x naar je css bestand
2. je hebt geen breedte aangegeven voor je .content en .contenttekst. Hierdoor is deze 100% van zijn parent div (wrapper) en wordt deze onder het menu geplaatst. Het lag dus niet aan de breedte van het plaatje head3.jpg maar aan de breedte van de div.
3. je maakt gebruik van onnodig veel divs (lijkt me) Ik zou het zo doen:
container
header /header
menu /menu
content /content
/container
footer /footer
maak hierbij gebruik van de Footer stick alt
4. Je hebt die bg-content.jpg een keer of 5 in je css staan. Dit lijkt me niet nodig.
5. In je html staan dingen als
<br><big><font color="#009933"><b>
Dit kun je heel goed in je css regelen. Vooral al die <br>'s, die mogen allemaal weg! Hier en daar een paar <p></p>'s is veel netter!
6. In je html staat:
<img src=images-algemeen/head3.jpg border=0>
Je vergeet hier je haakjes, dit doe je op meerdere plekken.
@ Gert-Jan : Aardig dat je een site-review voor me hebt gegeven!!
Al je remarks ga ik doorlopen en aanpassen waar nodig is. Ik zal je tzt een seintje geven dan kan je kijken als je wil :)
@ Gert-Jan : De haakjes komt voor uit het gegeven dat de inhoud uit een database komt en hier door "kenners" werd geadviseerd om in de database geen haakjes en kommas e.d. te gebruiken.
De width in de content heb ik aangepast :)
Wat is dit:
maak hierbij gebruik van de Footer stick alt?
@ Gert-Jan : De haakjes komt voor uit het gegeven dat de inhoud uit een database komt en hier door "kenners" werd geadviseerd om in de database geen haakjes en kommas e.d. te gebruiken.
De width in de content heb ik aangepast :)
Wat is dit:
maak hierbij gebruik van de Footer stick alt?
De opmaak van de <br> e.d. komt nog.
Die qoutes hoef je niet in je database te zetten, maar wel binnen je html.
<?php
echo"src=\"" . $variabele . "\"";
?>
Die footerstick alt is ervoor om je footer onderaan de pagina te krijgen, wanneer je niet veel inhoudt hebt.
Op zich hoef je dat nu niet perse te doen, maar ik vind je structuur op dit moment een beetje verwarrend door het gebruik van vele divs. Dus ik probeerde dmv het aanreiken van die footer stick een wat simpelere opbouw aan te geven.
