Archief - HTML: Problemen tabel

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

n0sTRa

Legacy Member
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/r119/n0str4/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:
<!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:
.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

Xavez

Legacy Member
Tuurlijk wel. Maar dit is verschrikkelijke code... Jij lijdt duidelijk aan classitis :p.

n0sTRa

Legacy Member
hmm d8 al dat dit één of ander nieuw woord was ;) Nuja probleem komt dit nu voor door dat ik teveel class heb gebruikt?

Dx-Solutions

Legacy Member
nu, tis idd geen goeie code en zulks ...

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

suc6

grooverider

Legacy Member
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

n0sTRa

Legacy Member
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?

sporting

Legacy Member
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

Xavez

Legacy Member
n0sTRa zei:
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 :).

grooverider

Legacy Member
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.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan