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

Forum

Forums > Users Lounge > Everything Else
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:5279
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:5279
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

RE: OWS Query Template Results by VickySwift
Hi, In the end I achieved what I needed with IIF statments and ALTERNATE Pretty sure its not the...
RE: Login problem with other browsers than IE by kana
I added alert(); into onkeypress and now after I press enter on messagebox page is forwarding fine. ...
RE: OWS Query Template Results by kana
I don't know, that is possible, but I would try to use javascript in dteial template to build string...
RE: How to change primary domain? by aventhika
Hi it is an easy ,for that change visit here ,i am using this site only for my change.All the Best...
RE: Link to PayPal Unsuccessful by jorge569
Same problem here....please post answer
daisy chain continuous loop of all the flash files by mlorence
I have an install of dnn 05.02.02. I had a flash guy make a movie for my home page. There are 6 file...
Furniture Store Web 2.0 DNN Skin by coding-staff
Coding Staff is proud to announce a release of DNN Skins and Furniture Store Web 2.0 DNN Skin Ne...
301 Redirect on GoDaddy by kayt61
Hello,I have been looking for a simple set of instructions on how to make a 301 redirect from www.my...
Login problem with other browsers than IE by kana
Hello, I have three pages in DNN - Login, Main and Advanced. Login contains only OWS module for ...
RE: Request a Tutorial:Forms and SQL by leesykes
That's great, thanks for adding this in Dave
RE: Request a Tutorial:Forms and SQL by dhassall
I have added a new forum entry which I hope will help others http://www.dnncreative.com/Forum/tab...
DataSprings DynamicForms Form Completion Dynamic SQL by dhassall
I trawled around trying to find out why my SQL Insert was not working. After some trial and error...
RE: HTML module not updating after transfer from localhost to live server by chrisoc
Hey guys,Thanks for the replies.   All seems to be working fine now.  I had previously cleared the b...
RE: w2k8 r2 - dnn site visible locally but not from internet by guyperrin
thanx joe. i just kept slugging away at this one. finally, when i gave IIS_IUSRS Full Control, i w...
RE: HTML module not updating after transfer from localhost to live server by jncraig
Check to make sure that you adjusted your portalalias table to point to the live site. It's possibl...
RE: w2k8 r2 - dnn site visible locally but not from internet by jncraig
Check to make sure that DNS points the site's URL to the web directory.  Your host ought to be able ...
RE: user retrieve password by giving email by jncraig
That should work. As with most things like this, I would recommend that you test and verify this ...
RE: Creating a new user by jncraig
DotNetNuke uses the ASP.NET membership scheme. I haven't tested, but I am reasonably surethat the s...
RE: Email Verification by jncraig
Is this a question about Dynamic Forms? You can use Regular Expression validation to force the us...
RE: Issue 33 SQL updating page settings by jncraig
Can you describe the problem a bit more?
DNN Creative Subscribe
RSS Feeds