HTML authoring - Newbie question on styles inside html doc

Author

Newbie question on styles inside html doc

Manfred Preußig

2007-03-09, 6:23 am

hello,
I just try to setup a html based internet site and to make the element
positions I decided to use tables. It worked all fine but than I wanted
to make a background image for one of the cells. I first make the image
in Paint Shop than insert it to the page. After it I changed it from
normal picture insert to the backgrund through

<td
style="background: transparent url(./Bilder/Strichbild_Haus_klein.jpg)
repeat scroll 0% 50%; -moz-background-clip: initial;
-moz-background-origin: initial; -moz-background-inline-policy: initial;
height: 150px; width: 200px;"
align="undefined" valign="undefined"><br>

(Don't look at the name, it's german). It worked too and I'm able to
insert additional parts in front of it. But the size settings are
strange. As one can see the cell size is 200 in width. The image size is
200px in width too. But in the cell a small part of another instance of
the picture is shown at the right-most edge of the cell, just two or
three px in width. It looks shitty of course. I think it belongs to the
repeat setting in the style-line but I don't know how to change it. Can
anyone help me doing it?

Julien A

2007-03-12, 7:25 pm

Hi,

Try to replace all the background stuff with only this :

background: url(./Bilder/Strichbild_Haus_klein.jpg);
background-repeat: no-repeat ;

Regards,

Ju

Manfred Preußig a écrit :
> hello,
> I just try to setup a html based internet site and to make the element
> positions I decided to use tables. It worked all fine but than I wanted
> to make a background image for one of the cells. I first make the image
> in Paint Shop than insert it to the page. After it I changed it from
> normal picture insert to the backgrund through
>
> <td
> style="background: transparent url(./Bilder/Strichbild_Haus_klein.jpg)
> repeat scroll 0% 50%; -moz-background-clip: initial;
> -moz-background-origin: initial; -moz-background-inline-policy: initial;
> height: 150px; width: 200px;"
> align="undefined" valign="undefined"><br>
>
> (Don't look at the name, it's german). It worked too and I'm able to
> insert additional parts in front of it. But the size settings are
> strange. As one can see the cell size is 200 in width. The image size is
> 200px in width too. But in the cell a small part of another instance of
> the picture is shown at the right-most edge of the cell, just two or
> three px in width. It looks shitty of course. I think it belongs to the
> repeat setting in the style-line but I don't know how to change it. Can
> anyone help me doing it?