17 berichten aan het bekijken - 1 tot 17 (van in totaal 17)
  • Q:
    Bijdrager
    Nielsjuh

    Site altijd gecentreerd…

    Ik ben bezig met een nieuwe site maar het lukt me maar nier om ‘m altijd helemaal gecentreerd te houden op m’n beeldscherm, zowel horizontaal als verticaal.
    Dit is de link van de site: http://www.ndo-creations.nl/NDO%20Creations/test.html
    Met de bijbehorende broncode:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
    <title>Untitled Document</title>
    </head>

    <body>
    <table width=”100%” height=”100%” border=”0″>
    <tr>
    <td align=”center” valign=”middle”><table width=”800″ height=”600″ border=”0″>
    <tr>
    <td><img src=”https://www.onemorething.nl/wp-content/themes/onemorething/external-image.php?src=Index.&ext=jpg&h=d9bbf908baf9d463ed14d5dee220699d&t=1606221762&#8243; width=”800″ height=”600″ /></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </body>
    </html>

    Hoop dat iemand me kan helpen!
    P.s. in IE is de site wel gecentreerd…

    Gast
    Anoniem

    http://www.phpfreakz.nl/artikelen.php?aid=115

    good luck! En het werkt hoor;)

    Bijdrager
    iJoost
    Bijdrager
    SeaTrue

    of je kan een beetje met css experimenteren.

    hier vind je de css die je nodig hebt, sommige waardes zal je wel moeten aanpassen.

    http://www.wpdfd.com/editorial/thebox/deadcentre4.html

    Bijdrager
    hansenonline

    [code:1:22cff18b7b]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    html, body{
    height: 100%;
    margin: 0px;;
    padding:0px;
    background-color:#999;
    text-align: center;
    }
    .midden{width: 800px; height: 600px; border: 0px; background-color: white;}

    </style>

    </head>

    <body>
    <table width="100%" height="100%" border="0">
    <tr>
    <td align="center" valign="middle"><table class="midden">
    <tr>
    <td><img src="Index.jpg" width="800" height="600" /></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </body>
    </html>
    [/code:1:22cff18b7b]
    misschien kan je hier iets mee?

    Bijdrager
    So Klear

    Misschien werkt dit:

    <div align=”center”> mijnsite in html </div>

    Bijdrager
    jaapoost

    Wanneer je dat doet wordt alles gecentreerd, wat jij nodig hebt is CSS…

    Ik centreer mijn sites altijd met deze code, en het werkt perfect;

    [code:1:3d2cd865da]
    #page {
    margin: auto;
    width: 600px;
    }

    [/code:1:3d2cd865da]

    Hierbij zet je jou complete pagina in een DIV genaamd page (of een andere naam natuurlijk)

    Zo dus:

    [code:1:3d2cd865da]

    <div id="page"> Hier komt jou site </div>

    [/code:1:3d2cd865da]

    EDIT! –> Sorry, las je vraag verkeerd. om een site ook verticaal in het midden te zetten neem je de volgende code;

    [code:1:3d2cd865da]
    #page {
    margin: auto;
    /*Breedte van jouw site hieronder*/
    width: 600px;
    /*Hoogte van jouw site hieronder*/
    height: 400;
    position: absolute;
    left: 50%;
    top: 50%;
    /* De helft van de breedte van jouw site hieronder*/
    margin-left: -300px;
    /* De helft van de hoogte van jouw site hieronder*/
    margin-top: -200px;
    }
    [/code:1:3d2cd865da]

    By the way, voor dit soort dingen is er een ontzettend goeie site:wink:

    Greets, Jaap

    Bijdrager
    Nielsjuh

    Super! Het is me gelukt, nu kan ik weer verder…
    Bedankt voor de reacties!! :D

    Bijdrager
    Nietzman

    Erm, no offence, maar kan de gemiddelde GLR-er niet iets meer ‘eigens’ uitpoepen dan een iWeb template?

    Bijdrager
    Nielsjuh

    Das de oude site die er nu nog staat…
    Ben met een nieuwe bezig…

    Bijdrager
    Nielsjuh

    Ok, nieuwe vraag…
    Hoe kan ik de tekst in de laag in het daarvoorbedoelde vlak houden?
    Heb vanalles geprobeerd maar lukt me niet helemaal:?
    http://www.ndo-creations.nl/new/index2.html

    Gast
    Anoniem

    @Nietzman

    En de GLA- & GLU’er dan 8)

    Bijdrager
    hansenonline
    ”Nielsjuh”

    Ok, nieuwe vraag…
    Hoe kan ik de tekst in de laag in het daarvoorbedoelde vlak houden?
    Heb vanalles geprobeerd maar lukt me niet helemaal:?
    http://www.ndo-creations.nl/new/index2.html

    door je css goed te gebruiken en niet div’s buiten je tabel te zetten, dan worden ze tot de body gepositioneerd als ik mij niet vergis.

    Bijdrager
    Nielsjuh

    Het is me helaas nog steeds niet gelukt… Heeft iemand nog een idee hoe ik dit op kan lossen?
    Thnx alvast! :)

    Bijdrager
    iJoost

    Door de tekst in de tabel te zetten en niet in en div erbuiten? Zoals al voorgesteld werd…;-)

    Bijdrager
    Nielsjuh

    Hoe zou m’n html er dan ongeveer uit gaan zien?
    Sorry hoor, maar ik ben nog niet zover in html zoals je ziet… :oops:

    Bijdrager
    iJoost

    Mmm… Weet je wat? Begin daar dan maar eens mee.

17 berichten aan het bekijken - 1 tot 17 (van in totaal 17)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.