Results 1 to 6 of 6

Thread: General questions about backgrounds and gifs

  1. #1
    Join Date
    Mar 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default General questions about backgrounds and gifs

    I made a water mark on a picture I wanted to use for a background. For some reason dream weaver kept reading it as a ping file and the change didnt show up. What is the standard setting for applying a background ? by setting i mean what are the coordinates in the x and y parts. Why did dream weaver not notice the changes?

    thanks,
    web designee

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    You shouldn't set a background absolutely-positioned; it will break the script in unusual resolutions.
    Code:
    <style type="text/css">
      background-image: url(background.gif);
      background-color: black;
      background-position: center;
    </style>
    Last edited by Twey; 03-10-2006 at 04:11 PM.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Mar 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    How do you get the backgound to strecth to fit the whole scree in dream weaver? I have tinkered with it some and its still messy looking. I dont like the repeating effect cuz it just looks bad.

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    I don't know about Dreamweaver -- or stretching, for that matter -- but to disable repeating:
    Code:
    background-repeat: no-repeat;
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Background images don't stretch, period. Repeat, center or position it. And be kind to low bandwidth users, keep the background image's byte size low, around 10K tops.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    The only thing you could do would be to create an actual image, then a new layer.

    <html>...
    <img src="IMAGE.jpg" width=100% height=100%>
    <div position=absolute left=1 right=1 z-index=2>
    YOUR CONTENT
    </div>
    ...</html>

    ...but that's gonna give you some ugly errors that I'm not sure how to deal with.. it might just have problems. It might work great, though. This is more hypothetical than really useful, but if you're set on having that, then go ahead.

    DISCLAIMER: I'm pretty sure the code in the div command is wrong. I'm tired and don't feel like looking it up right now. If you really want me to, lemme know and I'll look into it more. It's kinda complex... I just don't remember the exact syntax.

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
  •