FORUMS: list search recent posts

CSS Background Properties

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Jacob ResendezCSS Background Properties
by on Dec 31, 2007 at 4:38:24 pm

I have been searching online for any code sampling of CSS backgrounds such as this one:
http://www.bluestepstudio.com

how/what coding is used to keep the background fixed to the browser window?


Return to posts index

Abraham ChaffinRe: CSS Background Properties
by on Dec 31, 2007 at 5:12:06 pm

This page is built using a body margin of 0 so there is no border to the page. The image you see is actually a SWF that is set to stretch 100% wide and 100% tall so it fills the entire page no matter what size the window is.


Abraham


Return to posts index

Jacob ResendezRe: CSS Background Properties
by on Dec 31, 2007 at 5:18:42 pm

thats what i figured. i tried putting a swf in my css backgroundbut it didnt work. here is a sample:

{background-image:url(file:///cpu/Users/me/Desktop/css/test.swf)


is this not the correct way to insert a swf?


Return to posts index


Abraham ChaffinRe: CSS Background Properties
by on Dec 31, 2007 at 5:24:36 pm

Yea - you can't use a swf as a background image - because a swf isn't an image. They might support this some day but not atm.

Using your browser view the source of the page with the swf file and you'll see how they did it.

Here's what you should see:


<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version...
WIDTH="100%"
HEIGHT="100%"
id="xmas" ALIGN="">
<PARAM NAME=movie VALUE="xmas.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#ffffff>
<EMBED src="xmas.swf" quality=high bgcolor=#ffffff WIDTH="100%" HEIGHT="100%" NAME="xmas" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>




Abraham


Return to posts index

Jacob ResendezRe: CSS Background Properties
by on Dec 31, 2007 at 5:37:21 pm

yeah thats exactly what i did. only problem is in my css sheet. heres an example:

body { background-image: url(http://www.mywebsite.com/css/terminal.jpg);
background-attachment: fixed; background-repeat: no-repeat}

everytime i stretch the browser larger than my css backround image, my css background color is displayed. on the bluestepstudio site, their background image seems to grow or shrink when the browser is stretched.


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]