probleem in dreamweaver

**Niels Parmentier** · 15-12-2009, 15:32

Halo,

Ik heb een probleem in Dreamweaver.
Ik heb m'n layout gemaakt in photoshop en dat ben ik nu aan het coderen in html met dreamweaver mx.
Het is m'n eerste keer dat ik een layout codeer dus...

Het probleem zit bij het navigatiemenu die ik wil maken.
Ik heb het menu gemaakt door een tabel te maken met rijen en 3 kolommen.
Maar tussen die kolommen zit nu ruimte, weet iemand hoe ik die ruimte kan wegwerken zodat de kolommen mooi aan elkaar aansluiten.
Hier de code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>freddy coussens</title>
<style type="text/css">
<!--
body {
	background-color: #375d81;
}
.style1 {color: #E1E6FA}
-->
</style></head>

<body>
<table width="730" height="865" border="0" align="center">
  <tr>
    <td height="519" valign="top"><p><img src="header.gif" width="730" height="188"></p>
      <table width="193" height="231" border="0">
        <tr>
          <td height="16" colspan="3"><img src="menuheader.gif" width="193" height="14"></td>
        </tr>
        <tr>
          <td width="19"><img src="navbuttons.gif" width="19" height="28"></td>
          <td width="155" valign="middle" background="navbuttons.gif"><div align="center" class="style1">Home</div></td>
          <td width="19"><img src="navbuttons.gif" width="19" height="28"></td>
        </tr>
        <tr>
          <td colspan="3"><img src="betweenbuttons.gif" width="193" height="12"></td>
        </tr>
        <tr>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
          <td background="navbuttons.gif"><div align="center"></div></td>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
        </tr>
        <tr>
          <td colspan="3"><img src="betweenbuttons.gif" width="193" height="12"></td>
        </tr>
        <tr>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
          <td background="navbuttons.gif"><div align="center"></div></td>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
        </tr>
        <tr>
          <td colspan="3"><img src="betweenbuttons.gif" width="193" height="12"></td>
        </tr>
        <tr>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
          <td background="navbuttons.gif"><div align="center"></div></td>
          <td><img src="navbuttons.gif" width="19" height="28"></td>
        </tr>
        <tr>
          <td colspan="3"><img src="menufooter.gif" width="193" height="14"></td>
        </tr>
      </table>
      <p>&nbsp;
      </p></td>
    <br>
  </tr>
  <tr>
    <td valign="top"><p>&nbsp;</p>
    </td>
  </tr>
</table>
</body>
</html>

afbeelding zie bijlage

Alvast bedankt

**radule vucetic** · 15-12-2009, 15:39

Kjk deze tutorial: http://www.tutvid.com/tutorials/drea...eCSSLayout.php
Tabellen zijn geschiedenis.Je moet DIV's gebruiken en dit is perfect video tutorial voor beginers met dreamweaver.Zo ben ik ook begonnen!

mvg
radule
Aanvullend bericht:
Oplosing voor je : Cellpad: 0 en Cellspace: 0.
Kijk onder in jouw menu voor deze 2 opties.

mvg
radule

**Niels Parmentier** · 15-12-2009, 15:50

Origineel gepost door radule vucetic

Kjk deze tutorial: http://www.tutvid.com/tutorials/drea...eCSSLayout.php
Tabellen zijn geschiedenis.Je moet DIV's gebruiken en dit is perfect video tutorial voor beginers met dreamweaver.Zo ben ik ook begonnen!

mvg
radule
Aanvullend bericht:
Oplosing voor je : Cellpad: 0 en Cellspace: 0.
Kijk onder in jouw menu voor deze 2 opties.

mvg
radule

Bedankt om zo snel te reageren.
Het is me gelukt.
Ik had al gehoord da tabellen slecht zijn, maar ik begrijp niet echt waarom.
En voor die video tutorial moet je blijkbaar betalen,maar toch bedankt.
misschien moet ik me toch maar eens verdiepen in div's.
Nogmaals dank

**A. IJbema** · 15-12-2009, 15:54

Ik had al gehoord da tabellen slecht zijn, maar ik begrijp niet echt waarom.

Genoeg leesvoer..
http://www.google.nl/search?hl=nl&q=tabellen+vs+divs

**radule vucetic** · 15-12-2009, 15:58

Origineel gepost door Niels Parmentier

Bedankt om zo snel te reageren.
Het is me gelukt.
Ik had al gehoord da tabellen slecht zijn, maar ik begrijp niet echt waarom.
En voor die video tutorial moet je blijkbaar betalen,maar toch bedankt.
misschien moet ik me toch maar eens verdiepen in div's.
Nogmaals dank

Nee lol je hoef niet te betalen voor die video!Gewoon PLAY button druken!Dit zij gratis tuts maar je kan hem ook kopen maar dat hoef niet hoor! Gewoon kijken als op Youtube ! :))

mvg
radule

**D.Postma** · 18-12-2009, 17:56

Idd, gebruik div's. Toen ik voor het eerst ging coderen gebruikte ik tabellen, maar na een beetje lezen zag ik dat dit slecht is. Nu ik eenmaal op Div's ben overgestapt wil ik niet meer terug! Super handig, en ook niet zo lastig om door te krijgen!

**Thomba** · 22-12-2009, 18:36

Check ook deze site eens voor een compleet naar eigen wens aan te passen navigatiemenu in css:
http://css.maxdesign.com.au/listamatic/

**Ortwin van Vessem** · 22-12-2009, 20:46

Beste,

Indien je toch een tabel wilt gebruiken voor je navigatie en geen ruimtes tussen de rijen wilt hebben moet je het volgende doen:

Code:

<table width="100%" cellpadding="0" cellspacing="0" border="0">

Het gaat dan met name om cellpadding en cellspacing. Indien je geen reset.css gebruikt om je basis HTML elementen te resetten zit er standaard een paar pixels ruimte tussen de rijen en kolommen in je tabel. Dat regel je met cellspacing, cellpadding is ervoor om de ruimte in een TD aan te geven.

Navigatiestructuren kun je het beste met een unordered list maken, dit semantisch en zijn heel erg goed te stylen voor dit doeleinde.

**Thomba** · 22-12-2009, 20:50

Origineel gepost door Ortwin van Vessem

Beste,

Navigatiestructuren kun je het beste met een unordered list maken, dit semantisch en zijn heel erg goed te stylen voor dit doeleinde.

Klopt, had ik hem al naartoe verwezen : http://css.maxdesign.com.au/listamatic/

probleem in dreamweaver