Irish SEO,  Marketing & Webmaster Discussion

 

CSS vertical navigation bar difficulties

This is a discussion on CSS vertical navigation bar difficulties within the Coding Help forums, part of the Webmaster Discussion category; Hi everyone, I am trying to write the CSS for a vertical navigation bar. The problems lies in the fact ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Webmaster Discussion > Coding Help

Register Forum Rules FAQDonate Calendar Search Today's Posts Mark Forums Read



Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 19-03-2007, 06:06 PM
Frontpage User
 
Join Date: Mar 2007
Posts: 6
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
crescent will become famous soon enough
Default CSS vertical navigation bar difficulties

Hi everyone,


I am trying to write the CSS for a vertical navigation bar.

The problems lies in the fact that the buttons are not regulated in size. ie. the "home" part is just the width of home, and the "most wanted" is being displayed as "most
wanted".

Can you regulate the width of the buttons - links.

here is the code

div.vmenu {
margin: 0;
padding: 0;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
padding: .1;
border: solid 2px #fcdbe4;
background: #f9c8d8;
width: 25%;
}

div.vmenu ul {
list-style: none;
margin: 0;
padding: 0;
padding: .1em;
}

div.vmenu ul li {
margin: 0;
padding: 0;
}

div.vmenu ul a {
margin: 0;
padding: 0;
padding-left: .1em;
padding-right: .1em;
padding-top: .1em;
padding-bottom: .1em;
text-decoration: none;
background: #fcdbe4;
border: solid 2px #c2c2c2;
font-weight: bold;
font-size: medium;
display: block;
}

div.vmenu ul a:link, div.vmenu ul a:visited {


} div.vmenu ul a:hover, div.vmenu ul a:focus {
background: #c2c2c2;
color: #ffffff;
border: solid 2px #eec;
}

Thank you for your help and again apologies if i am not in the right place.
c.
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 (permalink)  
Old 19-03-2007, 07:37 PM
Coder
 
Join Date: Jan 2006
Posts: 58
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
frankp has a spectacular aura aboutfrankp has a spectacular aura about
Default

Yes, this can be done.

Try adding your width to div.vmenu ul a

width:250px;

for example.

If that doesn't work can you show us a url of the site in question - even a temporary test folder with just the nav...

Cheers,
Frank
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 (permalink)  
Old 19-03-2007, 08:03 PM
Frontpage User
 
Join Date: Mar 2007
Posts: 6
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
crescent will become famous soon enough
Default

Frank this has worked perfectly, thank you so much for your help. I am just starting out and have spent hours trying to fix it, so as you can imagine your help is very much appreciated.

Thanks
C.
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 (permalink)  
Old 19-03-2007, 08:26 PM
Coder
 
Join Date: Jan 2006
Posts: 58
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
frankp has a spectacular aura aboutfrankp has a spectacular aura about
Default

no bother...
I get great help on these forums myself, so it's good to be able to help someone else!
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
bar, css, difficulties, navigation, vertical

Thread Tools
Display Modes

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



Sponsored links

Pepperjam Network
Paid On Results www.zanox.com Get Chitika Premium


All times are GMT +1. The time now is 04:46 PM.


Powered by: vBulletin Version 3.8.4, Copyright ©2000 - 2010, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.3.2

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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64