Hallo,

Ik heb gister mijn eerste (simpele) layout gesliced en nu vraag ik of jullie kunnen kijken of er nog foutjes of er iets beter/makkelijker kan in de index of css.
Simon heeft me wel geholpen D:

DEMO: www.ralphjansen.nl/mytro

Groetjes, Ralph

wat heb je dan geslict?

die layout die wat in die link staat.

ik zie een lichtblauwe achtergrond met een wit blokje erin?
is niet echt een layout te noemen maar je moet ergens beginnen.

maar goed een paar tips:
gebruik geen center tags in je html. Zet je layout (in jou geval dat blokje ) ook in in een div en noem die container, zet in je css #container { width: ..px; margin: 0 auto;} en je layout staat automatisch in het midden.

Dit geldt ook voor je footertekst.
Gebruik daar het H element voor.
dus in je css: h1 { font: bla bla; text-align: center;}
en je footertekst zet je dan tussen

Eh Marjolein.. Footertekst in H1s tags is niet echt heel goed..
Dat kun je beter tussen span of p tags gooien.
H* tags zijn voor dingen die je belangrijker wilt maken. Kopjes ect.

ik vind footertekst ook belangrijk dus die zet ik ook altijd tussen de H Maar kopjes e.d. ook ja

Kopjes vind ik inderdaad ook beter. Maar je ook ook divs gebruiken ipv span en p
En de uitlijning van je code mag wel beter.

Zo is ie veel netter:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    
            <title>Mytro | Foutmelding!</title>
            <link type="text/css" rel="stylesheet" href="style.css" />
            
    </head>
<body>

<div id="container">
    <div id="boven">
        &nbsp;<p>Op dit moment is Mytro gesloten.<br />Mytro zal nog lang niet online komen, We zijn bezig met een nieuw project en daarvoor moeten we nog veel leren.</p><br />
        <p><strong>Geleerd:</strong><br />- Slicen.<br /><br /><strong>Wat moet ik nog leren?</strong><br />- Visual c# programmeren.<br /><br /><strong>Wat leer ik nu?</strong><br />- Leren programmeren.<br /><br /><strong>Updates:</strong><br />- Onderhoudslayout gesliced.<br />- Eerste opdracht met c# gemaakt.</p>
    </div>
    <div id="midden"></div>  
    <div id="onder"></div>

    <div id="footer"><p> Mytrocity - 2010/2011 | Alle rechten voorbehouden</p></div>
</div>
</body>
</html>

Wel simpel maar leuk voor een begin

Shahiem schreef:

Zo is ie veel netter

Noem jij dat net?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>    
        <title>Mytro | Foutmelding!</title>
        <link type="text/css" rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="container">
            <div id="boven">
                &nbsp;
                <p>
                    Op dit moment is Mytro gesloten.<br />
                    Mytro zal nog lang niet online komen, We zijn bezig met een nieuw project en daarvoor moeten we nog veel leren.
                </p><br />
                <p>
                    <strong>Geleerd:</strong><br />
                    - Slicen.<br /><br />
                    <strong>Wat moet ik nog leren?</strong><br />
                    - Visual c# programmeren.<br /><br />
                    <strong>Wat leer ik nu?</strong><br />
                    - Leren programmeren.<br /><br />
                    <strong>Updates:</strong><br />
                    - Onderhoudslayout gesliced.<br />
                    - Eerste opdracht met c# gemaakt.
                </p>
            </div>
            <div id="midden"></div>  
            <div id="onder"></div>
            <div id="footer">
                <p>
                    &copy; Mytrocity - 2010/2011 | Alle rechten voorbehouden
                </p>
            </div>
        </div>
    </body>
</html>

Luukvdo schreef:

Eerdere citaten tonen

Shahiem schreef:

Zo is ie veel netter

Noem jij dat net?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>    
        <title>Mytro | Foutmelding!</title>
        <link type="text/css" rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="container">
            <div id="boven">
                &nbsp;
                <p>
                    Op dit moment is Mytro gesloten.<br />
                    Mytro zal nog lang niet online komen, We zijn bezig met een nieuw project en daarvoor moeten we nog veel leren.
                </p><br />
                <p>
                    <strong>Geleerd:</strong><br />
                    - Slicen.<br /><br />
                    <strong>Wat moet ik nog leren?</strong><br />
                    - Visual c# programmeren.<br /><br />
                    <strong>Wat leer ik nu?</strong><br />
                    - Leren programmeren.<br /><br />
                    <strong>Updates:</strong><br />
                    - Onderhoudslayout gesliced.<br />
                    - Eerste opdracht met c# gemaakt.
                </p>
            </div>
            <div id="midden"></div>  
            <div id="onder"></div>
            <div id="footer">
                <p>
                    &copy; Mytrocity - 2010/2011 | Alle rechten voorbehouden
                </p>
            </div>
        </div>
    </body>
</html>

De code wel, maar de tekst niet nee

Luukvdo schreef:

Eerdere citaten tonen

Shahiem schreef:

Zo is ie veel netter

Noem jij dat net?
Code

Noem jij dat net?Eerst even dat lijstje veranderen in een list, en de code netter maken Luukos.

Ik had het alleen over de uitlijning die bagger was, niet de rest van de code

eerlijk gezegt ind ik die uitlijnen van jullie ook een beetje oer dreven. 3spatie zijn al genoeg.
en in php en css meestal tabs gebruikt
@Raalphh
probeer an dat lijstje een lijst te maken.
beetje knoeien met lu en li kom je al een heel eind.
met de css kun je hem dan ul en li uitelijk bepalen.
http://www.handleidinghtml.nl/(lijsten) is wel informatie te vinden.

en met lijsten kun je ook makkelijker een menu maken

Oke iedereen bedankt voor de tips, Ik zal er aan werken!