General Web Design Discussion

CheshireCat · July 17 '10, 05:47 PM (#1)

I'm creating a menu using an unordered list with the items presented inline. The menu features six text links followed by two images - Twitter and LinkedIn icons. Each text link and image is an individual list item. Before adding links to each list item, the menu appears the way I would expect - inline. However, when I add links to the icons, the icons wrap to new lines (the text links remain together on the "top" line).

I have searched for an answer to this problem, but can't find anything.

Help is greatly appreciated!

Thanks.

aeroweb99 · July 18 '10, 10:39 PM (#2)

If you have a link so we could see, that would be most helpful...

CheshireCat · July 19 '10, 05:31 PM (#3)

Here's a test page where the format is what I would like: To view the link you have to Register

And here's one of my site pages with the code used above embedded into a template:
To view the link you have to Register

Thanks in advance for your help!

aeroweb99 · July 19 '10, 09:41 PM (#4)

#SMLinks ul li a

This line needs a float: right. Then some padding: 0 5px looks about right.

Incidentally, floats should have a width applied so you don't have any bugs pop up in different browsers.

CheshireCat · July 19 '10, 10:15 PM (#5)

Perfect!

Thank you *so* much!!!

General Web Design Discussion

Images wrapping in unordered list inline menu