Cell van tabel vullen met 2 afbeeldingen (met css?)

Door Jelmer op 21-08-2006 19:52

1.203 views

Hallo,

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 werkt helaas niet in cellen...]:

[ edit werkt helaas niet in cellen...]

    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;

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

Hipska BE

21-08-2006 19:56

tip: gebruik DIV's

table's zijn voor data, niet complete site's

Arjan Schuurman

21-08-2006 20:24

ik ga van 1000px uit:


<!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>

Jelmer

21-08-2006 20:24

Heb je een voorbeeld dat het met div's wel mogelijk is?

Dus 1 cel vullen met 2 difs en de tekst gewoon in de cell zelf plaatsen?

Arjan Schuurman

21-08-2006 20:29

Tables werken ook, voor div kun je het beste css gebruiken, maar ik vind table het makkelijkste tot nu toe.

http://www.helpmij.nl/forum/showthread.php?p=1709505

Jelmer

21-08-2006 20:33

Wat arjan zegt kan ik zelf ook bedenken..
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.

Jelmer

21-08-2006 20:35

div's zal ik morgen even proberen.. kijken als het dan wel lukt.. (volgensmi jook niet)

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.

Reageren

Inloggen om te reageren