/    Sign up×
Community /Pin to ProfileBookmark

CSS list inline won’t expand!

Well, in trying to keep my xhtml semantic, I put my navigation links in an unordered list. I’ve been able to style it fine before, but now I can’t get it to do what I want. I have it uptop in a bar, and want to make each link the same size so that this top bar is evenly divided. I’ve just got the bare bones, and haven’t checked cross-browser-ness yet (don’t want to put a lot of work in if it can’t be done). There aren’t any images or colors yet, and there are fixes needed, but you get the idea. [URL=http://www.wdhaven.com/layout.php]It can be viewed here.[/URL]

CSS:

[code]
#firstul {
list-style-type:none;
margin:0;
padding:0;
width:700px;
text-align:center;
position:absolute;
top:110px;
border-bottom:1px solid #808080;
}

#firstul li {
display:inline;
margin:0;
padding:0;
border:solid #808080;
border-width:0 1px 0 1px;
}
[/code]

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@Ben_RogersAug 05.2004 — Forget to check [url=http://www.alistapart.com/articles/taminglists/#pipe]A List Apart[/url]?
Copy linkTweet thisAlerts:
@MstrBobauthorAug 05.2004 — Well, that's not what I'm looking for. I'm looking to make each list item the same width, and they're of varying sizes. But I found a way of doing it by setting display to block and using floats. problem solved ?
Copy linkTweet thisAlerts:
@ray326Aug 06.2004 — List items are already blocks. All you need to do is set their widths and float them.
×

Success!

Help @MstrBob spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...