Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a design that I have to implement where the designer has a top navigation with evenly spaced items.
I have used an unordered list for this. The only way I could get the items evenly spaced is to use javascript (it is a CMS or the number of LIs can vary).
The problem I have is the LIs start out with no padding then the padding gets added by JS, when you flick between pages you see a noticeable jump.
Is there any way to achieve the same result through HTML, if possible avoiding tables?
Make your list items
display:inline-blockand then give them a width. The width should be inemunits so it resizes with the text.Won’t look nice on IE6, but should be readable/navigable.