Page 3 of 7 FirstFirst 12345 ... LastLast
Results 21 to 30 of 66

Thread: Test this page please

  1. #21
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Ok, well that's good, now just to make the menu smaller but still make it look good =/

    Thanks very much for your help

  2. #22
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Your last li is way bigger then the rest. Try this:
    .end {
    width:100px;
    }
    Right Now:
    http://www.christophermacdonald.net/Picture%202.png
    Compared with others:
    http://www.christophermacdonald.net/Picture%203.png
    Can't explain why but i think this will fix it also try pulling out the small font now and hopefully this will solve it.

  3. #23
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Yea I know the last link is bigger, I had to make it bigger so it would go to the end if you seem what I mean, otherwise the menu looks weird, If I set the values the same for all the links I can't quite get it exact, that's why I changed the calendar link.

    Edit: I will update the site in a couple of minutes, you'll see what I mean then

    Edit2: Now updated, but now there's the issue of the orange space on the right =/ So when you roll over it, the calendar isn't making the rest of the right of the menu go black.

  4. #24
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    OO yea i see it now you get that little sliver if its not the right width.

  5. #25
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Which stylesheet are you doing this in? Looks like 2 or 3 more pixels of width.

  6. #26
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    floating it right might make it look normal cause the little sliver would go on the left and the black would catch your border.

  7. #27
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Links to stylesheets here:

    http://bombthehills.com/test/ddlevel...enu-topbar.css

    This is the one with the ".end" class in it

    -----------------------------------------------------------------------------

    http://bombthehills.com/test/ddlevel...smenu-base.css

    http://bombthehills.com/test/style.css

    Hope this helps

    Edit: Updated site with the float:right property you mentioned, how does it look?

    In Windows this is very noticeable, it's more than just a 1px border, so are you saying it's tiny on Mac?

  8. #28
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Code:
    .mattblackmenu li a.end{
    width:77px;
    border-right:0;
    float:right;
    text-align:centered;
    }
    EDIT:can you screen shot what your seeing and i'll throw mine up as well
    Also i changed width a sec ago

  9. #29
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Updated, still a noticeable gap in Windows, but if it's fixed in Mac I better find out how to write than conditional statement again :P

    Edit: Screenie of Windows version - http://bombthehills.com/test/test.png

  10. #30
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Is the end class still in there? Its about 1 less pixel in mac but yea about that.
    I don't know what happened but i cant find the end class anymore haha. You could add a border-left:2px #000000 solid; I think that would work on the hover for .end.

Tags for this Thread

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
  •