www.webdeveloper.com
+ Reply to Thread
Results 1 to 4 of 4

Thread: background help

  1. 06-12-2005 06:49 AM #1
    metrostars
    metrostars is offline Registered User
    Join Date
    Jun 2005
    Posts
    33

    background help

    how do yuo make it so that you display an image as a background ONCE and then another is reapeated after that forever?
    Reply With Quote Reply With Quote
  2. 06-12-2005 06:57 AM #2
    the tree's Avatar
    the tree
    the tree is offline Hotter than you
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    So two background images, one repeated one not? Can't be done in one element but if you put a div in then you can give that a non-repeating background (with it's colour as transparent).
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.
    Reply With Quote Reply With Quote
  3. 06-12-2005 09:23 AM #3
    metrostars
    metrostars is offline Registered User
    Join Date
    Jun 2005
    Posts
    33
    explain how you do that please
    Reply With Quote Reply With Quote
  4. 06-12-2005 09:31 AM #4
    the tree's Avatar
    the tree
    the tree is offline Hotter than you
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    Well you'd define a repeating background for your body element as usual. Then wrapping around everything else, like another body element, you'd have a div with a non-repeating background, as you'd usually define that.
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>The Page with two backgrounds.</title>
<style type="text/css">
body{background: url(repeatable.png) #ccc;}
div#container{background: url(unrepeatable.png) no-repeat transparent;}
</style>
</head>
<body>
<div id="container">
<h1>The Page with two backgrounds</h1>
<p>Some hoopy content would go here</p>
</div>
</body>
</html>
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

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

Forum Rules

 HTML5 Development Center



Recent Articles