[html] tabel vreemd uitgelijnd - Softwareontwikkeling

vrijdag 7 maart 2003 00:50

Acties:

aka MARAUD3R

Topicstarter

Ik ben bezig met een website, er viel mij iets vreemds op.
Ik heb gezocht naar het probleem naar heb niets gevonden.

De layout zit in een tabel.
Wat met de rode lijnen is gescheiden zijn aparte plaatjes.

De groene tabel is verkeerd uit gelijnd, het zit het meest aan de linker kant.

Afbeeldingslocatie: http://members1.chello.nl/~p.vdveen/GoT/align-fout.jpg

Dit is html code van een voorbeeld met hetzelfde probleem:

code:

<html>

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nieuwe pagina 1</title>
</SCRIPT>



</head>

<body topmargin="0" leftmargin="0" link="#000000" vlink="#000000" alink="#000000">

<table border="1" width="460" height="104" cellspacing="0" cellpadding="0">
  <tr>
    <td width="413" valign="top" height="104">
      <p align="center"><b><font size="3" face="Arial"><br>
      </font></b>
      <div align="center">
        <center>
        <table border="1" width="300" bordercolorlight="#000000" bordercolordark="#000000" cellspacing="0">
          <tr>
            <td width="100%">
              <p align="center">test
            </td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
</table>

</body>

</html>

[ Voor 24% gewijzigd door RAZORDUDE op 07-03-2003 00:51 ]

[ www.coredamage.com ] - [ Z mod (W40k:DOW) ]

vrijdag 7 maart 2003 01:41

Acties:

Verwijderd

daar zit je probleem

code:

1	width="413" height="104"

vrijdag 7 maart 2003 02:13

Acties:

Mafioso

Je zou eigenlijk meteen echt goede code willen maken. En daar bedoel ik dan mee HTML die door W3C ondersteund wordt. Samen met CSS kun je dan ongeveer alles maken wat je wilt.

Het voordeel daar van is dat het beter ondersteund wordt door de meeste browsers. Op die manier zorg je er dan ook voor dat die verschillende browsers je pagina het zelfde weer geven.

Kijk ook eens op http://www.w3.org en http://www.w3schools.com . Want die code die FrontPage bakt is nou niet echt bepaald geweldig.

Ik weet dat het niet zo zeer een directe oplossing voor je probleem is, maar met goede (X)HTML en CSS code zijn dit soort dingen imo makkelijker/beter te doen. En dan voorkom je sneller problemen zoals wat je nu ondervindt.

vrijdag 7 maart 2003 07:54

Acties:

Woudloper

« - _ - »

RAZORDUDE schreef op 07 maart 2003 @ 00:50:
Ik ben bezig met een website, er viel mij iets vreemds op.
Ik heb gezocht naar het probleem naar heb niets gevonden.

Dat zien we natuurlijk graag, maar ik heb het vermoeden dat je niet goed gezocht hebt (althans je wist de juiste keywords niet), want naar mijn weten is hiet op GoT wel vaker een topic over geweest.

De layout zit in een tabel.
Wat met de rode lijnen is gescheiden zijn aparte plaatjes.

De groene tabel is verkeerd uit gelijnd, het zit het meest aan de linker kant.

Daar heeft supercow jou dus inmiddels al een oplossing voor gegeven.

Dit is html code van een voorbeeld met hetzelfde probleem:

HTML:

<html>

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nieuwe pagina 1</title>
</SCRIPT>



</head>

<body topmargin="0" leftmargin="0" link="#000000" vlink="#000000" alink="#000000">

<table border="1" width="460" height="104" cellspacing="0" cellpadding="0">
  <tr>
    <td width="413" valign="top" height="104">
      <p align="center"><b><font size="3" face="Arial"><br>
      </font></b>
      <div align="center">
        <center>
        <table border="1" width="300" bordercolorlight="#000000" bordercolordark="#000000" cellspacing="0">
          <tr>
            <td width="100%">
              <p align="center">test
            </td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
</table>

</body>

</html>

Voor wat betreft de rest van je code. Nee, die ziet er niet goed uit. Je maakt gebruik van <p> tags, maar sluit ze niet af. Ook zit alle opmaak nog inline (middels de oudere tag attributen) en wordt er geen gebruik gemaakt van CSS. Als ik jou was zou ik de suggestie die hierboven gemaakt is door: Mafioso ter harte nemen en daar gehoor aan geven

vrijdag 7 maart 2003 08:02

Acties:

Willem

Lijkt me duidelijk dat je eens aan de slag moet met CSS

zie w3schools.com voor tutorials daarvoor...

Motor (of auto) onderhoud bijhouden