You need to Register for free and Login to post a message in the forum.

Forum

Subject: Horizontal menu vertical borders
Prev Next
You are not authorized to post a reply.

Author Messages
Pete
Nuke Active Member
Nuke Active Member
Posts:21

02 Jul 2009 2:56 AM  
Hi,

Just something I can't figure out regards the horizontal menu (House of Nuke).  There are several horizontal buttons, as in Lee's tutorial and I want to have a 1px vertical border (RH and LH) for each button.
I've been playing around in the Firefox browser using the CSS edit function and if I add a border to both left and right (vertical) I get a 2px border width between the buttons, if I apply a border to the right side only, it looks correct where the buttons meet but of course the first button (left hand side of the page) has no border on the left side of the button.
I hope that makes sense!!

Thanks
Pete
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5307


02 Jul 2009 3:31 AM  
Hello,

Yes there are several methods you can use:

Create a RH one pixel border for each menu item, identify the ID for the first menu item and create a class that just adds a left-hand border for the first menu item.

Or, it may be possible to add the border for the first menu item using the container that surrounds the menu, but this depends a lot on the design. First option is probably easiest

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Pete
Nuke Active Member
Nuke Active Member
Posts:21

02 Jul 2009 7:05 PM  
Thanks for that Lee, I'm just not sure how to identify that button in DNN. Could you point me in the right direction please?

Pete
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5307


03 Jul 2009 12:11 PM  
To find the id of the menu item, use the web developers toolbar for Firefox, go to information menu / display id and class details.

There is a tutorial on the techniques I use for this here:
Troubleshooting DotNetNuke Skins




Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Pete
Nuke Active Member
Nuke Active Member
Posts:21

03 Jul 2009 9:17 PM  
That worked perfectly, thanks very much Lee.

Pete
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Horizontal menu vertical borders



ActiveForums 3.7

Latest Forum Posts

Query On Dynamic Form Module by prithviraj
The source element with id dnn$ctr407$DynamicForms$imgMove_48b21a63-ca5a-425d-90ca-599a6e7d51e6 does...
RE: Folder permissions by saintX
Thanks for your answer Rashid! May you please kindly let me know - Which folders - AND for whom...
DNN with Javascript Disabled by aptrivedi
Hi All,I have found my self in bit of trouble.As per my application requriement, i need to handle th...
RE: Change Registration Redirect? by ollep
Well, that sounds good Lee.But I just spent $150.00 and a few days learning the Dynamic Forms  - bec...
RE: Folder permissions by Kazi
Hello FW, The easiest way to set permissions is your control panel, Log in to your CP, click on y...
Folder permissions by saintX
Hello, Can I set the folder permissions on the remote server myself using DW or WVD? If possi...
RE: How to do links? by Guy..L
It's really hard to tell quite how awesome DNN Nav v2 is given the documentation and search results ...
Regarding Editor by prithviraj
Pls let me know whar folders we need to upload when we are changing editors. Suppose i have cute edi...
RE: Change Registration Redirect? by leesykes
It would be best to use Dynamic Registration to avoid 2 registrations.With Dynamic Registration you ...
Indexing DNN pages by Google by Jake Vizner
I have two different DNN web sites. Using Google Webmaster Tools I can see the Google indexed 12 out...
Query Regarding RAD EDitor by prithviraj
Hi, I'm using R.A.D editor in my site. At the time of adding images through the editor I'm unabl...
RE: while installing bulk emailer module in my website by jncraig
Yes, this definitely is a file permissions issue. The default ASP.NET worker task needs to have ful...
RE: Background Music by jncraig
That will work.
RE: Auto create pages and content by dhassall
Hi Joe DNN Out of the box version 4.9 Login as Host with Firefox to create and IE8 to monitor, CTR...
RE: while installing bulk emailer module in my website by dub
Agiline, We have seen this problem before. It is caused by the Security on IIS. Please have a loo...
RE: Change Registration Redirect? by ollep
Probably still want to do it with Dynamic Forms now.My reason for changing (except from getting Aweb...
RE: Change Registration Redirect? by ollep
YES!http://www.dnncreative.com/Subscribe/tabid/81/Default.aspx
RE: Change Registration Redirect? by ollep
Yes I noticed that we where talking about 2 different Modules as soon as I dug into the tutorials.Ab...
RE: Change Registration Redirect? by leesykes
If you are check out the links that I have placed in there:http://www.dnncreative.com/Subscribe/tabi...
RE: Change Registration Redirect? by leesykes
Are you referring to when subscribing there is a link to register and after they register it sends t...
DotNetNuke Modules
RSS Feeds