probleem met centreren van tabellen in Dreamweaver

[Verwijderd]

Ik zit met het volgende probleem:

Ik heb in Dreamweaver een tabel getekend met een width van 750 px (fixed).
In deze tabel heb ik een andere tabel getekend van 486 x 366 px. In deze tabel
heb ik een layer gemaakt van 484 x 363 pix.Naast deze tabel heb ik links en rechts 4 kleine tabellen getekend van 113 x 85 px. De ruimte tussen de grote tabel en de kleine tabellen is 19 px. De bedoeling hiervan is om in de kleine tabellen een kleine foto te plaatsen en wanneer je er met je muis overheen gaan dan verschijnt de grote foto in de grote tabel ( dmv behaviors ). Echter nu komt mijn probleem: als ik één en ander in
mijn browser bekijk ( Win 98 SE, IE 5.0 en Win XP Home, IE 6.0 ) dan zie ik dat de
grote foto absoluut niet in het midden staat van de kleinere foto's.

Ik heb 2 screenshots ingevoegd.

Hoop dat iemand me kan helpen.

Thanks

BTW in plaats van tabellen heb ik bovenstaande ook al met cellen geprobeerd, echter hetzelfde resultaat.

[Rickets]

Heb je de desbetreffende pagina ook online staan?

[Verwijderd]

Net gedaan:

http://people.zeelandnet.nl/kalina/onjuist.htm

[Johnny]

Ik denk dat je het beste een enkele grote tabel kan gebruiken:

code:

<table width="750" border="1" cellpadding="8" cellspacing="0">
<tr>
    <td>thumbnail1</td>
    <td rowspan="4"  width="484">grote foto</td>
    <td>thumbnail5</td>
</tr>
<tr>
    <td>thumbnail2</td>
    <td>thumbnail6</td>
</tr>
<tr>
    <td>thumbnail3</td>
    <td>thumbnail7</td>
</tr>
<tr>
    <td>thumbnail4</td>
    <td>thumbnail8</td>
</tr>
</table>

Waar is die foto gemaakt? Toevallig ergens in de gemeente Borsele? Het komt me in ieder geval bekend voor.

[jvvv]

bekijk dat ding niet in 800*600 want dan denk ik beter dat je het idee mag doen wegvallen.

de grote foto schuift over de kleine rechts.

[Verwijderd]

Probeer deze eens:

code:

<table width="750" border="1" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="113">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="483" height="363" rowspan="4" align="center" valign="middle">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="113" height="85">&nbsp;</td>
  </tr>
  <tr> 
    <td width="113">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="113" height="85">&nbsp;</td>
  </tr>
  <tr> 
    <td width="113">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="113" height="85">&nbsp;</td>
  </tr>
  <tr> 
    <td width="113">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="19" height="85">&nbsp;</td>
    <td width="113" height="85">&nbsp;</td>
  </tr>
</table>

[ Voor 82% gewijzigd door Verwijderd op 17-01-2003 22:31 . Reden: foutje in tabel ]

[Johnny]

Verwijderd schreef op 17 January 2003 @ 22:10:
Probeer deze eens:

code:

code

Waarom allemaal cellen van 19 pixels gebruiken als je ook gewoon een cellpadding/cellspacing kunt gebruiken? Hij wordt dan niet precies 19 pixels (18 of 20) maar dat lijkt me in dit geval geen ramp.

[jvvv]

soms maken progjes et ferm moeilijk... en vooral die dreamweaver en frontpage toestanden... Die programmas zijn voor mensen die et degelijk doen zoals de duivel voor god (mooi hé).
Frontpage code (dreamweaver ook mor minder) haal je er zo uit. je moet zelf de meta-tag niet zien.

ik zou de code van Klappie nemen, ziet er degelijk uit. Mor den Johny eeft ook wel een beeke gelijk

[Verwijderd]

jvvv schreef op 17 januari 2003 @ 22:19:
soms maken progjes et ferm moeilijk... en vooral die dreamweaver en frontpage toestanden... Die programmas zijn voor mensen die et degelijk doen zoals de duivel voor god (mooi hé).
Frontpage code (dreamweaver ook mor minder) haal je er zo uit. je moet zelf de meta-tag niet zien.

ik zou de code van Klappie nemen, ziet er degelijk uit. Mor den Johny eeft ook wel een beeke gelijk

Moet eerlijk toegeven dat deze code uit Dreamweaver MX komt

Meestal doe ik het uit mijn hoofdje.. dit niet

[Verwijderd]

Johnny schreef op 17 January 2003 @ 22:15:
[...]


Waarom allemaal cellen van 19 pixels gebruiken als je ook gewoon een cellpadding/cellspacing kunt gebruiken? Hij wordt dan niet precies 19 pixels (18 of 20) maar dat lijkt me in dit geval geen ramp.

Ik heb gewoon de schets aangehouden.. Daar staat dat hij er aan elke kant 19 pixels tussen wilt hebben zitten... daarom

[Rickets]

Wat je ook zou kunnen (ik raad het aan in ieder geval) is gebruik maken van CSS. Dat werkt makkelijker en overzichtelijker plus dat het volgens de standaarden is.

quote: http://www.w3.org/tr/html401/struct/tables.html#h-11.1

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.

Ik heb jouw voorbeeld geprobeerd zo goed mogelijk uit te werken met CSS en dat is hier te vinden:
http://www.joeteren.nl/zooi/nikolaj/
Ik hoop dat je er wat aan hebt

Meer info over CSS:
www.w3schools.com/css
www.w3.org/tr/css2

[crisp]

Rickets schreef op 17 januari 2003 @ 22:35:
Wat je ook zou kunnen (ik raad het aan in ieder geval) is gebruik maken van CSS. Dat werkt makkelijker en overzichtelijker plus dat het volgens de standaarden is.

[...]


Ik heb jouw voorbeeld geprobeerd zo goed mogelijk uit te werken met CSS en dat is hier te vinden:
http://www.joeteren.nl/zooi/nikolaj/
Ik hoop dat je er wat aan hebt

Meer info over CSS:
www.w3schools.com/css
www.w3.org/tr/css2

amen

[Johnny]

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.

dat gebeurt met stylesheets ook...

Persoonlijk trek ik me niks aan van deze "richtlijn", ik heb hem al vaker gehoord maar vind hem maar onzin. Je kan tabellen zo laten schalen dat ze altijd op het scherm passen. Daarnaast zijn apparaten met kleine schermen zoals oude PC's of PDA's enz. uitegruist met een browser die wel tables ondersteunt maar geen CSS.

Ik heb nog nooit problemen gehad met tables, in geen enkele browser, op geen enkel apparaat, dat kan ik niet zeggen van CSS. Tables werken perfect, als je ze maar goed gebruikt.

[Rickets]

Niet alleen dat stuk dat ik ge-quote heb van w3 geldt, maar ook het feit dat tabellen gebruikt horen te worden voor het weergeven van tabulaire data (daarvoor zijn het tabellen tenslotte), niet voor het verzorgen van de layout.
Maar daar hoef jij geen rekening mee te houden, dat is jouw eigen keuze

Probeer dan in ieder geval in te zien dat het werken met div-elementen en stylesheets zoveel makkelijker is dan tables (vooral als je geneste tables gebruikt). Als je het nog niet geprobeerd hebt, geef het een kans en probeer het zelf een keer te gebruiken
Je zal zien dat er een wereld voor je open gaat

[Verwijderd]

En wat voor een wereld
Moet zeggen dat het werken met tabellen toch wat makkelijker is voor cross-browser werk.
Met CSS moet je behoorlijk wat verschillen wegwerken tussen IE, Mozilla en Opera.
Persoonlijk vind ik zo wie zo de CSS-hype een beetje overtrokken worden hier zo af en toe, net alsof je zonder geen goeie websites meer kunt maken. Met sommige dingen heeft CSS echt wel voordeel maar het is niet zaligmakend.

[Verwijderd]

Bedankt voor de vele replies. Ga ze op mijn gemak eens lezen en proberen.

Btw Johnny, ik weet niet waar de foto's gemaakt zijn, ze zijn nl. van door collega gemaakt tijdens een van de zogenaamde toerritten en hij wil een site bouwen over de vereniging.
Probeer hem wat te helpen, maar het valt zeker in het begin niet mee

[RM-rf]

jvvv schreef op 17 January 2003 @ 22:19:
soms maken progjes et ferm moeilijk... en vooral die dreamweaver en frontpage toestanden... Die programmas zijn voor mensen die et degelijk doen zoals de duivel voor god (mooi hé).
Frontpage code (dreamweaver ook mor minder) haal je er zo uit. je moet zelf de meta-tag niet zien.

ik zou de code van Klappie nemen, ziet er degelijk uit. Mor den Johny eeft ook wel een beeke gelijk

ehm, klop jij handmatig wel foutloos code in?
of werk je volgens de allernieuwste XHMTL speficications en recocemenadations van het WC3

overigens, de fout is het mengen van layout dmv een table en layout dmv css-positionering:

code:

         <td width="486" height="366" valign="top"><div 
   id="Layer1" style="position:absolute; width:484; height:363; 
       z-index:1; top: 31px; left: 269px;"><img 
   src="Dsc00003groot.jpg" width="484" height="363"></div></td>

die hele style-attribute zorgt ervoor dat de grootste foto 'vast' gepositioneerd is (pas de grootte van je browser maar eens aan, de kleine fotos gaan mee, de grootste blijft keihard staan waar die staat, op 31 px van de top en 269 pixels van de linkerkant)

het is ook mogelijk (en eigenlijk zelfs aan te raden) dit soort dingen geheel via css te doen, met wat slim geplaatste layers:

code:

<div id="main">
   <div id="kolom1"><img /><img /><img /></div>
   <div id="kolom2"><img /><img /><img /></div>
   <div id="kolom3"><img /><img /><img /></div>
</div>

en dan als stylesheet:

code:

#main {
   position: absolute;
   left: 50%; top: 19px;
   padding-left: -400px; // de helft van de breedte van je gehele blok
}
#kolom1 {
   position: absolute;
   left: 0px; top 0px;
}
#kolom1 IMG {
   width: 200px; //breedte van de afbeeldingen in je linkerkolom
   margin-bottom: 5px; // spatiering onder de afbeeldingen
}
#kolom2 {
   position: absolute;
   left: 200px; 
   top 0px;
}
#kolom2 IMG {
   width: 400px; //breedte van de afbeeldingen in je middenkolom
}
#kolom3 {
   position: absolute;
   left: 600px; 
   top 0px;
}
#kolom3 IMG {
   width: 200px; //breedte van de afbeeldingen in je rechterkolom
}

[ Voor 83% gewijzigd door RM-rf op 18-01-2003 22:24 ]

[Allochtoon]

jvvv schreef op 17 januari 2003 @ 22:19:
soms maken progjes et ferm moeilijk... en vooral die dreamweaver en frontpage toestanden... Die programmas zijn voor mensen die et degelijk doen zoals de duivel voor god (mooi hé).
Frontpage code (dreamweaver ook mor minder) haal je er zo uit. je moet zelf de meta-tag niet zien.

ik zou de code van Klappie nemen, ziet er degelijk uit. Mor den Johny eeft ook wel een beeke gelijk

Verwijderd schreef op 17 januari 2003 @ 22:27:
[...]

Moet eerlijk toegeven dat deze code uit Dreamweaver MX komt

Meestal doe ik het uit mijn hoofdje.. dit niet

hahahah... sorry.. humor