PDA

View Full Version : Tabbed menu problem



youngboy1606
08-23-2009, 04:46 AM
1) Script Title: jQuery Drop Line Tabs

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/

3) Describe problem: I have everything working except my submenu is displaying below the main menu about 100 px and way to the right. It does not do this in the example on the page where the script is located. I am guessing I need to change some settings in the CSS file. Can you tell me what it might be? You can see the shift in the attached JPG.

Any help would be appreciated. Thanks in advance.

thetestingsite
08-23-2009, 04:49 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

See these threads for proper posting format when asking a question.
http://www.dynamicdrive.com/forums/showthread.php?t=6
http://www.dynamicdrive.com/forums/showthread.php?t=19533

youngboy1606
08-23-2009, 03:53 PM
http://webdynamics.biz/envibe/envibe.html

I have enclosed the html and both the css files as an attachment.

Thank you for the FAST response. It's really appreciated.

thetestingsite
08-23-2009, 06:14 PM
It looks like you have a syntax error in your css file on this line:



.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{


get rid of one of the colons ( : ) and that will fix that error. As far as the menu not being aligned correctly, I'm still looking at that.

After looking at the code some more, I found that the syntax error I highlighted above is in the original dd script css file. Also, I found that the reason why the positioning is off is because of something in your oneColFixCtrHdr.css file. Not sure what it is yet, but when I took that css file out of the page, the menu worked perfectly.

Another Update: the issue in the following section of code:



.oneColFixCtrHdr #container {
width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 2% auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
position: relative;
left: 50%;
margin-left: -390px;
top: 2%;
}


if you change it to the following, it works perfectly in Firefox. Not sure about other browsers, but pretty sure it will work.


.oneColFixCtrHdr #container {
width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 2% auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}



Hope this helps.

youngboy1606
08-23-2009, 09:20 PM
The syntax error :: didn't fix the problem. That's a error in the DL file that's posted. Might want to chack that.

However fixing the error suggested in MY CSS file did do the trick. I tested in FF and IE and it's perfectly fine.

I wanted to thank you very much for your kind help. I have recommended your site on numerous occasions in blogs and other sites I frequent. Your material is exceptional.

Once again TY for all the help!