Cell van tabel vullen met 2 afbeeldingen (met css?)
Ik heb een cell van een tabel.
Graag zou ik deze 'dubbel' willen vullen met een afbeelding.
Hiermee wil ik zeggen, 1 afbeelding uitlijnen naar boven, en 1 afbeelding uitlijnen naar beneden.
Op deze manier kan je 1 afbeelding uitlijnen
Edit:
:
Edit:
Het gaat dus om een afbeelding die uitgerekt moet worden.
De bovenkant is 200px hoog en de onderkant ook. Daar tussenin moet variabel worden.
Maar de cell moet 'compleet' beschikbaar zijn voor tekst!
Zo dus:
Leuke uitdaging, maar het lukt nog niet echt.
Gr. J
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
background-image:
[ edit werkt helaas niet in cellen...] url("images/background.png");
[ edit werkt helaas niet in cellen...] background-repeat:
[ edit werkt helaas niet in cellen...] no-repeat;
[ edit werkt helaas niet in cellen...] background-position:
[ edit werkt helaas niet in cellen...] left bottom;
[ edit werkt helaas niet in cellen...] background-attachment:
[ edit werkt helaas niet in cellen...] fixed;
[ edit werkt helaas niet in cellen...] url("images/background.png");
[ edit werkt helaas niet in cellen...] background-repeat:
[ edit werkt helaas niet in cellen...] no-repeat;
[ edit werkt helaas niet in cellen...] background-position:
[ edit werkt helaas niet in cellen...] left bottom;
[ edit werkt helaas niet in cellen...] background-attachment:
[ edit werkt helaas niet in cellen...] fixed;
Het gaat dus om een afbeelding die uitgerekt moet worden.
De bovenkant is 200px hoog en de onderkant ook. Daar tussenin moet variabel worden.
Maar de cell moet 'compleet' beschikbaar zijn voor tekst!
Zo dus:
Leuke uitdaging, maar het lukt nog niet echt.
Gr. J
table's zijn voor data, niet complete site's
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!begin table 1>
<table height="1000" width="1000" border"1" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="200" height="1000">cel</td><td width="800" rowspan="2">cel</td>
</tr>
<tr>
<td>
<!begin table 2>
<table border="0" cellspacing="0" cellpadding="0" width="800" height="800">
<tr valign="top">
<td height="200" width="800">plaatje</td>
</tr>
<tr valign="top">
<td height="400" width="800">cel</td>
</tr><tr valign="top">
<td height="200" width="800">plaatje</td>
</tr>
</table>
<!eind table 2>
</td>
</tr>
</table>
<!eind table 1>
<table height="1000" width="1000" border"1" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="200" height="1000">cel</td><td width="800" rowspan="2">cel</td>
</tr>
<tr>
<td>
<!begin table 2>
<table border="0" cellspacing="0" cellpadding="0" width="800" height="800">
<tr valign="top">
<td height="200" width="800">plaatje</td>
</tr>
<tr valign="top">
<td height="400" width="800">cel</td>
</tr><tr valign="top">
<td height="200" width="800">plaatje</td>
</tr>
</table>
<!eind table 2>
</td>
</tr>
</table>
<!eind table 1>
Gewijzigd op 01/01/1970 01:00:00 door Arjan Schuurman
Dus 1 cel vullen met 2 difs en de tekst gewoon in de cell zelf plaatsen?
http://www.helpmij.nl/forum/showthread.php?p=1709505
Dit is de bedoeling:
"Je wil twee afbeeldingen onder elkaar hebben, boven en onder uitgelijnd, met een tekst die over deze 2 afbeeldingen loopt? Ofwel, plaatjes als achtergrond."
Dat kan niet als je met tabels werkt, dan krijg je nooit tekst over de afbeeldingen en de celle en de onderste afbeelding heen.
Het gaat mij meer om de code (volgensmij moet dat met css kunnen) dat je van een cell van een tabel de opmaak kan regelen, waarvan boven 1 afbeelding uitgelijnd. en onder 1. En dat ik over het geheel teks kwijt kan zonder het in vakken te moeten proppen.