UL in a Div problem aka : My Navbar

This is a discussion on "UL in a Div problem aka : My Navbar" within the Web Page Design section. This forum, and the thread "UL in a Div problem aka : My Navbar are both part of the Design Your Website category.



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

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 11th, 2006, 10:38
Reputable Member
Join Date: May 2006
Location: Northampton, UK
Posts: 399
Thanks: 0
Thanked 0 Times in 0 Posts
UL in a Div problem aka : My Navbar

I apoligise if you think this thread is unjustified, this topic was being discussed in another thread that started out on a different topic, and so the title wasnt really relevant.

It is really starting to drive me insane, i really need to figure this out today, and i fear i may need your help to acheive this.

Ok, first things first;

On the left hand side of my page i have a <div> which is 120px wide and #C4D0E7 , the left hand edge of this <div> (as marked by the edge of the colour) is nicly in line with the left hand edge of my footer, and the left hand edge of my header.

However, when i add a <ul> inside the <div> the individual <li> items do not justify themselves along the left hand edge...... instead the "left justify in the middle"

I'm not sure if there are rules against posting screenshots here, so heres a direct link to an image of the problem... not sure if it will help, but at least u will understand what im prattleing on about.

[img=http://img100.imageshack.us/img100/7515/divproblemqp3.th.jpg]

The above image is just of the <div> that has the problem


Now..... what im trying to acheive eventually is something like the navbar on this months best website winner:: http://www.designbit.co.uk/ ,

If you look at designbit's main nav system with the segmentet <ul> and those pink square bullet thingys..... id like to have the same sort of effect .... I hope they dont mind

So, any tips on how this was acheived....... Or idea's on the extreemly infuriating problem ive mentioned above would be very very greatly recieved

many thanks guys, I really hope you can help me with this.... youve allready helped me so much, both with code and the valuable critique youve provided .... I think im allmost there.

Edit:: I'm not looking to copy designbit's navbar ... just some tips on how the effect was achieved... just wanted to clear that up
Reply With Quote

  #2 (permalink)  
Old Oct 11th, 2006, 11:41
Reputable Member
Join Date: May 2006
Location: Northampton, UK
Posts: 399
Thanks: 0
Thanked 0 Times in 0 Posts
Re: UL in a Div problem aka : My Navbar

Dont worry......... Ive done it

Sods law really....... spend hhours trying.... get annoyed.... post to ask for assistance, then solve it straight after posting.

Thanks guys
Reply With Quote
  #3 (permalink)  
Old Oct 11th, 2006, 13:09
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,763
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: UL in a Div problem aka : My Navbar

Happens to me all the time. Glad you got it sorted.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #4 (permalink)  
Old Oct 11th, 2006, 16:55
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: UL in a Div problem aka : My Navbar

Haha, yeah, that happens to me a lot too.
Reply With Quote
Reply

Tags
ul li div

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
Navbar help motormaniac Graphics and 3D 14 Nov 4th, 2007 19:54
Another IE6 navbar position problem.... nicky77 Web Page Design 1 Aug 26th, 2007 21:37
Problem with navbar background image - hyperlinking whitespace nicky77 Web Page Design 5 Aug 23rd, 2007 14:39
HELP! Need navbar help! ozzie123 Flash & Multimedia Forum 3 Nov 2nd, 2006 18:12
help with navbar bruno89 Web Page Design 7 Aug 18th, 2005 01:01


All times are GMT. The time now is 16:23.


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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43