[html]waarom werken tabellen nooit mee? - Softwareontwikkeling

vrijdag 29 maart 2002 13:43

Acties:

Verwijderd

Topicstarter

Als ik een tabel een hoogte 10 pixels geef, dan wil hij nooit mee werken, hij is altijd hoger. Best lastig als je plaatjes van 10x10 netjes in een tabel wilt krijgen omdat andere pics erop moeten aansluiten.

Spacing en margins staan allemaal op 0, dus daar ligt het niet aan. Weet iemand hoe dit kan komen?

vrijdag 29 maart 2002 13:44

Acties:

Bosmonster

*zucht*

geen enters in je tabellen? Dus niet zo:

<table>
<tr>
<td>
<img>
</td>
</tr>
</table>

want dan krijg je inderdaad overal ruimtes.

vrijdag 29 maart 2002 13:46

Acties:

mulder

ik spuug op het trottoir

Laat eens wat code zien, en padding? die ook gezet?

oogjes open, snaveltjes dicht

vrijdag 29 maart 2002 22:48

Acties:

Verwijderd

font-grootte op heel klein zetten wil ook nog wel eens helpen...

vrijdag 29 maart 2002 22:49

Acties:

Verwijderd

Op vrijdag 29 maart 2002 22:48 schreef simon hacker het volgende:
font-grootte op heel klein zetten wil ook nog wel eens helpen...

heeft er geen fuck mee te maken, want als je plaatjes in een tabel zet, wat heb je dan aan tekst

vrijdag 29 maart 2002 22:55

Acties:

Verwijderd

tabellen gaan uit van een minimale groote voor letters; html is op text gebaseerd, of je nou plaatjes gebruikt of niet...

zaterdag 30 maart 2002 12:57

Acties:

crisp

Devver

Pixelated

Op vrijdag 29 maart 2002 22:55 schreef simon hacker het volgende:
tabellen gaan uit van een minimale groote voor letters; html is op text gebaseerd, of je nou plaatjes gebruikt of niet...

Dat is niet helemaal waar; als ik dit doe:

code:

<table border=0 cellspacing=0 cellpadding=0>
  <tr>
    <td>[img]"plaatje.gif"[/img]</td>
  </tr>
</table>

dan krijg ik netjes een cell van 10 x 10 pixels, ongeacht de grootte van het lettertype dat ik verder gebruik.
Doe ik echter dit:

code:

<table border=0 cellspacing=0 cellpadding=0>
  <tr>
    <td>[img]"plaatje1.gif"[/img]</td>
    <td>&nbsp;</td>
    <td>[img]"plaatje2.gif"[/img]</td>
  </tr>
</table>

bijvoorbeeld omdat ik 2 plaatjes met een ruimte ertussen wil, dan gaat het wel op. Beter is dan om in plaats van de no-breakerspace een spacer.gif te gebruiken.

Intentionally left blank

zaterdag 30 maart 2002 13:07

Acties:

Verwijderd

Gebruik dan layers als je moeite hebt om je content te controleren dmv tables. Tables kunnen idd best wel lastig zijn vooral als je 'rare' dingen met je content wilt doen.

Bijna alle nieuwste browsers ondersteunen layers zonder problemen en geven het ook weer.

Een ander optie, gebruik Flash voor heel je site.

Edit:
Ik bedoel met controleren: de baas spelen zeg maar.

zaterdag 30 maart 2002 13:48

Acties:

Guillome

test

<td style='padding-right:5;'>image1</td>
<td style='padding-left:5;'>image1</td>

Zo kan je ook ruimtes maken he.
En eventueel zet je het in een CSS
Dan doe je class=ruimtelinks
ofzo

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

zaterdag 30 maart 2002 14:34

Acties:

crisp

Devver

Pixelated

Op zaterdag 30 maart 2002 13:48 schreef XLerator het volgende:
<td style='padding-right:5;'>image1</td>
<td style='padding-left:5;'>image1</td>

Zo kan je ook ruimtes maken he.
En eventueel zet je het in een CSS
Dan doe je class=ruimtelinks
ofzo

True. Wil je echter ook de 'pre-historische' browsers ondersteunen geniet het gebruik van spacers toch de voorkeur

Intentionally left blank

zaterdag 30 maart 2002 15:18

Acties:

Phydomir

Dennis

Ik heb een soort gelijk probleem maar om daar nou een topic aan te wijden is ook weer zoiets.

Ik werk dus ook met tabellen voor de site waar ik nu mee bezig ben maar onder aan de pagina krijg ik dan een ruimte van ong. 10 pixels ofzow.
Tenzij ik refresh doe want dan vult ie uhm wel helemaal op.

Ik heb er ff een screenshot van gemaakt voor de duidelijkheid. :

http://httpd.chello.nl/h.gerressen/design2/probleem.jpg (een url omdat anders de layout verneukt wordt.)

ps: die zie je dus als je al een stukkie naar beneden bent gescrolled. Als je gewoon opend en en niet scrolled staat ie ook over de hele pagina.

ps2: bestaat er ook zoiets als bottemmargin="0"

iRacing | Sim Gear: SimXperience AccuForce, Heusinkveld Pro, Custom 80/20 rig, Sparco R100 Sky

zaterdag 30 maart 2002 16:41

Acties:

Guillome

test

Zo kennen we er nix mee
Laat eens je source zien

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

zaterdag 30 maart 2002 18:16

Acties:

Phydomir

Dennis

code:

<body bgcolor="#4E4F5E" text="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC">
<table width="780" border="0" cellspacing="0" cellpadding="0" height="600" align="center">
  <tr valign="bottom"> 
    <td height="156" align="left" colspan="3">[img]"top.jpg"[/img]</td>
  </tr> 
    <td height="329" width="135" align="left" valign="top" background="leftbg.jpg">[img]"leftmenu.jpg"[/img]</td>
    <td height="244" width="510" bgcolor="#73718C" align="left" valign="top"> 
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b><font color="#333333">Hier 
      komt dus dan te tekst enzo te staan.<br>
      <br>
      <font color="#666666">Alleen</font> <font color="#999999">weet ik dus 
      </font><font color="#CCCCCC">nog niet</font><font color="#FFFFFF"> in 
      welke kleur en </font></font></b><font color="#333333">of het<font color="#FFFFFF"> 
      <font color="#666666">misschien niet</font> <font color="#999999">bold 
      moet</font> worden..</font></font></font></p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"><a href="linkje">Zou 
      dan de kleur worden als er een linkje zou staan (incl. leuk on-hover effectje)</a></font></p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b>Btw: Dit 
      is de frontpage waar je dus na een flash intro op komt. Hier komen dus 
      alle nieuws items te staan dmv NewsPro oid. Alleen kan ik nergens gratis 
      hosting vinden incl. cgi support.</b></font></p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"><br>
      <br>
      </font></p>
    </td>
    <td height="329" width="135" align="right" valign="top" background="rightbg.jpg">[img]"rightmenu.jpg"[/img]</td>
  </tr>
  <tr> 
    <td height="42" width="135" align="left" valign="top" background="leftbg.jpg">&nbsp;</td>
    <td height="42" width="510" bgcolor="#73718C" align="left" valign="top">&nbsp;</td>
    <td height="42" width="135" align="right" valign="top" background="rightbg.jpg">&nbsp;</td>
  </tr>
  <tr> 
    <td height="95" width="135" align="left" valign="top" background="leftbgbottem.jpg">[img]"leftbottem.jpg"[/img]</td>
    <td height="95" width="510" bgcolor="#73718C" align="center" valign="bottom">[img]"bottemcopyright.jpg"[/img]</td>
    <td height="0" width="135" align="right" valign="bottom" background="rightbg.jpg"> 
    <div align="left">[img]"rightbottem.jpg"[/img]</div>
    </td>
  </tr>
  <tr> 
    <td height="55" width="135" align="left" valign="top" background="leftbgbottem.jpg"></td>
    <td height="55" width="510" bgcolor="#73718C" align="center" valign="middle"></td>
    <td height="55" width="135" align="right" valign="top" background="rightbg2.jpg"></td>
  </tr>
</table>
<map name="Map"> 
  <area shape="rect" coords="46,87,82,98" href="news.html">
  <area shape="rect" coords="46,97,83,109" href="links.html">
  <area shape="rect" coords="45,122,94,134" href="squads.html">
  <area shape="rect" coords="46,134,94,144" href="battles.html">
  <area shape="rect" coords="46,145,77,156" href="join.html">
  <area shape="rect" coords="44,167,107,180" href="aboutus.html">
  <area shape="rect" coords="45,181,83,190" href="rules.html">
  <area shape="rect" coords="44,192,71,201" href="faq.html">
  <area shape="rect" coords="43,217,86,226" href="aboutmoh.html">
  <area shape="rect" coords="45,228,119,238" href="downloads.html">
  <area shape="rect" coords="45,252,89,263" href="http://pub33.ezboard.com/bfirstdutchcombatplatoon">
  <area shape="rect" coords="46,264,80,274" href="polls.html">
  <area shape="rect" coords="45,275,81,284" href="potw.html">
  <area shape="rect" coords="44,286,101,295" href="contact.html">
</map>
<map name="Map2">
  <area shape="rect" coords="154,42,625,104" href="http://www.fdcp.tk">
</map>
</body>

Tis ene beetje een zooitje maar daarvoor moet je bij DW4 Ultra dev zijn en niet bij mij

iRacing | Sim Gear: SimXperience AccuForce, Heusinkveld Pro, Custom 80/20 rig, Sparco R100 Sky

zaterdag 30 maart 2002 18:32

Acties:

crisp

Devver

Pixelated

CSS is toch je vriend

probeer dit maar eens:

code:

<head>
<style type="text/css">
body {
  margin: 0px;
  background-color: #4E4F5E;
  color: #333333;
  overflow: auto;
}
a, a:link, a:visited {
  color: #CCCCCC;
}
</style>
</head>
<body>
<-- rest van je code // -->

uitleg: margin: 0px; stelt de margin aan alle zijden (ook de rechterkant en onderkant op 0. (IE laat anders standaard ruimte over voor een eventuele scrollbar).
Je zult toch zoveel mogelijk met CSS moeten gaan doen, zeker voor de nieuwere browsers, omdat veel html tags deprecated zijn, en in steeds mindere mate ondersteund gaan worden. Je kan ze wel laten staan voor oudere browsers, maar dit soort problemen kan je gewoon beter met CSS oplossen...

Intentionally left blank

zaterdag 30 maart 2002 18:37

Acties:

Stewie!

Keen must die!

Op vrijdag 29 maart 2002 22:49 schreef jurriebur het volgende:

[..]

heeft er geen fuck mee te maken, want als je plaatjes in een tabel zet, wat heb je dan aan tekst

heeft er dus veel mee te maken, ik heb ook dit probleem gehad en het werkt dus echt als je de font grootte heel klein zet

Marathon loper in Tokyo, London, Rotterdam, Maria Alm, San Francisco, Berlin, Chicago, Amsterdam
Strava: https://www.strava.com/athletes/149347154

zaterdag 30 maart 2002 18:43

Acties:

Phydomir

Dennis

Op zaterdag 30 maart 2002 18:32 schreef crisp het volgende:
CSS is toch je vriend
probeer dit maar eens:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<style type="text/css">
body {
  margin: 0px;
  background-color: #4E4F5E;
  color: #333333;
  overflow: auto;
}
a, a:link, a:visited {
  color: #CCCCCC;
}
</style>
</head>
<body>
<-- rest van je code // -->
uitleg: margin: 0px; stelt de margin aan alle zijden (ook de rechterkant en onderkant op 0. (IE laat anders standaard ruimte over voor een eventuele scrollbar).
Je zult toch zoveel mogelijk met CSS moeten gaan doen, zeker voor de nieuwere browsers, omdat veel html tags deprecated zijn, en in steeds mindere mate ondersteund gaan worden. Je kan ze wel laten staan voor oudere browsers, maar dit soort problemen kan je gewoon beter met CSS oplossen...

woei... nais

thnx

iRacing | Sim Gear: SimXperience AccuForce, Heusinkveld Pro, Custom 80/20 rig, Sparco R100 Sky

zaterdag 30 maart 2002 18:44

Acties:

crisp

Devver

Pixelated

Op zaterdag 30 maart 2002 18:37 schreef DaMorpheus het volgende:

[..]

heeft er dus veel mee te maken, ik heb ook dit probleem gehad en het werkt dus echt als je de font grootte heel klein zet

Geef mij maar eens een voorbeeld; ik heb tabellen gemaakt met cellen van 1x1 pixel zonder ook maar iets aan de font grootte te wijzigen. Dat werkt in IE4+, NS6+ en Mozilla 0.9.8+

Intentionally left blank