1. #1
    n0sTRa's Avatar
    Registered
    22/07/02
    Location
    Knokke Heist
    Posts
    3,821
    iTrader
    80 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    HTML: Problemen tabel

    Hallo,

    het is een heel eind geleden dat ik me nog bezig gehouden heb met het maken van websites en alles zit nogal ver maar ik ben dus begonnen aan site te maken over groepje vrienden.

    Het probleem is nu dat ik tussen men rows plaats tussen heb ookal zou dit normaal tegen elkaar moeten. http://i142.photobucket.com/albums/r...r4/de_fout.jpg (Bij het jupiler logo kan je het best zien al moet het menu ook dichter tegen de zwarte lijn.

    Dit heb ik al van code:

    index.php:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <link href="css/bierhut_main.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <table cellpadding="0" cellspacing="0" class="main_menu">
      <tr>
        <td cellpadding="0" cellspacing="0" colspan="7" class="main_menu_top_table"><img src="pics/images/Bierhut_top_01.jpg" alt="Bierhut" width="1024" height="175" /></td>
      </tr>
      <tr>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_home"><a href="1" class="main_menu">Home</a></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_leden"><a href="2"  class="main_menu">Leden</a></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_logboek"><a href="3"  class="main_menu">Logboek</a></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_midden_table"><img src="pics/images/Bierhut_top_03.jpg" alt="Logo_punt" width="104" height="22" /></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_evenementen"><a href="4"  class="main_menu">Evenementen</a></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_foto_album"><a href="5"  class="main_menu">foto Album</a></td>
        <td cellpadding="0" cellspacing="0" class="main_menu_link_gastenboek"><a href="6"  class="main_menu">Gastenboek</a></td>
      </tr>
      <tr>
        <td cellpadding="0" cellspacing="0" colspan="7" class="main_menu_onder_table"><img src="pics/images/Bierhut_top_2.jpg" alt="lijn" width="1024" height="8" /></td>
      </tr>
    </table>
    </body>
    </html>
    bierhut_main.css:
    HTML Code:
    .main_menu_table { 
    width: 1024px;
    height: 206px;
    }
    .main_menu_top_table { /* pics/images/Bierhut_top_01.jpg */
    width: 1024px;
    height: 175px;
    }
    .main_menu_onder_table { /* pics/images/Bierhut_top_02.jpg */
    width: 1024px;
    height: 8px;
    }
    .main_menu_midden_table { /* pics/images/Bierhut_top_03.jpg */
    width: 104px;
    height: 22px;
    }
    /* hoofdmenu start */
    .main_menu_link_home {
    width: 154px;
    height: 22px;
    text-align: center;
    }
    .main_menu_link_evenementen {
    width: 153px;
    height: 22px;
    text-align: center;
    }
    .main_menu_link_foto_album {
    width: 153px;
    height: 22px;
    text-align: center;
    }
    .main_menu_link_leden {
    width: 153px;
    height: 22px;
    text-align: center;
    }
    .main_menu_link_logboek {
    width: 153px;
    height: 22px;
    text-align: center;
    }
    .main_menu_link_gastenboek {
    width: 154px;
    height: 22px;
    text-align: center;
    }
    a.main_menu:link    {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:none;
    color:#373536;
    }
    a.main_menu:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:none;
    color:#373536;
    }
    a.main_menu:hover   {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:underline;
    color:#d33745;
    }
    a.main_menu:active  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:underline;
    color:#d33745;
    }
    /* hoofdmenu einde */
    Dacht eigenlijk dat ik alleen in de hoofd table ' cellpadding="0" cellspacing="0" ' moest plaatsen maar ging niet, dan maar bij alle <td>'s geplaats en geen verschil. Op het eerste zicht zie ik niets fout maar blijkbaar toch. Alvast bedankt
    ....
    no votes  

  2. #2
    sporting's Avatar
    Registered
    27/01/03
    Location
    Zulte
    Posts
    307
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    de oplossing: geen gebruik van tabellen
    shark|$porting
    no votes  

  3. #3
    n0sTRa's Avatar
    Registered
    22/07/02
    Location
    Knokke Heist
    Posts
    3,821
    iTrader
    80 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    geen ander oplossing?
    ....
    no votes  

  4. #4

    Registered
    29/11/04
    Location
    My attic
    Posts
    5,936
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    12/15
    Tuurlijk wel. Maar dit is verschrikkelijke code... Jij lijdt duidelijk aan classitis .
    no votes  

  5. #5
    n0sTRa's Avatar
    Registered
    22/07/02
    Location
    Knokke Heist
    Posts
    3,821
    iTrader
    80 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    hmm d8 al dat dit één of ander nieuw woord was Nuja probleem komt dit nu voor door dat ik teveel class heb gebruikt?
    ....
    no votes  

  6. #6
    Dx-Solutions's Avatar
    Registered
    23/02/06
    Location
    Kortrijk
    Posts
    603
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    nu, tis idd geen goeie code en zulks ...

    Maar kom, probeer ne keer valign="top" toe te voegen aan de cellen.

    suc6
    no votes  

  7. #7
    n0sTRa's Avatar
    Registered
    22/07/02
    Location
    Knokke Heist
    Posts
    3,821
    iTrader
    80 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    helpt niet
    ....
    no votes  

  8. #8
    grooverider's Avatar
    Registered
    08/07/03
    Location
    Leuven
    Posts
    328
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    mss toch maar overstappen op div's ... of blijf je liever tables misbruiken
    ik denk ook dat de meesten die u hier willen&kunnen helpen het u dan beter gaan kunnen uitleggen
    no votes  

  9. #9
    n0sTRa's Avatar
    Registered
    22/07/02
    Location
    Knokke Heist
    Posts
    3,821
    iTrader
    80 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Hmm, mss doe ik iets helemaal fout maar is er niet stukken meer werk aan het gebruik van div's? Ook om later nog iets aan te passen ofzo?
    ....
    no votes  

  10. #10
    sporting's Avatar
    Registered
    27/01/03
    Location
    Zulte
    Posts
    307
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    opmaak via tabellen is gewoon verouderd nu, divs is mssch meer werk (nie echt zoveel meer), maar is nu de standaard. Maar zoals jij het maakt met tabellen, is het waarschijnlijk zelfs minder werk
    shark|$porting
    no votes  

  11. #11

    Registered
    29/11/04
    Location
    My attic
    Posts
    5,936
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    12/15
    Quote Originally Posted by n0sTRa View Post
    This quote is hidden because you are ignoring this member. Show
    Hmm, mss doe ik iets helemaal fout maar is er niet stukken meer werk aan het gebruik van div's? Ook om later nog iets aan te passen ofzo?
    Net niet. Als je later iets wilt aanpassen gaat dat veel gemakkelijker als je inhoud en opmaak gescheiden hebt (semantische xhtml code + een css file) dan met tabellen .
    no votes  

  12. #12
    grooverider's Avatar
    Registered
    08/07/03
    Location
    Leuven
    Posts
    328
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    tabellen zijn niet alleen verouderd, ze zijn eigenlijk helemaal niet bedoeld als layoutmiddel, maar louter voor het schikken van tabulaire data (zoals verkoopscijfers ed). Pas toen het mogelijk werd de border van tables af te zetten, is men ermee beginnen designen, met alle gevolgen van dien.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in