/    Sign up×
Community /Pin to ProfileBookmark

two columned unordered list

I have tried to achieve a two columned list with bullet points yet I think that there is probably a better way t do it? I would like to close the points together but am unable to

[url]http://www.gordonengraving.co.uk/index.html[/url]

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@abzNov 11.2006 — take out the table and replace it with this:
[code=html]
<div id="lists">
<ul class="firstList">
<li>Schools</li>
<li>Hospitals</li>

<li>Architects</li>

<li>Designers</li>
</ul>
<ul class="secondList">

<li>Sports Clubs</li>

<li>The Emergency Services</li>

<li>Councils</li>

<li>Museums</li>
</ul>
</div>
[/code]


then add this to your head:
<i>
</i>&lt;style type="text/css"&gt;
&lt;!--
*{
margin:0;
padding:0;
}

.firstList{
float:left;
padding: 10px;
width: 20%;
}

.secondList{
margin-left: 20%;
padding: 10px;
}
--&gt;
&lt;/style&gt;


you will need to fiddle the css a bit to get the padding and margins right, and to get the formatting spot on. Although most things should cascade down from your other CSS styling.
Copy linkTweet thisAlerts:
@grumpyoldtechsNov 11.2006 — don't put it in the <head> PUT IT IN A STYLE SHEET!!!
Copy linkTweet thisAlerts:
@abzNov 11.2006 — there isn't much need for it to be in a linked stylesheet if it only applies to that one page. No point making people load styles for things they might not be looking at. Thats my theory anyway
Copy linkTweet thisAlerts:
@ray326Nov 11.2006 — I agree. Pick your style location (external, imbedded, inline) based on specificity.

site - external

page - imbedded

element - inline
×

Success!

Help @chesswill 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,
)...