slicing en coderen xhtml-valid

Ik ga kleine oudershouds layout maken met

Header
Footer
Menu
Content

Wish me Luck

Als je 3 content vakken wilt, moet je dan gewoon zo doen :

#content {width:..px; enz}
#content {width:..px; enz}
#content {width:..px; enz}

plaatsen en in html ook 3x??

En hoe maak je 2 van die inlog vakken en dat je dan er op drukt dat de tekst die er in staat (bijv. Gebruikersnaam dan weg gaat?

@Teletext, De divs mogen niet dezelfde naam hebben

Kan je er dan gewoon 1, 2 en 3 achter zetten?
Dus

#content1 {width:..px; enz}
#content2 {width:..px; enz}
#content3 {width:..px; enz}

Jep, dat kan.

Oke ty,
en 2 van die inlogbalkjes dan? Als je er op klikt dat die tekst er in verdwijnt net als bij http://www.safehabbo.nl/v6/. Iemand enig idee?

dit kan je met javascript doen.
Zet dit tussen je head tags:

<script type="text/javascript">
    function schoonmaken(thisfield, defaulttext)
   {
    if(thisfield.value == defaulttext)
   {
     thisfield.value = "";
    }
    }
</script>

en dan zet je dit tussen je input tags:

value="User" onclick="schoonmaken(this, User)"

en bij password verander je user dus in password

Ik ben 100% beginner met HTML en CSS etc., en begrijp het nog niet helemaal. Wat zijn de input tags? En waar word bepaald waar het vakje komt te staan?

met een input maak je zon vakje om bv in te kunnen loggen

<input  type="text" name="user" value="User" onclick="schoonmaken(this, User)" />

en die zet je in een form. Zoek maar op google dan kun je er vast iets over vinden

Ik moet nog leren werken met padding, float, enzo!
Tot nu toe heb ik dit als ik de rest snap kan ik hem tegoei maken

1 probleempje met de CSS van die tekstboxjes : Waar moet ik de CSS code plaatsen?

Dit blijft egt een goeie tut! =D

En heb er goed van geleerd
Nu heb ik het ver onder de knie

ziet er goed uit_0_

maar is het misschien niet handig om ook gelijk te laten zien om het netjes in het css bestand te zetten?

want dit is best wel rommilig

dus meer zoiets:

/* CSS Document */
/*  Stylesheet | Author: Marjolein KFB Design 2011 */
body { 
height: 100%; 
margin: 0; 
padding: 0; 
background:#f1f1f0 url(images/background.png) repeat-x; 
font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; 
}

html { 
height: 100%; 
}

#container {
width:900px; 
margin:0 auto;
} 

#header {
background: url(images/header.png); 
width: 900px; 
height: 160px; 
margin: 0;
}

dat is net wat overzichtelijker.

btw wel steeds een tab tussen de "opdracht" en de linker kantheb ff geen editor.

Freestyle schreef:

ziet er goed uit_0_

maar is het misschien niet handig om ook gelijk te laten zien om het netjes in het css bestand te zetten?

want dit is best wel rommilig

dus meer zoiets:

/* CSS Document */
/*  Stylesheet | Author: Marjolein KFB Design 2011 */
body { 
height: 100%; 
margin: 0; 
padding: 0; 
background:#f1f1f0 url(images/background.png) repeat-x; 
font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; 
}

html { 
height: 100%; 
}

#container {
width:900px; 
margin:0 auto;
} 

#header {
background: url(images/header.png); 
width: 900px; 
height: 160px; 
margin: 0;
}

dat is net wat overzichtelijker.

btw wel steeds een tab tussen de "opdracht" en de linker kantheb ff geen editor.

Inderdaad, dat is veel overzichtelijker dan dit rommelige gedoe.

Ik heb een vraag.

Ik heb een eigen layout gemaakt op Paint.
En ik gebruik ze zelfde CSS, index.html...

En dan komt ie niet helemaal goed erop staan.