PDA

View Full Version : Script trouble DD Tab Menu



CWR
06-04-2008, 05:16 PM
I am relatively new to this kind of scripting and I am hainv a lot of trouble getting my page to work. I was hoping someone might be able to help me get it straightened out.
I have tried to create the page with Dreamweaver8 and have uploaded to my site.
http://www.shamrockcarpet.biz
Maybe somone can tell me what i am issing to make it a working site.
I am trying to use the dynamicdrive code for the solid block menus....

http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm example 3....

Medyman
06-04-2008, 06:46 PM
First, CSS goes into the <head> section of the site. So move the following:


<style type="text/css">

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

</style>

Add it right above the </head> tag.

You also need to link to your the JavaScript file.

Have you downloaded the .zip that is linked on the script page? There is a sample page in that archive that you should take a look at.

CWR
06-04-2008, 06:50 PM
I have looked at the archive file. This stuff is really confusing to me. I made a frameset site before and added the stuff I wanted, but for some reason, I am not graspoing the css scripts.
I downloaded the zip file with all the files and added them to my site folder.

I appreciate your help. How do I link it to the file. That was another part I couldn't figure out. Is that what is known as an external css file?

CWR
06-04-2008, 06:51 PM
Thank you very much for your assistance. Already making progress.

CWR
06-04-2008, 08:39 PM
I have after further review and help from my friends. got alittle farther along, but it still i snot functionoing correctly. If somone could please help me out, I am lost.

on the page, it shows a wood laminte tile links, they are supposed to be a part of the drop down menu off the second menu tab. I am ont understanding how to get that incorporated into working.
Help!!!