SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jan 2005
    Location
    USA
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Background image and positioning flash file

    Hi,
    My problem is
    1. I am creating an intro page, it contains a background gradient and in middle its a flash movie. Thatz it.
    2. for background I am using a horizontally small(height=760 width=17) gradient GIF image. I would like to stretch that as my background using CSS(I don't want to specify width size for stretching, I want to stretch for X times, so that it will automitaclly adjust according to the browser.)
    3. I am using an external CSS.
    4. I need coding for both CSS and HTML for background stretching. I don't want to specify width and height in HTML.
    5. In center I want to place a flash movie. I tried, but if i use seperate div for background and flash movie, my flash movie appears below the gradient background. I want to place the flash movie exactly in middle of the gradient.
    6. Background layout width=1024px height=726px
    7. Flash movie width=700px Height=300px

    My HTML coding:
    <html>
    <head>
    <link rel="style sheet"
    type=text/css
    href="bg.css"/>
    </head>
    <body>
    <div id="image">
    <img src="..\Desktop\table\strip.gif">
    <object width="700" height="300">
    <param name="movie" value="shoe.swf">
    <embeded src="shoe.swf" width="700" height="300">
    </embeded>
    </object>
    </div>
    </div>
    </div>
    </body>
    --------------
    MY CSS coding(bg.css)
    div#image {
    background-image: url(../table/strip.gif);
    background-repeat: repeat-y;
    width:100%;
    z-index: 0;
    }

    Where I am doing wrong? Pls help me with coding!

    Thanks!

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello

    For the background image just add this to the css file:

    Code:
    body {background: url(image.gif) top left repeat-x;}
    Then I am not sure what this image is here: <img src="..\Desktop\table\strip.gif"> if that is the background image in question remove this img tag in the HTML:

    Code:
    <html>
         <head>
         <link rel="style sheet" type=text/css href="bg.css"/>
         </head>
         <body>
         <div id="image">
         <img src="..\Desktop\table\strip.gif">
     <object type="application/x-shockwave-flash" data="shoe.swf" width="700" height="300"> <param name="movie" value="shoe.swf" /> <p>You do not have the Flash player installed. If you would like to view the Flash portions of this site, please <a href="http://www.macromedia.com/go/getflashplayer" title="Get Flash">download the Flash plugin</a>.</p></object>
         </div>	
         </body>
    Hope it helps

  3. #3
    SitePoint Member
    Join Date
    Jan 2005
    Location
    USA
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am replying myself so that i no need to put in seperate post. can anyone post external CSS coding and HTML coding for the above question? Pls its kinda important.

    Thanks!!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •