Tabellen fixeren met Pixel Gif's

Tabellen zijn niet ideaal

Als je een tabelcel met <TD>...</TD> hebt gedefinieerd, maar geen inhoud hebt gegeven, levert dat in de meeste browsers een gesloten vak op voor die cel. Voorkom dit door de cel te vullen met tenminste een beschermde spatie &nbsp;.
Aangezien de browser altijd het laatste woord heeft, als het gaat om de breedte en de hoogte van de tabel (of cel), kun je gebruikmaken van een extra truckje om de volledige controle over de afmetingen te behouden: Single Pixle Gif's.

Zoals eerder vermeld kan een cel in een tabel nooit kleiner worden dan een afbeelding die het bevat. Hiervan maken we listig gebruik om minimum celbreedtes of hoogtes vast te leggen. Dit doen we met een gif die maar 1 pixel bevat en die ook nog transparant is ook. Dus een uiterst klein bestand om binnen te halen die als hij geplaatst is niet zichtbaar zal zijn. We rekken de afbeelding op door het zetten van de <IMG> attributen WIDTH en HEIGHT naar de gewenste waarden.

Je maakt een Pixel.gif in een beeldbewerkingsprogramma. Open een nieuw bestand met de afmetingen van 1x1 pixel. Open het met een transparante laag als achtergrond. Sla dit bestand op als een GIF met transparency. Of kopieer de pixel.gif uit dit document.

Paginarand maken
Gebruiksvoorbeeld om, door wat ruimte te maken in de marges van de pagina, de tekstregels korter en dus beter leesbaar te maken. Voor het voorbeeld zijn de borders van de Pixel Gif's zichtbaar gemaakt. Om deze marges voor de hele pagina in te stellen zet je de HEIGHT op 100%.

Op de late namiddag, terwijl de anderen hun ontbijt beeindigden, begaven Gandalf en Aragorn zich samen terzijde en wierpen hun blikken richting Caradhras. Diens flanken waren nu donker en dreigend, en de piek was door grauwe wolken omgeven.

J.R.R. Tolkien - In de ban van de ring

<img src="../images/pix.gif" width="40" height="125" border="1" align="left">
<img src="../images/pix.gif" width="40" height="125" border="1" align="right">
<font face="Courier New, Courier, mono">Op de late namiddag, terwijl de anderen
hun ontbijt beeindigden, begaven Gandalf en Aragorn zich samen terzijde en wierpen
hun blikken richting Caradhras. Diens flanken waren nu donker en dreigend, en
de piek was door grauwe wolken omgeven. </font>

Naar boven

Tabelcellen met gegarandeerde afmetingen
De single pixelgif's in de volgende oefening zorgen ervoor dat de linkernavigatie gegarandeerd 200 pixels breed is en de lege kolommen tussen de teksten 20 pixels. Ook zorgt een pixel gif ervoor dat de navigatie met de geneste tabel pas 50 pixels vanaf de bovenste celrand begint. Opnieuw is de border zichtbaar gemaakt ter verduidelijking.

		Geciteerd uit de MS IE 5 Online Help		J.R.R. Tolkien - In de ban van de ring
Beginpagina Informatie en contact Sitemap		Als u voor het eerst kennismaakt met het Internet, zullen de vele nieuwe termen als hyperlink en URL u ongetwijfeld doen duizelen. In de onderstaande beknopte woordenlijst kunt u de betekenis van een aantal veelgebruikte termen opzoeken. Het Internet is een systeem dat miljoenen computers over de hele wereld met elkaar verbindt. Op het World Wide Web, het bekendste deel van het Internet, kunt u allerhande zaken aantreffen, waaronder geavanceerde multimediaclips en zelfs live radio en videobeelden.		Op de laten namiddag, terwijl de anderen hun ontbijt beeindigden, begaven Gandalf en Aragorn zich samen terzijde en wierpen hun blikken richting Caradhras. Diens flanken waren nu donker en dreigend, en de piek was door grauwe wolken omgeven.

Naar boven