njdirt Posted February 3, 2010 Share Posted February 3, 2010 Hello, I hope this is a properly labeled thread, but here is my issue: I have a menu, which is all on one line (in case it matters). The link that is being hovered over is larger than the rest of the menu items, and in between each item is "::". Now, each time a link is hovered over, the "::" drops a pixel or so. I want everything to stay vertically stationary (except the hovered text, which expands higher. I feel like it has something to do with baseline, but I can't find any info on it. Here is the link: http://www.blackmarketbikes.com/10/index.php Thanks in advance! Link to comment https://forums.phpfreaks.com/topic/190737-text-menu-with-varying-size-need-to-keep-standard-baseline/ Share on other sites More sharing options...
haku Posted February 3, 2010 Share Posted February 3, 2010 Menus should be built as lists, with each of the list items floated to the left. If you do this, you can style the list items independently to fix this problem. Link to comment https://forums.phpfreaks.com/topic/190737-text-menu-with-varying-size-need-to-keep-standard-baseline/#findComment-1005867 Share on other sites More sharing options...
njdirt Posted February 3, 2010 Author Share Posted February 3, 2010 That is the proper way to do it, but I found that if I make the "::" the same size as the larger of the two menu fonts, everything works fine. Not sure how or why, but it does so in all tested browsers, so I'm content. Thanks for the proper fix tho! I will keep the menu lists in mind for future site builds. Link to comment https://forums.phpfreaks.com/topic/190737-text-menu-with-varying-size-need-to-keep-standard-baseline/#findComment-1005901 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.