/    Sign up×
Community /Pin to ProfileBookmark

Layout of a sitemap

Hi.

I’m trying to build a sitemap in the style of the attatched image.

I’m trying to think of the best way to do this using meaningful markup and valid CSS. My initial thought was to do it using Definition Lists. E.g “Home”, “Dealer Directory”, “about us” etc being the DT elements and the links under each header being the DD elements. But is it possible using a definition list to lay it out correctly. How would I get it to spread out horizontally instead of just vertically down the page. Would setting different CSS classes for DT elements that need to start a new line (e.g. “dealer directory”, “motoring news”, “cororate” and “resources”)work?

Thanks for any advice anyone can give

Phil

[upl-file uuid=84322d1b-0e3d-467a-879e-e570a72a733f size=67kB]footer.jpg[/upl-file]

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@CentauriJun 30.2008 — I would think headings followed by unordered lists.
Copy linkTweet thisAlerts:
@scouseauthorJun 30.2008 — Thanks! I was thinking of possibly using nested unordered lists instead, but I suppose your suggestion makes more sense! ?
×

Success!

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