SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    @alexstanford Alex's Avatar
    Join Date
    Apr 2004
    Location
    Jacksonville, Florida
    Posts
    757
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Background Image Problem

    As you will see, the image that should be at the top just has a white background.

    HTML:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     
     <head>
     
     <title>:: SHOCKEDSTYLE ::</title>
     
     <!-- Meta Tags -->
     
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     
     <meta name="author" content="Alex Stanford (alex @ shockedstyle.com)" />
     <meta name="copyright" content="Copyright 2004 ShockedStyle" />
     
     <meta name="description" content="The next generation of web design." />
     
     <meta name="distribution" content="Global" />
     <meta name="keywords" content="shocked, style, alex, stanford, portfolio, experience, skills, work, website, design, development" />
     
     <meta http-equiv="content-language" content="EN-US" />
     
     <meta name="revisit-after" content="2 Days" />
     <meta name="robots" content="All" />
     
     <link href="style.css" type="text/css" rel="stylesheet" />
     
     </head>
     
     <div class="wrapper">
     
     
     <div class="topgradient"></div>
     
     
     </div>

    CSS:

    Code:
    .wrapper  {  
     border: 2px; 
     border-style: solid; 
     border-color: #FFFFFF; 
     margin-top: 20px; 
     width: 750px;  
     height: 700px;  
     }
     
     .topgradient  {  
     width: 750px; 
     height: 13px; 
     background: url(http://www.gamer-chat.com/topgradient.gif); 
     border-bottom: 2px; 
     border-top: 0px; 
     border-left: 0px; 
     border-right: 0px; 
     border-style: solid; 
     border-color: #FFFFFF;  
     }
     
     body  {  
     background-color: #000000;  
     }
    The image is 1x13 and is a gradient.'

    Help please.

    Yuneek
    Alex Stanford @alexstanford tumblog about.me in fb G+ K
    TechTalkin The Premier Community for Technology Enthusiasts and Professionals
    Full Ambit Media Zero Sacrifice Web Design & Development; Made in the USA @fullambit in fb G+ K

  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

    It works for me on my comp, are you sure the path to the image correct?

    Code:
    background: url(http://www.gamer-chat.com/topgradient.gif);
    Johnny

  3. #3
    @alexstanford Alex's Avatar
    Join Date
    Apr 2004
    Location
    Jacksonville, Florida
    Posts
    757
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I'm sure the path is correct. but it is not working over here.

    I'm using FireFox 1.0
    Alex Stanford @alexstanford tumblog about.me in fb G+ K
    TechTalkin The Premier Community for Technology Enthusiasts and Professionals
    Full Ambit Media Zero Sacrifice Web Design & Development; Made in the USA @fullambit in fb G+ K

  4. #4
    @alexstanford Alex's Avatar
    Join Date
    Apr 2004
    Location
    Jacksonville, Florida
    Posts
    757
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I tried in IE and did not work there either.
    Alex Stanford @alexstanford tumblog about.me in fb G+ K
    TechTalkin The Premier Community for Technology Enthusiasts and Professionals
    Full Ambit Media Zero Sacrifice Web Design & Development; Made in the USA @fullambit in fb G+ K

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The above code is working but your image seems to be a white gif that is 1px x 13px.

    It is being displayed ok in ie and firefox but it is not a gradient image as far as I can see. The background gets filled in with the gif as it should.

    Paul


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
  •