Hi

Another HTML/CSS question while I'm learning...

My topic is to add a picture as a background, f.e. in a HTML/Text module. It has to be 100% (that's no problem) and I should be able to add test over the picture as I can do over a background color. I tried it using a table with only one cell and set the picture as table background. Then I went to the source code of the table but I was not able getting text over the picture. The code looks like
---
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
    <tbody>
        <tr>
            <td><img alt="" width="1000" height="500" src="/Portals/1/Prospekt breit.jpg" /> Hello</td>
        </tr>
    </tbody>
</table>
---
Can I add the code here? I guess I have to do that in the CSS Editor, right? If so I still don't know how to do that for only one module. And of course I don't know the code by now, but I'll find that out. It would help to know where to add the code.

Thanks!

Regards,
Freddie

Freddie,

There are several ways to add a background image to an element:

1. Inline style - You can add the background css to any block element like so:

<div style="background:#000 url(images/images.png) scroll repeat top left">This is the content of the element</div>

2. Using an ID or class on the element - By adding a CSS class or ID to an element you can then use an external stylesheet to control the background:

HTML
<div class="elementclass">This is the content of the element</div>

CSS
.elementclass{
background:#000 url(images/image.png) scroll repeat top left;
}

Regards,

Rick.

---

---

PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype

Rick

I do not understand no. 2 yet (ID or class element).

I'll try no. 1 (inline style), HTML and CSS tomorrow and post it here.
But before I'll wait for an answer of Ralph; I think he's solution is similar to your HTML one... ?

Regards,
Freddie