The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Left aligning menu drop downs
philwinter
post Oct 13 2014, 11:14 AM
Post #1


Member
***

Group: Members
Posts: 58
Joined: 3-May 07
Member No.: 2,712



Hello,

I'm trying to get a long menu item which wraps to align left and not center itself. I've tried Style="text-align:left," in every element but nothing seems to work. Here's the code:

<li><a href="#">Contact Us</a>
<ul >
<li><a href="contact_board_of_directors.html">Board of Directors<a/></li>
<li><a href="contact_chairman.html">Chairman, Nominating/Corporate Governance Committee</a></li>
<li><a href="contact_us.html">General Contact</a></li>
</ul>
</li>

The menu items "Board of Directors" and "General Contact" left align, but they don't wrap. "Chairman,..." wraps and centers itself. I don't mind the wrapping, as this is a long menu item. But for appearance sake, I would like it to left align like the others.

Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Oct 13 2014, 11:42 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Can you post the URL of your page, so we can see all necessary code?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
philwinter
post Oct 13 2014, 04:29 PM
Post #3


Member
***

Group: Members
Posts: 58
Joined: 3-May 07
Member No.: 2,712



QUOTE(Frederiek @ Oct 13 2014, 12:42 PM) *

Can you post the URL of your page, so we can see all necessary code?


Yes, it is www.arganinc.com
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2014, 05:19 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



It isn't always about adding something, but about not adding so much to start with. The above markup doesn't align center. It does on your page because in your CSS you've specified text-align: center for both div#hnav ul li and div#hnav a .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
philwinter
post Oct 15 2014, 04:39 PM
Post #5


Member
***

Group: Members
Posts: 58
Joined: 3-May 07
Member No.: 2,712



Thanks! That did it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 09:02 PM