Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: 2babies=tired on August 19, 2011, 08:48:04 AM

Title: Menu_gfx misalignment?
Post by: 2babies=tired on August 19, 2011, 08:48:04 AM
Done a search on this but can't find any posts mentioning it, but I've seen this happen on another smf board that recently upgraded to 2.0. However mine is a fresh install and I have the same problem.

When I hover over Profile, My Messages, Calendar, Members etc.... the menu_gfx.png seems misaligned, as does 'new topic', 'new poll' etc on the right hand side too.

If anyone would like to see what I mean, here is the board:

http://www.twins-southend.co.uk/forum/index.php

Problem is, when I go to index.css the preview pane shows it working perfectly, but it definitely looks wrong on the actual menu! I have attached a screenshot also so you can see how it looks to me... in case it looks fine your end.

Any suggestions please?

Thanks

p.s using a fresh install of SMF 2.0 but I've customised with colour changes in curve theme.
Title: Re: Menu_gfx misalignment?
Post by: IchBin™ on August 19, 2011, 03:07:58 PM
Are you talking about how the dropped menu part is slightly to the right, or that there is a small gap between the main menu item and the drop menu?

To fix the drop menu being slightly to the right of the main item, you'll have to remove the left: -5px; in the index.css file for the .dropmenu li.firstlevel section. To remove the small gap you'll probably have to remove the padding from the .dropmenu li ul section. Use firebug in Firefox to test all these things out before you make them live.