2 background images in een tabel

Status
Niet open voor verdere reacties.
J

justinos

Gebruiker
Lid geworden
12 nov 2004
Berichten
199
Hallo allemaal,

Ik wil graag tussen de <td></td> in een tabel 2 foto's als achtergrond. De eerste foto moet zich in deze cel altijd bovenin centreren, de andere foto altijd onderin. Als de tekst langer wordt dan deze 2 plaatjes dan ontstaat er dus in het midden gewoon een open ruimte zonder achtergrondplaatje.

Nu heb ik het volgende geprobeerd. In de <head>:

HTML: 
<style>
.outer {
    background: #FFFFFF url(http://www.vdvpromotie.nl/centerrighttop.jpg) no-repeat top;
    padding-top: 5px;
}
.inner {
    background: #FFFFFF url(centerrightdown.jpg) no-repeat bottom right;
    padding-bottom: 5px;
} 
</style>

en in de tabel in de body:

HTML: 
  <td width="264" border="0" valign="top">
<div class="outer">
    <div class="inner">
<br>
test
<br>
    </div>
 </div>
</td>

Dit werkt helaas niet, althans deels werkt het wel maar het plaatje "centerrightdown.jpg" staat gewoon bovenaan en niet automatisch onderin.

Alvast bedankt en ik hoop dat mijn vraag duidelijk is.

Justin
 
Vlak nadat ik mijn vraag hier gesteld heb, en na al ruim een uur prutswerk, bedenk ik ineens de oplossing! En het werkt ook nog :D

in de <head> heb ik het volgende geplaatst:

HTML: 
<style>
.outer {
    background: #FFFFFF url(http://www.vdvpromotie.nl/centerrighttop.jpg) no-repeat top;
    padding-top: 5px;
}
</style>

in de <body> in de tabel het volgende gedaan:

HTML: 
  <td width="264" border="0" valign="top" background="centerrightdown.jpg" STYLE="background-repeat: no-repeat; background-position: bottom right;">

<div class="outer">
<br>
<br>test
<br>
 </div>

 </td>

Dus excuses voor dit/deze (weet het nog steeds niet) topic!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan