Forums
This topic is locked
Background Image
Posted 07 Apr 2006 05:55:46
1
has voted
07 Apr 2006 05:55:46 Chris Trace posted:
Hey therebackground-image: url(../images/clouds.jpg width="100%" height="100%"
doesnt work in css but does anyone know the correct syntax to get it to work?
thanks
Replies
Replied 08 Apr 2006 12:33:22
08 Apr 2006 12:33:22 Dave Thomas replied:
your code [if it worked] would stretch an image no matter what the screen size,
which would have some ugly results.
best approach to it, is to create an area of the image that can be tiled, either vertically or horizontally, and then use the 'repeat-x' or 'repeat-y' to tile it in the page.
saves page loading times, and also allows you to have cleaner gfx.
regards
Dave Thomas
<b>DMX Zone Forums Manager</b>
Tip: Use Google or our own Search function to find answers before asking. You'd be surprised what's already written <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>
which would have some ugly results.
best approach to it, is to create an area of the image that can be tiled, either vertically or horizontally, and then use the 'repeat-x' or 'repeat-y' to tile it in the page.
saves page loading times, and also allows you to have cleaner gfx.
regards
Dave Thomas
<b>DMX Zone Forums Manager</b>
Tip: Use Google or our own Search function to find answers before asking. You'd be surprised what's already written <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>
Replied 09 Apr 2006 13:11:00
09 Apr 2006 13:11:00 Chris Trace replied:
Dave,
yes i want to stretch it to the enitre page size the graphic is desgined to do that but that code does not seem to work and neither does
background-image: url(../images/violinbackgroundpicone.jpg) no-repeat bottom right;
the file path is correct but still no image display
yes i want to stretch it to the enitre page size the graphic is desgined to do that but that code does not seem to work and neither does
background-image: url(../images/violinbackgroundpicone.jpg) no-repeat bottom right;
the file path is correct but still no image display