Hey am looking to arrange the footer so it has 3 <ul> lists. How would i go about doing that, would it be to arrange it the same way as the main page content? The website is www.cherrietestingwebsite.com . Below is the format I am trying to achieve.

 

 

Quick Links Sample Menus Clan Caterers

Home BBQ Dalkeith Miners Club

About Us Build Your Own Burger Woodburn Road

Sample Menus Cold Salad Buffet Dalkeith

Gallery Midlothian

Contact Us EH22 2AT

 

Tel: 0753-3066-161

Email: clancaterers@yahoo.

 

 

Design by Cherrie Web Design

Hi, you would do it very similar to the way you built your layout

 

http://www.webdesignerforum.co.uk/topic/64982-trying-to-create-a-3-column-layout/

 

there are a few ways you could go about

<ul id="left">
<li>text goes here</li>
</ul>
<ul id="middle">
<li>text goes here</li>
</ul>
<ul id="right">
<li>text goes here</li>
</ul>
then in your css float id left and id middle to the left

 

you may need to wrap all 3 <ul> into one div and set an height for older browsers

Yes, you can use the same method, a container and three elements inside, each with float: left.

 

You have a #footer div and a style #footer ul { padding-top: 10px; padding-bottom: 10px; float: left; } which would be enough normally but you have h1 headings that you want above the ul tags, so you will have to create three container divs to go inside #footer each with float: left; and widths that with all side padding and side margins and side borders equal the width of #footer, then put one h1 tag and one ul tag inside each container.

Edited October 11, 201213 yr by Wickham

delboy has double-posted again, but I don't think it's his fault. I think this forum must be doing it.

 

elite - He has h1 tags above the ul tags, so he will need three divs to contain each h1 tag and ul tag, see the other post (which I will now merge).

delboy has double-posted again, but I don't think it's his fault. I think this forum must be doing it.

 

elite - He has h1 tags above the ul tags, so he will need three divs to contain each h1 tag and ul tag, see the other post (which I will now merge).

well spotted

Thanks guys i will have a play around with it and see what works, thought the 3 div thing may be necessary. I always post using chrome so i could try a different browser. I simply type a question and click post and then log off, everyone always says it comes up posted more than once, so god knows why or how its doing that.