Ik heb het nu geprobeerd, alleen loop ik vast; http://gratisgastenboek.be/overig/layout/ de tekst in het content vak loopt er naast, hoe zorg ik dat hij eronder verder gaat?
graag gedaan, ik zal m van de week een beetje uitbreiden met nog wat mogelijkheden. Bv hoe je een gradient mooi laat doorlopen in een vakje met tekst. En ook hoe je het beste een menu in css kan zetten.
Marjolein zal je mischien kunnen toevoegen hoe ik 2vakken naast elkaar zet? bijv: --- , dat je iets kan maken met een 2kanten menu? Dat wil ik heel graag.
Ja zoeits maar van dat stukje snap ik niet veel geen even de css posten en stukje html etc ook uitleg voor 3vakken want ik vind dit echt leuk maar ben nog niet zo heel goed
oke 3 vakken dus Ik zal een voorbeeld maken maar je moet uiteraard zelf de maten aanpassen (width !).
css:
#grootvak {width: 900px; overflow:hidden;}/*eventueel een background toevoegen*/
#vak1 {width: 290px; float:left; margin-left:0;} /*dus 0 px vanaf de linkerkant*/
#vak2 {width: 290px; float:left; margin-left:15px;} /*dus 15 px vanaf de linkerkant vanaf einde vak1*/
#vak3 {width: 290px; float:left; margin-left:15px;} /*dus 15 px vanaf de linkerkant vanaf einde vak2*/
Met float:left; kun je dus een x aantal kolommen maken, er word gestart vanaf de linkerkant. NB: totaal mogen de 3 vakken + de margin niet meer zijn dan het grote vak, dus in dit geval > 3x 290px = 870px + 2x 15px (margin) = totaal 900px
html:
<div id="grootvak">
<div id="vak1">tekst in het linkse vak</div>
<div id="vak2">tekst in het middelste vak</div>
<div id="vak3">tekst in het rechtse vak</div>
</div> <!--div grootvak afsluiten-->
<div style="clear: both;"></div>
clear:both; heb ik al uitgelegd in een bericht hierboven Hopelijk lukt het zo?
Tutorial slicing-coderen xhtml-valid in alle browsers
Veel mensen gebruiken het woordje basing hiervoor. Maar dit is geen officiele benaming hiervoor, dit woord is ooit verzonnen door iemand. Het woordje slicing, betekend niets meer dan "snijden" of in dit geval; je layout in stukjes snijden.
Slicing, basing.... geen van beide heeft in vaktaal (webdesign) een betekenis. Het geen jij uitleg heet gewoon webdesign en zijn de basics die men vandaag de dag toch wel een beetje moet kennen. Je uitleg hierom is werkelijk perfect, complimenten!
Met deze tut. kan een (klein)kind nu dus echt de was doen.... of naja, starten met ontwerpen
Webdesign is toch alleen het ontwerp? Dus de uitstraling van een website?