Overall-Header centreren

KR1275 · Bericht door **KR1275** » 03 jul 2007, 21:23

Wat doe ik fout?
Waarom staat de pagina niet in het midden, terwijl vrijwel alles in de bron op 'alinh=center' staat?

http://www.sekloso.eu/forum/index.php

ElbertF · Bericht door **ElbertF** » 03 jul 2007, 21:34

align=center; werkt normaal niet voor block-level elementen als <div>'s, hoewel Internet Explorer hier een uitzondering in is. Je kan het element een auto-margin geven in de CSS (of inline als style-attribuut):

Code: Selecteer alles

div.class {
    width: 900px;
    margin: 0 auto;
}

Die nul is voor boven en onder (geen margin), auto geeft aan weerszijden een gelijke margin waardoor het element in het midden komt te staan. De parent-elementen moeten wel 100% breed zijn.

KR1275 · Bericht door **KR1275** » 03 jul 2007, 21:55

Sorry, maar ik weet niet wat je bedoelt.

Waar moet ik dat kwijt in het script?

Het is met trouwens bij toeval wel gelukt op http://www.xmclub.nl/forum/index.php

ElbertF · Bericht door **ElbertF** » 03 jul 2007, 22:02

Ik zie dat je code sowieso niet klopt:

Code: Selecteer alles

<table width="780" border="0">
  <tr>
    <td colspan="5"> ... </td>
  </tr>

<div align="center">
  <tr>

Die <div align="center"> kan daar niet staan, je moet eerst <table> afsluiten.

Code: Selecteer alles

<table>
    <tr>
        <td></td>
    </tr>
</table>
<div></div>
<table>
    <tr>
        <td></td>
    </tr>
</table>

KR1275 · Bericht door **KR1275** » 03 jul 2007, 22:25

Als ik dit zo aanpas (dus align= verwijderen en afsluiten met </table>), dan wijzigt de hele indeling van de site.

De bovenste afbeelding (kop) lijnt ineens links uit en het forum zelf lijnt uit over de gehele pagina, terwijl die binnen die 780 pix moet blijven. Wat doe ik nu fout?

Sorry, maar ben er niet echt bedreven in. Ik werk met Dreamweaver Mac.

ElbertF · Bericht door **ElbertF** » 04 jul 2007, 09:38

Er klopt een heleboel niet in je code, voornamelijk tags die niet goed afsluit en door elkaar zet. Ik zie zelfs een doctype en een <head> midden in een tabel terwijl dat alleen bovenaan kan staan.

Code: Selecteer alles

    <table width="775" border="0" cellpadding="0" cellspacing="0">
      <tr>
      <td>
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      <head>

HTML krijg je eigenlijk alleen goed als je het zelf leert en typt, ik gebruik ook Dreamweaver maar dan alleen de code-view. Ik raad je aan je daar meer in te verdiepen, op zich is het niet moeilijk en kun je de basis in een middag onder de knie krijgen.

KR1275 · Bericht door **KR1275** » 05 jul 2007, 20:04

Bedankt voor je hulp Elbert. Uiteindelijk is het me met je tips gelukt!

Dat met die meerdere 'heads' komt doordat twee site ineen zijn gevoegd. Zowiezo spookt Dreamweaver wel eens.

Bedankt.

Groet, Richard

ElbertF · Bericht door **ElbertF** » 05 jul 2007, 20:57

Elke WYSIWYG editor en zo ook DW en bijv. MS Frontpage doet regelmatig dingen die je niet wil. Terwijl HTML heel eenvoudig te leren is en dan ook heel wat meer mogelijkheden biedt. Je kan beginnen door zo nu en dan eens te neuzen in de DW code en het een beetje op te schonen, daar leer je al een hoop van.

Overall-Header centreren

Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren

Re: Overall-Header centreren