slicing en coderen xhtml-valid

Gestart doorMarjolein157 reacties1.894 weergaven

158 berichten · pagina 3 van 11

Berichten
15.303
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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? yummie
0
Marjolein

Lid · Topicstarter

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
gewoon net als iedereen gewoon spaties gebruiken?
0
Berichten
15.303
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
emoBedankt, ik dacht al hoe het kon..emoTrouwens ook bedankt voor de tutorial, nu weet ik een beetje hoe en wat.biggrin
0
Marjolein

Lid · Topicstarter

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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.
0
Berichten
1.644
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja moet je doen! ik wil nog beter kunnen basen
0
Berichten
1.644
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein zal je mischien kunnen toevoegen hoe ik 2vakken naast elkaar zet? bijv: --- , dat je iets kan maken met een 2kanten menu?bloos Dat wil ik heel graag.thumbsup
0
Marjolein

Lid · Topicstarter

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@Jorzwa: zie stap 5, of bedoel je dat niet?
0
Berichten
1.644
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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 goedbiggrin
0
Marjolein

Lid · Topicstarter

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
oke 3 vakken dus smileIk 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 winkHopelijk lukt het zo?
0
Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Gerritzwn schreef:
Eerdere citaten tonen
Marjolein schreef:
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 wink
Webdesign is toch alleen het ontwerp? Dus de uitstraling van een website?

@ Marjolein, moet hem nog steeds eens makenemo
0
Berichten
1.644
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein heb nog een vraagje hoe doe je de content tekst meer >> ?
0
Berichten
1.479
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maar kun je erbij schrijven wat je moet opslaan en niet en hoe? want snap er bijna niks van lukt wel beetje xd
0
Marjolein

Lid · Topicstarter

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoe bedoel je met wat je moet opslaan, dit staat er toch ook bij?
0
Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jorzwa schreef:
Marjolein heb nog een vraagje hoe doe je de content tekst meer >> ?
Bedoel je dat als je op " meer" drukt dat het uitschuift of dat je dan naar een andere pagina gaat?emo
0
Berichten
1.644
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Alweer een layout gebase biggrin
http://www.jouip.nl/portfolio

Ik ga nu 2kanten menu en 1kant menu proberen ^^
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren