SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2004
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    background image uneven with regular image

    Code:
    div.top {
    border: 10px solid #CCCCCC;
    border-bottom-width: 0px;
    padding: 0px;
    background-image: url(menutile.jpg);
    }
    The code above yields this .

    It is uneven with the normal image, though both are the same size. I simply want to tile the bg image to the border even with the normal menu images. What am I doing wrong?

  2. #2
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this:
    background: url(menutile.jpg) repeat-x;
    Mauricio Samy Silva
    http://www.maujor.com/

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2004
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That works for FF but its still uneven in IE.???
    Also, it doesnt go to the edge of the border which I would like. I don't have any padding on or anything.

  4. #4
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Get rid of this border:
    Code:
    div.top {
    border: 10px solid #CCCCCC; <== delete 
    ............
               }
    Mauricio Samy Silva
    http://www.maujor.com/

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2004
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    looks perfect in FF, but again, is messed up in IE, any solutions?

  6. #6
    SitePoint Enthusiast
    Join Date
    Sep 2004
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    any ideas?


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
  •