Archief - HTML: Vreemde white space bij tables.

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.
s

sneax

Legacy Member
Hoe komt die whitespace er als ik tables maak? Je zult meteen zien wat ik bedoel:
http://stage.ravengames.com/jediknight3/screenshots.php

De html van de content zelf is:
PHP: 
<div align="center">
  <table width="500" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-01.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-01.jpg" width="160" height="120" border="1"></a></td>
      <td align="center"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-02.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-02.jpg" width="160" height="120" border="1"></a></td>
      <td align="right"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-03.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-03.jpg" width="160" height="120" border="1"></a></td>
    </tr>
    <tr> 
      <td> </td>

      <td> </td>
      <td> </td>
    </tr>
    <tr> 
      <td><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-04.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-04.jpg" width="160" height="120" border="1"></a></td>
      <td align="center"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-05.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-05.jpg" width="160" height="120" border="1"></a></td>
      <td align="right"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-06.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-06.jpg" width="160" height="120" border="1"></a></td>
    </tr>
    <tr> 
      <td> </td>

      <td> </td>
      <td> </td>
    </tr>
    <tr> 
      <td><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-07.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-07.jpg" width="160" height="120" border="1"></a></td>
      <td align="center"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-08.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-08.jpg" width="160" height="120" border="1"></a></td>
      <td align="right"><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-09.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-09.jpg" width="160" height="120" border="1"></a></td>
    </tr>
    <tr> 
      <td> </td>

      <td> </td>
      <td> </td>
    </tr>
    <tr> 
      <td><a href="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/jediacademyshot-10.jpg" target="_blank"><img src="http://fileserver.ravengames.com/images/jediknight3/screenshots/lucasarts/thumb_jediacademyshot-10.jpg" width="160" height="120" border="1"></a></td>
      <td> </td>
      <td> </td>
    </tr>
  </table>

</div>

En die HTML alleen geeft geen fout, dus moet het probleem in de HTML erond zitten. Ik heb dat design en die HTML niet zelf gedaan, ik zou ECHT niet weten waarom die white space er komt. Hetzelfe 'verticaal uitgerekte effect' krijg ik bij:
http://stage.ravengames.com/jediknight3/cheats.php

De normale pagina (de content dan) zou er zo moeten uitzien:
http://www.ravengames.com/jediknight3/cheats.php
o

orez

Legacy Member
1. post je volledige code je post het enkel van het stuk waar het probleem niet in voorkomt tis ni in die div da het probleem zit maar waar die div inzit.

2. echt waar... maak je href's & src's KORTER !!!! je moet daar geen volledige naam van make eh

als al je bestanden in 1 map zitten kan je evengoed enkel images/test.jpg gebruike ipv
http://bla.com/bla/bla2/bla3/images/test.jpg ...
[

[2nd] BlackHawk

Legacy Member
er staat overal border="1" bij ... is dit wel degelijk de bedoeling dat jouw images een border krijgen/hebben ??

Zoniet verander naar border="0"

Greetz
s

sneax

Legacy Member
Opnieuw beginnen is veel werk :( Ik heb die HTML niet zelf geschreven, ik vind ze ook nogal vreemd en waarschijnlijk is die HTML niet met de hand gemaakt maar door een WYSIWYG editor.

De externe stylesheet staat hier:
http://stage.ravengames.com/ravengames.css

Die lange URL's hebben hun reden.

De whitespace komt om precies te zijn na de
<table> tag, alles boven de <table> tag staat vanboven en alles onder de eerste <td> staat al helemaal beneden.

EDIT: een snelle kijk op die validator laat mij meteen zoiets zien:
"<td> </td><br />"
Das inderdaad onaanvaardbaar, opnieuw beginnen dus :(
D

DarkBone

Legacy Member
De reden dat uw inhoud zo laag staat is simpel:

Ontelbare keren komt het voor in uw code dat een <br /> tag zich op een verkeerde plaats in de tabel bevindt:

<table><br />
<tr>< br/>
<td>

etc...

Nu... wat gebeurt er als er iets in een tabel voorkomt, maar op de verkeerde plaats (niet tussen de opening- en sluitings tags, maar tussen de soorten tags onderling) ... dat wordt buiten de tabel gegooid. Alle breaks (<br />'s) stapelen zich dus boven de tabel op waardoor de tabel zelf op den duur zo laag gepositioneerd wordt.

U hebt wat werk voor de boeg :D :D
s

sneax

Legacy Member
Inderdaad, ik heb het gevonden :) Het probleem is dat die data in een database zit en ik heb daar een nl2br() zitten, maar die is hier echter niet nodig :applause:
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