Ok, well that's good, now just to make the menu smaller but still make it look good =/
Thanks very much for your help![]()
Ok, well that's good, now just to make the menu smaller but still make it look good =/
Thanks very much for your help![]()
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.
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.
OO yea i see it now you get that little sliver if its not the right width.
Which stylesheet are you doing this in? Looks like 2 or 3 more pixels of width.
floating it right might make it look normal cause the little sliver would go on the left and the black would catch your border.
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?
EDIT:can you screen shot what your seeing and i'll throw mine up as wellCode:.mattblackmenu li a.end{ width:77px; border-right:0; float:right; text-align:centered; }
Also i changed width a sec ago
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
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.
Bookmarks