Forum » HTML/CSS » Vraag opmaak website

  1. Robertvl

    Hallo beste,

    Ik heb op dit moment een website. Dit is een van mijn eerste serieuse pogingen om een beetje leuke website te maken.

    Nu zit ik met een probleem.
    Ik heb iets aangepast in mijn pagina (namelijk een extra tabel-vak onderaan gezet met tekst en een bezoekersteller.

    Nu is het probleem dat mijn website er in google chrome gewoon mooi uit ziet, maar in andere browsers ziet hij er bagger uit.

    Iemand tips om dit normaal te krijgen.
    Hier de code:

    Code
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    
    <html>
    <head>
    <title>Radio021</title>
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
    <link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />

    </head>

    <body bgcolor=\"#FFFFFF\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
    <center>
    <table id=\"Table_01\" width=\"1000\" height=\"664\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
    <tr>
            <td colspan=\"8\" width=\"1000\" height=\"21\" >            </td>
        </tr>
        <tr>
            <td rowspan=\"12\" width=\"45\" height=\"579\">            </td>
            <td colspan=\"3\" rowspan=\"2\"><img src=\"images/images_03.gif\" width=\"416\" height=\"150\" alt=\"\"></td>
    <td rowspan=\"2\" bgcolor=\"#ff6600\" width=\"250\" height=\"150\"><center>
      <p><span class=\"mededeling\">Mededeling:<br>
        - Onze website kan de komende weken zo nu en dan raar doen ivm onderhoud</span><br>
      </p>
      </center></td>
            <td colspan=\"2\">
                <a href=\"http://luister.radio021.nl/\" target=\"_blank\" ><img src=\"images/images_05.gif\" alt=\"\" width=\"238\" height=\"94\" border=\"0\"></a></td>
            <td rowspan=\"12\" width=\"51\" height=\"579\">            </td>
        </tr>
        <tr>
            <td colspan=\"2\" bgcolor=\"#ff6600\" width=\"238\" height=\"37\">
            <center>We zijn: 
            <?php
            
    include \'http://87.117.196.97/onoff.php?radio_id=751298\';
              ?> air!</center></td>
        </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"7\">            </td>
        </tr>
        <tr>
          <td height=\"55\" colspan=\"6\" bgcolor=\"#A84C00\" class=\"menu\"><div align=\"center\" class=\"menu\">:: <a href=\"?p=home\">HOME</a> :: <a href=\"?p=wie\">WIE ZIJN WIJ</a> :: <a href=\"?p=schema\">SCHEMA</a> :: <a href=\"?p=vacatures\">VACATURES</a> :: <a href=\"?p=sponsoren\">SPONSOREN</a> :: <a href=\"?p=contact\">CONTACT</a> ::</div></td>
      </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"7\">            </td>
        </tr>
        <tr bgcolor=\"#ff6600\">
            <td width=\"81\" height=\"34\" bgcolor=\"ff6600\">            </td>
            <td rowspan=\"2\">
                <img src=\"images/images_12.gif\" width=\"1\" height=\"213\" alt=\"\"></td>
            <td colspan=\"3\" bgcolor=\"#ff6600\" width=\"761\" height=\"34\"></td>
            <td bgcolor=\"#ff6600\" width=\"61\" height=\"34\">&nbsp;</td>
        </tr>
        <tr>
            <td width=\"81\" height=\"237\" bgcolor=\"#ff6600\">&nbsp;</td>
          <td colspan=\"3\" width=\"761\" height=\"237\" bgcolor=\"#ff6600\">
           --Script om een pagina op te halen met PHP, hier de content dus--
            </td>
          <td bgcolor=\"#ff6600\" width=\"61\" height=\"237\">            </td>
        </tr>
        <tr>
            <td colspan=\"2\" bgcolor=\"#ff6600\" width=\"82\" height=\"45\">&nbsp;</td>
            <td colspan=\"3\" bgcolor=\"#ff6600\" width=\"761\" height=\"45\">&nbsp;</td>
            <td bgcolor=\"#ff6600\" width=\"61\" height=\"45\">&nbsp;</td>
        </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"8\">            </td>
        </tr>
        <tr>
            <td colspan=\"6\" bgcolor=\"#A84C00\" width=\"904\" height=\"58\"><center>
              <p class=\"footer\">copyright en contact zooi<br></p>
              </center></td>
        </tr>
        <tr>
        <td colspan=\"6\" width=\"904\" height=\"8\">    </tr>
        
          <td colspan=\"6\" bgcolor=\"#575757\" width=\"904\" height=\"40\">
          <center> <script type=\"text/javascript\" src=\"http://stat.statinfo.net/stat.js.php?user=284&site=be83ab3ecd0db773eb2dc1b0a17836a1&width=18&height=18&img=7\"></script><noscript> 
              <a href=\"http://stat.statinfo.net/view.php?user=284&site=be83ab3ecd0db773eb2dc1b0a17836a1\" target=\"_blank\"><img src=\"http://stat.statinfo.net/stat.php?user=284&site=be83ab3ecd0db773eb2dc1b0a17836a1&img=7\" width=\"18\" height=\"18\" border=\"0\"></a> 
            </noscript> <p class=\"footer\"><a href=\"***/\">***</a></p></center></tr>
        <tr>
          
         
            <td height=\"2\">
                <img src=\"images/spacer.gif\" width=\"45\" height=\"1\" alt=\"\"></td>
      <td>
                <img src=\"images/spacer.gif\" width=\"81\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"1\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"334\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"250\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"177\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"61\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"51\" height=\"1\" alt=\"\"></td>
        </tr>
    </table>
    </center>
    </body>
    </html>



    Ik maak hem in tabellen, omdat ik hier iets ervaring mee heb en met div\'s totaal niet.

    Iemand een tip om hem goed te krijgen?
    Eventueel nog tips om de site netter te krijgen?

    Groeten,
    Robert


    jij leest dit in je leven
    za 16-10-2010 om 07:34
Reacties (6)

Reageren
  1. Marcel2

    Alstu

    Er zitten overigens best veel fouten in. Kun je er uit halen door hem door een w3c validator te halen. Dan wordt hij ook beter weergegeven in andere browsers. Ik hem iig getest in FF, IE en Chrome.

    Ik neem aan dat je bijna niks met HTML-coding doet. Zo ben ik ook begonnen. Ik deed toen ik aan tabellen deed altijd eerst het hele frame, de hele opbouw van de website. En de vakken die ik dan ging gebruiken gaf ik een kleurtje en dan had je nooit geen fouten.

    Maar ik raad je toch aan om HTML/CSS te gaan leren. Want tabellen is tegenwoordig gewoon geen doen meer. En de mogelijkheden van HTML/CSS zijn veel groter. En de website wordt er sneller van.

    Hoe dan ook, dit is een goede manier om te beginnen.

    O ja, dat oranje staat me niet zo aan...

    Succes

    Code
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    
    <html>
    <head>
    <title>Radio021</title>
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
    <link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">

    </head>

    <body bgcolor=\"#FFFFFF\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
    <center>
    <table id=\"Table_01\" width=\"1000\" height=\"664\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
    <tr>
            <td colspan=\"8\" width=\"1000\" height=\"21\" >            </td>
        </tr>
        <tr>
            <td rowspan=\"12\" width=\"45\" height=\"579\">            </td>
            <td colspan=\"3\" rowspan=\"2\"><img src=\"images/images_03.gif\" width=\"416\" height=\"150\" alt=\"\"></td>
    <td rowspan=\"2\" bgcolor=\"#ff6600\" width=\"250\" height=\"150\"><center>
      <p><span class=\"mededeling\">Mededeling:<br>
        - Onze website kan de komende weken zo nu en dan raar doen ivm onderhoud</span><br>
      </p>
      </center></td>
            <td colspan=\"2\">
                <a href=\"http://luister.radio021.nl/\" target=\"_blank\" ><img src=\"images/images_05.gif\" alt=\"\" width=\"238\" height=\"94\" border=\"0\"></a></td>
            <td rowspan=\"12\" width=\"51\" height=\"579\">            </td>
        </tr>
        <tr>
            <td colspan=\"2\" bgcolor=\"#ff6600\" width=\"238\" height=\"37\">
            <center>We zijn: 
            <?php
            
    include \'http://87.117.196.97/onoff.php?radio_id=751298\';
              ?> air!</center></td>
        </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"7\">            </td>
        </tr>
        <tr>
          <td height=\"55\" colspan=\"6\" bgcolor=\"#A84C00\" class=\"menu\"><div align=\"center\" class=\"menu\">:: <a href=\"?p=home\">HOME</a> :: <a href=\"?p=wie\">WIE ZIJN WIJ</a> :: <a href=\"?p=schema\">SCHEMA</a> :: <a href=\"?p=vacatures\">VACATURES</a> :: <a href=\"?p=sponsoren\">SPONSOREN</a> :: <a href=\"?p=contact\">CONTACT</a> ::</div></td>
      </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"7\">            </td>
        </tr>
        <tr bgcolor=\"#ff6600\">
            <td width=\"81\" height=\"34\" bgcolor=\"ff6600\">            </td>
            <td rowspan=\"2\">
                <img src=\"images/images_12.gif\" width=\"1\" height=\"213\" alt=\"\"></td>
            <td colspan=\"3\" bgcolor=\"#ff6600\" width=\"761\" height=\"34\"></td>
            <td bgcolor=\"#ff6600\" width=\"61\" height=\"34\">&nbsp;</td>
        </tr>
        <tr>
            <td width=\"81\" height=\"237\" bgcolor=\"#ff6600\">&nbsp;</td>
          <td colspan=\"3\" width=\"761\" height=\"237\" bgcolor=\"#ff6600\">
           --Script om een pagina op te halen met PHP, hier de content dus--
            </td>
          <td bgcolor=\"#ff6600\" width=\"61\" height=\"237\">            </td>
        </tr>
        <tr>
            <td colspan=\"2\" bgcolor=\"#ff6600\" width=\"82\" height=\"45\">&nbsp;</td>
            <td colspan=\"3\" bgcolor=\"#ff6600\" width=\"761\" height=\"45\">&nbsp;</td>
            <td bgcolor=\"#ff6600\" width=\"61\" height=\"45\">&nbsp;</td>
        </tr>
        <tr>
            <td colspan=\"6\" width=\"904\" height=\"8\">            </td>
        </tr>
        <tr>
            <td colspan=\"6\" bgcolor=\"#A84C00\" width=\"904\" height=\"58\"><center>
              <p class=\"footer\">copyright en contact zooi<br></p>
              </center></td>
        </tr>
        <tr style=\"height: 15px;\"></tr>
        <tr>
        
        <td colspan=\"6\" bgcolor=\"#575757\" width=\"1000\" style=\"height: 30px;\" >
           <center> <script type=\"text/javascript\" src=\"http://stat.statinfo.net/stat.js.php?user=284&site=be83ab3ecd0db773eb2dc1b0a17836a1&width=18&height=18&img=7\"></script> <p class=\"footer\"><a href=\"***/\">***</a></p></center>
        </td>

        
        <tr>  
            <td height=\"2\">
                <img src=\"images/spacer.gif\" width=\"45\" height=\"1\" alt=\"\"></td>
              <td>
                <img src=\"images/spacer.gif\" width=\"81\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"1\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"334\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"250\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"177\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"61\" height=\"1\" alt=\"\"></td>
            <td>
                <img src=\"images/spacer.gif\" width=\"51\" height=\"1\" alt=\"\"></td>
        </tr>
        

    </table>
    </center>
          
    </body>
    </html>

    Bewerkt door Marcel2 op za 16-10-2010 om 09:09
    za 16-10-2010 om 09:08
  2. Robertvl

    tja, ik vind het oranje wel leuk .
    En bedankt man! Wat was nou precies de fout? .

    trouwens, is het nog mogelijk om die onderste \"tabel\" zegmaar nog stukje naar beneden te schuifen?

    Bewerkt door Robertvl op za 16-10-2010 om 11:25
    jij leest dit in je leven
    za 16-10-2010 om 11:24
  3. Sarvice

    Quote: robertvl

    tja, ik vind het oranje wel leuk .
    En bedankt man! Wat was nou precies de fout? .

    trouwens, is het nog mogelijk om die onderste \"tabel\" zegmaar nog stukje naar beneden te schuifen?

    weet je nou wel wat je fout hebt gedaan?
    overheen gelezen..

    offtopic: ergens een live preview?

    Bewerkt door Sarvice op za 16-10-2010 om 11:53

    Join the Army, see the world, meet interesting people - and kill them.
    za 16-10-2010 om 11:27
  4. Robertvl

    Quote: sarvice

    [..]
    weet je nou wel wat je fout hebt gedaan?
    overheen gelezen..

    offtopic: ergens een live preview?


    live prev. in je PM


    jij leest dit in je leven
    za 16-10-2010 om 12:38
  5. Chielt

    Dag Robert,

    Het geeft me pijn in mijn hart dat ik je zo druk aan het werk zie met tabellen om je layout te maken. Dit is niet de meest optimale manier om een site te bouwen, en al helemaal niet om hem crossbrowser in orde te maken. Tabellen zijn niet fout in html, maar je moet ze wel gebruiken waar ze voor bedoeld zijn (dus niet voor je layout, maar voor het overzichtelijk weergeven van tabulaire informatie). Je kan het beste leren om gebruik te maken van div\'s in je html in combinatie met een extern CSS bestand. Dit maakt je html overzichtelijker, en heb je veel meer controle over hoe je pagina er uit komt te zien.

    za 16-10-2010 om 16:18
  6. Marcel2

    Ik ben het met Chielt eens, Div\'s i.c.m. CSS is naar mijn zelfs makkelijker. Genoeg tutorials over te vinden op internet.

    Maar om toch antwoord te geven op je vraag:

    Dit stukje code:

    Code
    1
    
    <tr style=\"height: 15px;\"></tr> 



    En dan 15 verhogen naar bijv. 20 of 30

    za 16-10-2010 om 18:40
Reageren