Toon posts:

[html] tabelrand dmv plaatjes ?

Pagina: 1

Acties:

46 views sinds 30-01-2008
Reageer

dinsdag 23 juli 2002 12:26

Acties:

Verwijderd

Topicstarter

ik wil de rand van m'n tabel uit plaatjes laten bestaan,
en dan ook nog zo dat het allemaal gemakkelijk geresized
hergebruikt) kan worden

ik heb een tabel met 3 kolommen en 3 rijen...

elke buitenhoek komt een plaatje van 5x5 pixels (de hoeken)
het middelste stuk van de randen bestaat uit een langwerpig
plaatje (de randen).
ik heb van al die plaatjes de properties van width en
height op 100% x 100% gezet, zodat als ik het straks in
asp/php ga gebruiken ik alleen de properties van de tabel
variabel hoef te hebben.

dit is wat ik wil maken dus:

code:

|-|-----------|-|
| |      | |
|-|-----------|-|
| |      | |
| |  onzin    | |
| |      | |
|-|-----------|-|
| |      | |
|-|-----------|-|

ff htmlletje erbij zodat je het kan zien...

code:

&lt;html&gt;

&lt;head&gt;

&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1252&quot;&gt;
&lt;title&gt;table test&lt;/title&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;table border=&quot;0&quot; width=&quot;100&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bordercolor=&quot;#111111&quot; background=&quot;test2.jpg&quot;&gt;

  &lt;tr&gt;
    &lt;td width=&quot;5&quot; height=&quot;5&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;lb.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
    &lt;td width=&quot;100&quot; height=&quot;5&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;boven.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
    &lt;td width=&quot;6&quot; height=&quot;5&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;rb.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
  &lt;/tr&gt;

  &lt;tr&gt;
    &lt;td width=&quot;5&quot; height=&quot;100&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;links.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
    &lt;td width=&quot;100&quot; height=&quot;100&quot; valign=&quot;top&quot;&gt;&lt;font face=&quot;Arial&quot;&gt;

teksten enzo

    &lt;/font&gt;&lt;/td&gt;
    &lt;td width=&quot;6&quot; height=&quot;100&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;rechts.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
  &lt;/tr&gt;

  &lt;tr&gt;
    &lt;td width=&quot;5&quot; height=&quot;5&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;lo.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
    &lt;td width=&quot;100&quot; height=&quot;5&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;onder.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
    &lt;td width=&quot;6&quot; height=&quot;5&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;ro.jpg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/td&gt;
  &lt;/tr&gt;

&lt;/table&gt;

&lt;/body&gt;

&lt;/html&gt;

ik heb het even online gezet: [url="http://www16.brinkster.com/ocvtest/index.htm"]http://www16.brinkster.com/ocvtest/index.htm[/url]

(trouwens hier ziet ie er nog kutter uit als locaal

hmm vaag.)

het probleem is dus zoals je ziet, dat als ik de plaatjes
op 100% zet ipv de absolute afmeting, en daarmee de grootte
van de plaatjes dus door de celgrootte laat bepalen... de
layout gruwelijk verneukt wordt!:r

het is niet echt nodig om die afmetingen van de plaatjes te
laten bepalen door de celgrootte ('k kan het ook gewoon ff
in asp uit laten rekenen) maar ik vroeg me af waarom dit
eigelijk niet gaat?

dinsdag 23 juli 2002 12:42

Acties:

Verwijderd

Zet de plaatjes die moeten kunnen rekken gewoon als achtergrond van de td's. In de td zet je dan een empty gifje met de minimale breedte/hoogte...

dinsdag 23 juli 2002 12:45

Acties:

gorgi_19

Kruimeltjes zijn weer op :9

Sowieso moet je je code eens nalopen:

code:

1	<table border="0" width="100"

Een width van 100

En hoe doe je je cellen?

code:

1
2
3

    &lt;td width=&quot;5&quot; height=&quot;5&quot;&gt;
    &lt;td width=&quot;100&quot; height=&quot;5&quot;&gt;
    &lt;td width=&quot;6&quot; height=&quot;5&quot;&gt;

Dit is meer dan 100..

Digitaal onderwijsmateriaal, leermateriaal voor hbo

dinsdag 23 juli 2002 12:58

Acties:

Verwijderd

Topicstarter

klopt, ik had die table width van 100 ff erin gezet om te testen of dat scheelde.... maar dat maakt nix uit..

de layout wordt nog steeds verneukt.

dinsdag 23 juli 2002 14:13

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 juli 2002 12:42 schreef Blues het volgende:
Zet de plaatjes die moeten kunnen rekken gewoon als achtergrond van de td's. In de td zet je dan een empty gifje met de minimale breedte/hoogte...

dan wordt de achtergrond getiled dus da's ook niet de bedoeling.. (hij moet worden uitgerekt)

Reageer