SitePoint Sponsor

User Tag List

View Poll Results: How is it?

Voters
3. You may not vote on this poll
  • I had the same problem! Very helpful.

    1 33.33%
  • Cool.

    0 0%
  • Allright.

    1 33.33%
  • Are u kidding me?

    1 33.33%
Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast venice's Avatar
    Join Date
    Jul 2003
    Location
    Puerto Rico
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Background Images

    Okay, so I designed the perfect background for my site. And it looks perfect on my screen. BUTTTTT, it turns out that it looks too big on other screens, and people have to scroll to the side to see the rest of it! The actual size is 1027 x 128 px. but if I make it smaller then it looks like a tile image on my screen (and others like mine)!! I tried breaking the header (which is part of the background) into smaller graphics but it j/doesn't look the same. PLEASE, ANY SUGGESTIONS ARE VERY WELCOME. By the way, I use MS Photodraw to create my graphics, but I have fireworks too, I j/haven't had time to learn it...

    THANKS!

    http://www.vastdesign.biz/home.htm
    "The artist is nothing without the gift,
    but the gift is nothing without work." - Emile Zola (1840-1902)

  2. #2
    Drupaler bronze trophy greg.harvey's Avatar
    Join Date
    Jul 2002
    Location
    London, UK
    Posts
    3,258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Erm, the convention is to design for 800x600 screens generally. You haven't, so hence the scrolling problem. You'll notice that people with a smaller screen will have to scroll right to see your text too, which isn't ideal.

    IMO, you need to rework this site a bit. Nothing major in terms of look and feel, but either make stuff scale to % sizes or work it out again to a 760px wide template and tweak your top bar graphic so that it bleeds out to the right.

    G

  3. #3
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    use CSS to set it not to repeat
    Code:
    body {
    background: url(/images/yoursuperbackground.jpg) no-repeat;
    }
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  4. #4
    SitePoint Enthusiast venice's Avatar
    Join Date
    Jul 2003
    Location
    Puerto Rico
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not familiar w/CSS. What does the code do??
    Thanks, guys.
    "The artist is nothing without the gift,
    but the gift is nothing without work." - Emile Zola (1840-1902)

  5. #5
    SitePoint Enthusiast venice's Avatar
    Join Date
    Jul 2003
    Location
    Puerto Rico
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OHHHHH j/got what u mean by "repeat".
    THANX!
    "The artist is nothing without the gift,
    but the gift is nothing without work." - Emile Zola (1840-1902)

  6. #6
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by venice
    I tried to use the code u game me, but it's not working. Do I type it in exactly as you had it? does it go inside the <body background> tag?
    you either put it in an external stylesheet, which you then load into the page via a LINK
    Code:
    [...]
    <head>
    [...]
    <link rel="stylesheet" src="yourstyles.css" type="text/css">
    </head>
    [...]
    or stick the style definitions right there in the document
    Code:
    [...]
    <head>
    [...]
    <style type="text/css">
    body { background: url(/images/yoursuperbackground.jpg) no-repeat; }
    </style>
    [...]
    </head>
    [...]
    or inline in the body
    Code:
    <body style="background: url(/images/yoursuperbackground.jpg) no-repeat;">
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  7. #7
    SitePoint Enthusiast venice's Avatar
    Join Date
    Jul 2003
    Location
    Puerto Rico
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanx, redux. I used the 'Help' on dreamweaver to add CSS and that helped. I had no idea what it was or how it worked. Now I know!
    THANKS.
    "The artist is nothing without the gift,
    but the gift is nothing without work." - Emile Zola (1840-1902)


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
  •