#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    138
    Rep Power
    12

    css background help


    I created a menu and the menu has a background tab.

    Here's the css code:

    .menu {
    FONT-FAMILY: Arial, verdana, helvetiva, sans-serif;
    font-size: 14px;
    color: #0050A4;
    text-decoration: none;
    background-image: url(images/menu.gif);
    background-repeat: no-repeat;
    background-position: left bottom;

    }

    Here's the html

    <td width="107" height="28" class=menu align="middle" valign="center">
    <A class=menu2 href="profile.html" >Profile </A>
    </td>



    Now the problem is that the menu's are cutting the image on the right. The curve of the image is not coming up. The width in the html is the width of the image.
    Does anyone know why this may be happening?
  2. #2
  3. No Profile Picture
    The Forest
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2002
    Posts
    321
    Rep Power
    13
    Possibly because of this line:
    background-position: left bottom;

    Try removing it, or changing it to this:
    background-position: top right;

    Hope that helps!

    Happy coding!
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Formby
    Posts
    52
    Rep Power
    12
    Are you using any cellpadding or cellspacing in the table? Do you have a link?
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    138
    Rep Power
    12
    nope the problem is not because of the alignment. I wanted it aligned that way. I finally figured it out. My table was too small so they all mushed and didn't show the whole background. I changed the width of the table and it worked.

IMN logo majestic logo threadwatch logo seochat tools logo