Problems making horizontal footer with 2 lines...

This is a discussion on "Problems making horizontal footer with 2 lines..." within the Web Page Design section. This forum, and the thread "Problems making horizontal footer with 2 lines... are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jul 12th, 2007, 22:10
Junior Member
Join Date: Feb 2007
Location: Missouri
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Problems making horizontal footer with 2 lines...

I'm 95% done with this site I'm doing, and now the client wants to add more crap to the footer. I had it working fine, when everything could fit on a single line, but I have to make the address use two lines, and also have the phone numbers take up two lines. I've attached a picture showing an example of what I want.

I'm currently stumped as to how I can get this laid out like this using a list, and have the text centered within the space. I tried to add a line break, but it moved the whole list down. Thanks for any help, or even if you have a link with some navigation or a footer that is laid out like this that I could reference. Thanks!
Attached Images
File Type: jpg example.jpg (10.1 KB, 26 views)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jul 12th, 2007, 22:41
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

Hey Mike..
I don't know ... I think I would nest some div's inside the footer.
4 of them.
Make them all the same width and same heights.
Then put the text in the divs.

The middle two div's could have left and right borders.

Do you need a sample?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 12th, 2007, 22:50
Junior Member
Join Date: Feb 2007
Location: Missouri
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

Quote:
Originally Posted by Lchad View Post
Hey Mike..
I don't know ... I think I would nest some div's inside the footer.
4 of them.
Make them all the same width and same heights.
Then put the text in the divs.

The middle two div's could have left and right borders.

Do you need a sample?
I can do that, I was thinking maybe there was a way do it with a list like how I had it before. The site is already a little "div happy" since I started it months ago when I knew very little about css. If nobody has a better way, I'll use divs. Thanks!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jul 12th, 2007, 22:52
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

div happy is better than table happy!

I did a footer like the way I described. Not sure it's the best way but it looks good!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jul 12th, 2007, 23:38
Most Reputable Member
Join Date: May 2006
Location: North West, UK
Age: 22
Posts: 1,173
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

I did something like this a while back and I used a single list and a span I think. Unfortunately my HD died the other day and until the data retrieval mans gives me the good news (and all of my data) I haven't got my stuff. I think it's quite simple though so I'll see if I can work it out again.

Pete.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Jul 12th, 2007, 23:43
Most Reputable Member
Join Date: May 2006
Location: North West, UK
Age: 22
Posts: 1,173
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

Sorry is that two separate lines or one line of links but with each link going on 2 separate lines? I can do the first one but not the second. Separate spans or divs would be necessary, I think.

Pete.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Jul 13th, 2007, 13:06
Junior Member
Join Date: Feb 2007
Location: Missouri
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Problems making horizontal footer with 2 lines...

Quote:
Originally Posted by pa007 View Post
Sorry is that two separate lines or one line of links but with each link going on 2 separate lines? I can do the first one but not the second. Separate spans or divs would be necessary, I think.

Pete.
only the email was a link, but I got it working with divs last night, so I think I'm just going to stick with that. Thanks guys!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
css, footer, horizontal, list

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Vertical and Horizontal Dashed lines thewebkid Starting Out 4 Oct 30th, 2007 10:13
CSS Horizontal Menu Bar - IE Problems!! swillicott Web Page Design 47 Jul 23rd, 2007 21:42
CSS Sticky Footer problems karinne Web Page Design 2 May 1st, 2007 18:05
Making A CSS horizontal, drop down menu Powderhound Web Page Design 15 Aug 22nd, 2006 10:42
Making a footer stick to the bottom bob_visualefx Web Page Design 8 May 26th, 2006 13:32


All times are GMT. The time now is 21:44.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved