login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met afbeeldingen in tables

Offline Aishla - 29/03/2008 22:18
Avatar van AishlaNieuw lid Ik heb sinds kort een html site (bij 110mb) en ik heb net een pagina gemaakt met afbeeldingen (buttons enzo).
Het vreemde is alleen dat zodra ik afbeeldingen in de 'inhoudscel' zet, bepaalde cellen van de tabel naar links verschuiven.
ik kan het niet echt goed uitleggen, maar dit zijn twee pagina's ter vergelijking, waarbij te zien is dat de cellen verplaatsen zodra ik afbeeldingen toevoeg:
http://meara.110mb.com/oorsprong.html (zonder verschuiving)
http://meara.110mb.com/linkmij.html (met verschuiving)
en dit zijn de documenten daarvan:
http://meara.110mb.com/oorpsrong.txt
http://meara.110mb.com/linkmij.txt

weet iemand hoe dit komt en hoe ik het op kan lossen?
ik zou het heel fijn vinden.
(en als iemand nog vragen heeft over mijn onduidelijke verhaal mag die ze ook stellen hoor)

11 antwoorden

Gesponsorde links
Offline Filip - 29/03/2008 22:44
Avatar van Filip IRC guru logisch.. je td's opgetelt = 1070, en je table is maar 970... Dus gaat hij verkleinen wat kan verkleinen.. daarom je 'verschuiving'.

Trouwens waarom doe je in godsnaam meer dan 1 body open? je kan die ook in 1 body tag zetten hoor!
Offline Aishla - 29/03/2008 23:02
Avatar van Aishla Nieuw lid Over die body tags had je inderdaad wel gelijk... =P
Maar ik zie niet in waarom het die verschuiving veroorzaakt. de afbeelding komt namelijk in de meest rechtste td, dus zou het toch geen verdere invloed moeten kunnen hebben op de td's aan de linker kant?
Offline Filip - 29/03/2008 23:51
Avatar van Filip IRC guru wel als je maten niet kloppen...

hij reserveert 260 voor de eerste en 2de td, en dan nogmaals 550 voor de rechtse, met als gevolg dat het niet meer past in je 970 want je hebt 100 pixels MEER toegewezen dan je hebt... Of zoals in het mooie engelse gezegde, somethings got to give
Offline Aishla - 30/03/2008 12:03
Avatar van Aishla Nieuw lid Ik heb nu alle sommen kloppend gemaakt, dus er is niets meer te groot of te klein.
Toch klopt het nog steeds niet, en het is afhankelijk van de afbeeldingen:

Pagina zonder afbeelding: http://meara.110mb.com/linkmijzonder.html
html zonder: http://meara.110mb.com/linkmijzonder.txt

pagina met: http://meara.110mb.com/linkmij.html
html met: http://meara.110mb.com/linkmij2.txt
Offline Filip - 30/03/2008 13:36
Avatar van Filip IRC guru heb je eigenlijk wel nagekeken of je rechtse td 550 px is? is hij niet groter?
Offline Aishla - 30/03/2008 13:56
Avatar van Aishla Nieuw lid met plaatjes erbij wordt de rechter td gewoon breder, automatisch. maar dat wil ik niet. ik snap niet hoe dat kan. de rechter lijn van de meeste rechtste td blijft wel op zijn plek, maar de linker lijn niet, die verandert dan van maat. ik weet gewoon echt niet hoe dat kan, en hoe ik het kan voorkomen....
Offline Filip - 30/03/2008 18:22
Avatar van Filip IRC guru door er voor te zorgen dat je content in die td NIET breder is dan 550px? zoals ik in de vorige post al zei...
Offline Martijn - 30/03/2008 18:31
Avatar van Martijn Crew PHP wat ik altijd doe als mn table raar word, border=1 erbij typen. Dan zie je waar ie strak zit en alles. Het zou ook nog kunnen zijn dat als je plaatje de precieze grote zou hebben zgmr, je spacing=0 en padding=0 moet aanzetten
Offline Aishla - 30/03/2008 20:52
Avatar van Aishla Nieuw lid Het was niet groter dan 550px
en @ deviorsoul: bedankt voor de tip, maar dat deed ik altijd al...

ik heb de bestanden vernieuwd, als het goed is kloppen nu alles cijfers.
http://meara.110mb.com/linkmij.html
http://meara.110mb.com/linkmijzonder.html

text documenten:
http://meara.110mb.com/linkmij.txt
http://meara.110mb.com/linkmijzonder.txt
Offline vinTage - 30/03/2008 21:34 (laatste wijziging 30/03/2008 21:38)
Avatar van vinTage Nieuw lid Weg met tables 

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.       I love vinTage
  8.     </title>
  9.     <style type="text/css">
  10.     body
  11.     {
  12.     background-image:url("http://i29.tinypic.com/o8xsb5.jpg");
  13.     background-repeat:no-repeat;
  14.     margin:0px;
  15.     padding:0px;
  16.     font-family:Arial, Helvetica, sans-serif;
  17.     font-size:xx-small;
  18.     }
  19.     img{border:none;}
  20.     #links
  21.     {
  22.     float:left;
  23.     width:210px;
  24.     height:200px;
  25.     margin-top:170px;
  26.     margin-left:20px;
  27.     border:solid 1px red;
  28.     }
  29.  
  30.     #mid
  31.     {
  32.     float:left;
  33.     width:90px;
  34.     margin-top:215px;
  35.     margin-left:60px;
  36.     border: solid 1px green;
  37.     }
  38.  
  39.     #rechts
  40.     {
  41.     float:left;
  42.     width:470px;
  43.     height:600px;
  44.     margin-top:30px;
  45.     margin-left:80px;
  46.     padding-left:20px;
  47.     border: solid 1px red;
  48.     }
  49.  
  50.     #rechtsOnder
  51.     {
  52.     margin-top:80px;
  53.     }
  54.     </style>
  55.   </head>
  56.   <body>
  57.     <div id="links">
  58.       <p style="color:#CC0033; font-style:italic; margin-left:15px; margin-top:15px; height:75px; border:solid 1px black;">
  59.         Vrienden zijn als sterren.<br />
  60.         Je kan ze niet altijd zien,<br />
  61.         maar ze zijn er.<br />
  62.         <br />
  63.         - Onbekend -
  64.       </p>
  65.       <p style="margin-top:50px; margin-left:15px; height:55px; border:solid 1px black;">
  66.         kumbaja my lord!
  67.       </p>
  68.     </div>
  69.     <div id="mid">
  70.       aap<br />
  71.       aap<br />
  72.       aap<br />
  73.       aap<br />
  74.       aap<br />
  75.       aap<br />
  76.       aap<br />
  77.       aap<br />
  78.       aap<br />
  79.       aap<br />
  80.       aap<br />
  81.     </div>
  82.     <div id="rechts">
  83.       pagina nummers -IQ van vinTage- <sub>(heel hoog dus ^^)</sub>
  84.       <div id="rechtsOnder">
  85.         <b>Link mij</b><br />
  86.         <br />
  87.         Hier kun je mijn linkmateriaal vinden zoals buttons.<br />
  88.         <br />
  89.         Buttons:<br />
  90.         <br />
  91.         <a target="_blank" href="http://www.meara.6x.to/"><img src="http://i25.tinypic.com/2qalo8x.gif" alt="#########" /></a>88 x33<br />
  92.         <a target="_blank" href="http://www.meara.6x.to/"><img src="http://i32.tinypic.com/i5sns7.jpg" alt="#########" /></a>88 x33<br />
  93.         <a target="_blank" href="http://www.meara.6x.to/"><img src="http://i26.tinypic.com/3328dgx.jpg" alt="#########" /></a>32 x32<br />
  94.  
  95.         <br />
  96.         Banners: <a target="_blank" href="http://www.meara.6x.to/"><img src="http://i29.tinypic.com/2rruqhk.gif" alt="#########" /></a>300 x100<br />
  97.         <br />
  98.         <br />
  99.         <a class="section" href="oorsprong.html">&gt;&gt; Terug</a><br />
  100.         © meara.6x.to
  101.       </div>
  102.     </div>
  103.   </body>
  104. </html>


edit Niet getest met IE6 want dat heb ik niet op deze pc

edit2 Het is niet zo heel netjes, want de helft is inline etc, maar de 3 hoofddivs zouden je op het goede spoor moeten zetten
Offline Aishla - 31/03/2008 18:55
Avatar van Aishla Nieuw lid ja... maar ik heb nog nooit met divs gewerkt... en ik wil gewoon weten waarom Waarom de tabel raar gaat doen als ik er afbeeldingen in zet...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.264s