Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

complete site centreren

vanwalsum
12 antwoorden
  • Hallo,

    Ik heb een site gemaakt in yahoo sitebuilder, prima programmatje, maar ik zit met een dilemma. Ik wil de hele site centreren voor het gezicht. hier het adres: http://home.hccnet.nl/vanwalsum/indexnld.html

    Dus hoe moet ik de broncode aanpassen? want ik wil hem gewoon in het midden hebben inclusief achtergrond. waar moet ik welke tags (codes) neerzetten? beeld - bron. daar zie je de code.

    Alvast bedankt
  • Je kunt de hele site in een frame zetten, net als dit forum, of webwereld. Ik ben in het algemeen niet zo'n voorstander van frames, maar het lijkt me hier de simpelste/snelste oplossing.
  • aha oke, ik ga het eens uitproberen
  • Centreren met CSS:
    www.wpdfd.com/editorial/wpd0103.htm#toptip
    www.zytrax.com/tech/css/table_center.html
    www.dzinelabs.com/Pages/tutorials_centering.php
    http://tom.me.uk/2002/3/cssCentering.html

    Veel beter dan het gebruik van frames. Waarom geen frames?
    Lees het antwoord op deze vraag op deze pagina over de webrichtlijnen van de overheid.
  • bedankt, is dit dus ook mogelijk met die site van mij? zodat gewoon de complete site in het midden komt? ik heb het straks geprobeerd met een gewone <center> tag. en dan komt ook de text in het midden, en de plaatjes. Dus kan iemand zeggen waar ik de tag moet zetten?

    —————————-
    <html>
    <head>
    <title>Welkom bij Top-Recreation.com!</title>
    <meta name="generator" content="Yahoo! SiteBuilder/2.1.2/1.4.1_03">
    <!–$page size 763, 3000$–>
    <!–$fontFamily Arial$–>
    <!–$fontSize 12$–>
    <style type="text/css"><!–
    BODY {font-family:"Arial"; font-size:12;}
    P {font-family:"Arial"; font-size:12;}
    –></style>
    </head>
    <script>
    ns4 = document.layers && true;
    msie = document.all && true;
    function init() {
    }
    </script>
    <body bgcolor="#FFFFFF" background="clipart/backgrounds/sidebar/blueGradientTexture.gif" text="#000000" link="#0000FF" vlink="#800080" onLoad="init()" onResize="if (ns4) history.go(0);" marginheight="0" marginwidth="5" topmargin="0" leftmargin="5" hspace="5" vspace="0">
    <table border="0" cellspacing="0" cellpadding="0" width="745" height="652">
    <col width="4">
    <col width="158">
    <col width="422">
    <col width="13">
    <col width="144">
    <col width="4">
    <col width="5">
    <tr>
    <td width="4" height="100"></td>
    <td height="100" colspan="6" valign="top"><img src="clipart/pageHeaders/blueBusiness.gif" width="746" height="100"></td>
    </tr>
    <tr>
    <td width="750" height="8" colspan="7"></td>
    </tr>
    <tr>
    <td width="162" height="26" colspan="2"></td>
    <td nowrap height="544" rowspan="3" valign="top" bgcolor="#336699"><!–$emptyText$–></td>
    <td width="166" height="26" colspan="4"></td>
    </tr>
    <tr>
    <td width="162" height="117" colspan="2"></td>
    <td width="13" height="117"></td>
    <td height="117" valign="top"><!–$img %ImageAssetImpl:/images/vakantiewoningvillazwembadcharente_1_.jpg$–><img src="sitebuilder/images/vakantiewoningvillazwembadcharente_1_-144x117.jpg" width="144" height="117" alt=""></td>
    <td width="9" height="117" colspan="2"></td>
    </tr>
    <tr>
    <td width="162" height="401" colspan="2"></td>
    <td width="166" height="401" colspan="4"></td>
    </tr>
    <tr> <!– workaround for IE table layout bug –>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    <br><br>

    <div id="e3" style="position:absolute;left:163;top:110;width:420;height:542;">
    <table border="0" cellspacing="0" cellpadding="0" width="420">
    <tr>
    <td nowrap height="542" valign="top" bgcolor="#FFFFFF"><!–$emptyText$–></td>
    </tr>
    </table>
    </div>
    <div id="e2" style="position:absolute;left:170;top:71;width:486;height:24;"><!–$navbar
    name=Navupnld.nav
    assetID=%NavbarAsset:/navigation_bars/Navupnld.nav
    $–><!–$begin exclude$–><table border="0" cellspacing="0" cellpadding="0"><tr><td><a href="indexnld.html" onMouseOver="document.images['i0'].src='sitebuilder/images/Navupnld-0-mouseOver-79484.png'" onMouseOut="document.images['i0'].src='sitebuilder/images/Navupnld-0-active-79437.png'"><img name="i0" src="sitebuilder/images/Navupnld-0-active-79437.png" width="90" height="24" border="0" alt=""/></a></td><td width="4" height="0"> <img src="" width="4" height="1"></td><td><a href="Bedrijvennld.html" onMouseOver="document.images['i1'].src='sitebuilder/images/Navupnld-1-mouseOver-79578.png'" onMouseOut="document.images['i1'].src='sitebuilder/images/Navupnld-1-inactive-79515.png'"><img name="i1" src="sitebuilder/images/Navupnld-1-inactive-79515.png" border="0" width="90" height="24" alt=""/></a></td><td width="4" height="0"> <img src="" width="4" height="1"></td><td><a href="Mederwekersnld.html" onMouseOver="document.images['i2'].src='sitebuilder/images/Navupnld-2-mouseOver-79703.png'" onMouseOut="document.images['i2'].src='sitebuilder/images/Navupnld-2-inactive-79609.png'"><img name="i2" src="sitebuilder/images/Navupnld-2-inactive-79609.png" border="0" width="110" height="24" alt=""/></a></td><td width="4" height="0"> <img src="" width="4" height="1"></td><td><a href="Nieuwsnld.html" onMouseOver="document.images['i3'].src='sitebuilder/images/Navupnld-3-mouseOver-79812.png'" onMouseOut="document.images['i3'].src='sitebuilder/images/Navupnld-3-inactive-79750.png'"><img name="i3" src="sitebuilder/images/Navupnld-3-inactive-79750.png" border="0" width="90" height="24" alt=""/></a></td><td width="4" height="0"> <img src="" width="4" height="1"></td><td><a href="Contactnld2.html" onMouseOver="document.images['i4'].src='sitebuilder/images/Navupnld-4-mouseOver-79906.png'" onMouseOut="document.images['i4'].src='sitebuilder/images/Navupnld-4-inactive-79843.png'"><img name="i4" src="sitebuilder/images/Navupnld-4-inactive-79843.png" border="0" width="90" height="24" alt=""/></a></td><tr></table><!–$end exclude$–></div>
    <div id="e1" style="position:absolute;left:175;top:117;width:397;height:306;"><span class="text"><b><font size="2"><span style="font-size:14px;line-height:17px;">Welkom bij top-recreation.com!<br><br></span></font></b><font size="2"><span style="font-size:14px;line-height:17px;">Top-recreation.com verzorgt het recreatiewerk op campings, <br soft>bungalowparken, hotels etc. in heel Europa. Voor Werven, <br soft>selecteren, trainen en plaatsen van recreatieteam bent u bij <br soft>ons aan het juiste adres. Top-recreation.com staat voor <br soft>plezierig zaken doen waarbij uw wens ons uitgangspunt is.<br><br>Tevens kunnen (toekomstige) recreatiewerkers zich op deze <br soft>site inschrijven voor het meest fantastische vakantiewerk in <br soft>geheel Europa, bij top-recreaction.com!<br soft></span></font></span></div>
    <div id="e0" style="position:absolute;left:7;top:1;width:133;height:34;"><span class="text"><font size="2"><span style="font-size:14px;line-height:17px;">Top-Recreation.com<br soft></span></font></span></div>
    <!–$begin exclude$–>
    <!–$end exclude$–>
    </body>
    </html>
  • Je hebt een beetje rare mix van tabellen en css divs. Maar als ik het zo snel goed zie, staat de content van je site wel geheel in tabellen. Als je de center tag daar geheel buiten houdt, zou het goed moeten gaan. Dan worden de tabellen als geheel gecentreerd.

    Edit: je zult dan nog wel iets aan de achtergrond moeten doen.
  • bestaat er dan nog een mogelijkheid de achtergronden te centreren?
  • Ik denk dat dat wel wil met CSS.
  • Jow Probeer dit eens

    ———————————

    <center>

    <body ..>

    </body>

    </center>

    ———————————

    dus net boven de 1ste body tag zet je <center>
    en net onder de 2e body tag zet je </center>

    laterz !!!
  • [quote:8840d319e4="Dylian"]Jow Probeer dit eens

    ———————————

    <center>

    <body ..>

    </body>

    </center>

    ———————————

    dus net boven de 1ste body tag zet je <center>
    en net onder de 2e body tag zet je </center>

    laterz !!![/quote:8840d319e4]Sorry hoor, maar <center> en </center> behoren binnen de body tags te staan, er buiten mag niet :roll:
    Ongeacht of het nu wel of niet werkt :wink:
  • oke bedankt!
  • www.w3schools.com/css/css_background.asp

    Mocht je niet snappen wat CSS is of hoe je het gebruikt:
    www.w3schools.com/css/

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.