[html] Table align doet raar

Pagina: 1
Acties:

  • Alpha-sphere
  • Registratie: Januari 2001
  • Laatst online: 14-12-2021
Ik wil op een pagina een plaatje precies in het midden laten zien dus gebruik ik het onderstaande stukje html


code:
1
2
3
4
<table height="100%" width="100%" align="left" cellpadding="0" cellspacing="0">
<tr valign="middle">
    <td align="center">hello :)</td>
</tr>

Even testen natuurlijk. Nou alles mooi precies in het midden :) dus laat ik er een beetje php op los om de locatie van een plaatje dynamisch op te vragen.

dit is de code met de php erin
PHP:
1
2
3
4
5
6
7
8
9
10
11
echo "
<table height=\"100%\" width=\"100%\" align=\"left\" cellpadding=\"0\" cellspacing=\"0\">
<tr valign=\"middle\">
    <td align=\"center\">
        <a href=\"javascript:window.close();\">
        [img]$foto_path[/img]
        </a>
    </td>
</tr>
</table>
";

Plaatje haalt ie mooi op MAAR!!! mijn plaatje staat niet precies in het midden van de pagina. Het plaatje is nu tegen de bovenkant aan van de browser en dan gecenterd. Ik heb toch align="middle" gedaan? waarom doet ie dan top in plaats van middle?

Om het rare fenomeen te zien ga je naar www.yilkee.com -> Foto Album -> willekeurige album -> klik op een van de thumbnails

EDIT: BTW in Safari (Mac) laat ie het wel precies in het midden zien. Camino, IE en Firefox laat het raar zien.

[ Voor 19% gewijzigd door Alpha-sphere op 23-07-2004 16:40 ]

Assume there are no rules and it's one big free for all


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

tr heeft geen attributen.. denk dat je die valign bij je td kwijt moet.

verder moet je eens kijken naar wat voor troep je genereert:

code:
1
alt=Mini skyline rotterdam src=pictures\gallery\rotterdam\map_groot/PICT0016.jpg


... quotes en juiste slashes zouden geen overbodige luxe zijn... en je border-collapse kun je ook wel weglaten :P

Verwijderd

eigenlijk die hele tabel wel, d'r zijn veel nettere manieren om iets in het midden te zetten, zoekt u maar eens rond

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:46

crisp

Devver

Pixelated

begin eerst eens met je body een hoogte geven ;)

Intentionally left blank


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

crisp schreef op 23 juli 2004 @ 16:53:
begin eerst eens met je body een hoogte geven ;)
Met een HTML4 doctype is dat in principe toch niet nodig?

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:46

crisp

Devver

Pixelated

Bosmonster schreef op 23 juli 2004 @ 16:54:
[...]


Met een HTML4 doctype is dat in principe toch niet nodig?
wel voor IE6 als er een link in de DTD staat en je IE niet in quirksmode dwingt met bijvoorbeeld een html-comment boven de DTD:
code:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

dat is de semi-standards-compliant mode van IE

[ Voor 17% gewijzigd door crisp op 23-07-2004 17:10 ]

Intentionally left blank


  • zubauza
  • Registratie: November 2002
  • Laatst online: 28-03-2016
wat dacht je van
code:
1
[img]"blah"[/img]

poont :+

deviantART gallery


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

Jammer dat je in je centreren dus de afmetingen van je afbeelding mee moet nemen. Lullig als je een dynamisch iets wilt maken wat gewoon met alle afbeeldingen moet werken niet?

poont...

  • zubauza
  • Registratie: November 2002
  • Laatst online: 28-03-2016
Bosmonster schreef op 23 juli 2004 @ 17:23:
Jammer dat je in je centreren dus de afmetingen van je afbeelding mee moet nemen. Lullig als je een dynamisch iets wilt maken wat gewoon met alle afbeeldingen moet werken niet?

poont...
al zn fotos zijn even groot

DOH :+

deviantART gallery


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

Nu wel ja.. maar is het niet makkelijker om code te schrijven die gewoon ALTIJD werkt?

Maar als je daar nog een geniale ingeving voor hebt (of mophor, je zegt dat er veel nettere manieren zijn), dan zie ik daar graag een voorbeeldje van.

Kom dit ook nog wel eens tegen en een table is het enige dat ik ken dat altijd werkt met alle formaten.

[ Voor 61% gewijzigd door Bosmonster op 23-07-2004 17:31 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Als je de image dan toch dynamisch maakt kun je de style ook wel dynamisch maken.

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

André schreef op 23 juli 2004 @ 17:30:
Als je de image dan toch dynamisch maakt kun je de style ook wel dynamisch maken.
Als ik een stukje html genereer met een willekeurige afbeelding dan weet ik daar de afmetingen niet van. En al zou ik dat serverside kunnen uitlezen dan lijkt het me nogal een verschuiving van de verantwoordelijkheid niet? HTML moet zorgen voor de layout, niet de server ;)

En nogal een verspilling van server-resources als ik iedere opgevraagde afbeelding moet gaan uitlezen...

[ Voor 13% gewijzigd door Bosmonster op 23-07-2004 17:33 ]


  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

getimagesize ? Als je dan toch al dynamisch bezig bent.... En php gebruikt..... :)

disjfa - disj·fa (meneer)
disjfa.nl


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

Zoals ik al zei.. dan kies ik liever voor een tabelletje dan kostbare serverresources te gaan verspillen met het uitlezen van afmetingen...

Verwijderd

hmz, ja als het dynamisch moet gaan werken dan is mijn opmerking natuurlijk een beetje onzin, dat lukt je hoogstens horizontaal, naar mijn kennis. (want een div op display: table-cell; en vertical-align: middle; werkt geloof ik niet (wat wel zou moeten, maar niet getest))

Met wat javascript zou je het ook op moeten kunnen lossen (waardoor de code imho wel netter wordt, maar dan ben je weer van js ondersteuning afhankelijk)

wat dat betreft neig ik dan ook naar een tabel

[ Voor 6% gewijzigd door Verwijderd op 23-07-2004 18:18 ]


  • zubauza
  • Registratie: November 2002
  • Laatst online: 28-03-2016
de simpelste dynamische oplossing is volgens mij gewoon
code:
1
2
3
4
5
<table width="100%" height="100%">
<tr>
<td align="center" valgin="middle">[img]"blah"></td>
</tr>
</table[/img]

deviantART gallery


  • Alpha-sphere
  • Registratie: Januari 2001
  • Laatst online: 14-12-2021
Bosmonster schreef op 23 juli 2004 @ 16:49:
tr heeft geen attributen.. denk dat je die valign bij je td kwijt moet.

verder moet je eens kijken naar wat voor troep je genereert:

code:
1
alt=Mini skyline rotterdam src=pictures\gallery\rotterdam\map_groot/PICT0016.jpg


... quotes en juiste slashes zouden geen overbodige luxe zijn... en je border-collapse kun je ook wel weglaten :P
Oepsie.. was even die quotes vergeten. En zo te zien heb ik ergens de verkeerde slash ingevoerd :o
zubauza schreef op 23 juli 2004 @ 18:44:
de simpelste dynamische oplossing is volgens mij gewoon
code:
1
2
3
4
5
<table width="100%" height="100%">
<tr>
<td align="center" valgin="middle">[img]"blah"></td>
</tr>
</table[/img]
Dit werkt idd.
Probleem zat 't in de
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
die ik er eerst niet in had staan. Ik heb deze erbij gepleurt en hoppa. Probleem opgelost. 8)7 |:(
Sry voor deze n00bness

Assume there are no rules and it's one big free for all


  • zubauza
  • Registratie: November 2002
  • Laatst online: 28-03-2016
Alpha-sphere schreef op 23 juli 2004 @ 19:27:
En zo te zien heb ik ergens de verkeerde slash ingevoerd :o
een \ in een url is een verkeerde slash

deviantART gallery

Pagina: 1