NEED HELP in this code "Hyper links are not working"
Hello everyone!
I hope everyone will be fine at his end. First of all i am new to Javascript. I found one Slide Down Menu on a web. That menu is good to use but unfortunately the hyper links does not works. When i put a hyper link to any text of the menu hyper link don't work. Anyone who can help me on subject i need to finalize my website as soon as early, but due to this problem i couldn't.
The Code for that menu is...
Code:
<style type="text/css">
html{
height:100%;
}
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.8em;
margin:0px;
padding:0px;
background-color:#E2EBED;
height:100%;
text-align:center;
}
.clear{
clear:both;
}
#mainContainer{
width:760px;
text-align:left;
margin:0 auto;
background-color: #FFF;
border-left:1px solid #000;
border-right:1px solid #000;
height:100%;
}
#topBar{
width:760px;
height:100px;
}
#leftMenu{
width:200px;
padding-left:10px;
padding-right:10px;
float:left;
}
#mainContent{
width: 520px;
padding-right:10px;
float:left;
}
/*
General rules
*/
/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
font-weight:bold;
color: green;
}
#dhtmlgoodies_slidedown_menu li{
list-style-type:none;
position:relative;
}
#dhtmlgoodies_slidedown_menu ul{
margin:0px;
padding:0px;
position:relative;
}
#dhtmlgoodies_slidedown_menu div{
margin:0px;
padding:0px;
}
/* Layout CSS */
#dhtmlgoodies_slidedown_menu{
width:205px;
}
/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
color: #000;
text-decoration:none;
display:block;
clear:both;
width:170px;
padding-left:2px;
}
/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
font-weight:bold;
color: green;
}
/*
A tags
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{ /* Main menu items */
margin-top:1px;
border-bottom:1px solid #000;
font-weight:bold;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{ /* Sub menu items */
margin-top:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{ /* Sub menu items */
margin-top:1px;
font-style:italic;
color:blue;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{ /* Sub menu items */
margin-top:1px;
color:red;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{ /* Sub menu items */
margin-top:1px;
}
/* UL tags, i.e group of menu utems.
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e.
#dhtmlgoodies_slidedown_menu .slideMenuDiv1
instead of
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
margin-left:5px;
padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
margin-left:10px;
padding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
margin-left:15px;
padding:1px;
}
</style>
<div id="mainContainer">
<div id="topBar"><img src="http://www.dhtmlgoodies.com/images/heading3.gif"></div>
<div id="leftMenu">
<!-- START OF MENU -->
<div id="dhtmlgoodies_slidedown_menu">
<ul>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Menus</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Download</a></li>
<li><a href="http://www.dhtmlgoodies.com">Demo</a></li>
</ul>
</li>
<li><a href="#">Calendar scripts</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Download</a></li>
<li><a href="http://www.dhtmlgoodies.com">Demo</a></li>
<li><a href="#">Is it cross browser?</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">yes it is</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Window scripts</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Download</a></li>
<li><a href="http://www.dhtmlgoodies.com">Demo</a></li>
</ul>
</li>
<li><a href="#">Form widgets</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Download</a></li>
<li><a href="http://www.dhtmlgoodies.com">Demo</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Support</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Phone</a></li>
<li><a href="http://www.dhtmlgoodies.com">Email</a></li>
<li><a href="http://www.dhtmlgoodies.com">QnA</a></li>
</ul>
</li>
<li><a href="#">History</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">1900 - 1940</a></li>
<li><a href="http://www.dhtmlgoodies.com">1941 - 1980 </a></li>
<li><a href="http://www.dhtmlgoodies.com">1981 - Present time</a></li>
</ul>
</li>
<li><a href="#">The team</a>
<ul>
<li><a href="#">Person A</a>
<ul>
<li><a href="#">CV</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Job 1</a></li>
<li><a href="http://www.dhtmlgoodies.com">Job 2</a></li>
<li><a href="http://www.dhtmlgoodies.com">Job 3</a></li>
</ul>
</li>
<li><a href="http://www.dhtmlgoodies.com">Education</a></li>
<li><a href="#">Experience</a>
<ul>
<li><a href="#">Job 1</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Accomplished this</a></li>
<li><a href="http://www.dhtmlgoodies.com">Accomplished that</a></li>
</ul>
</li>
<li><a href="http://www.dhtmlgoodies.com">Job 2</a></li>
<li><a href="http://www.dhtmlgoodies.com">Job 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.dhtmlgoodies.com">Person B</a></li>
<li><a href="http://www.dhtmlgoodies.com">Person C</a></li>
<li><a href="http://www.dhtmlgoodies.com">Person D</a></li>
<li><a href="http://www.dhtmlgoodies.com">Person E</a></li>
</ul>
</li>
<li><a href="#">Locations</a>
<ul>
<li><a href="http://www.dhtmlgoodies.com">Norway</a></li>
<li><a href="http://www.dhtmlgoodies.com">United States</a></li>
<li><a href="http://www.dhtmlgoodies.com">United Kingdom</a></li>
<li><a href="http://www.dhtmlgoodies.com">Sweden</a></li>
<li><a href="http://www.dhtmlgoodies.com">Denmark</a></li>
<li><a href="http://www.dhtmlgoodies.com">Finland</a></li>
</ul>
</li>
</ul>
</div>
<!-- END OF MENU -->
</div>
<div id="mainContent">
<p>Splendida porro oculi fugitant vitantque tueri. sol etiam caecat, contra si tendere pergas,propterea quia vis magnast ipsius et altea�ra per purum simulacra ferunturet feriunt oculos turbantia composituras. Praeterea splendor qui cumque est acer adurit saepe oculos ideo quod semina possidet ignismulta, dolorem oculis quae gignunt insinuando.lurida praeterea fiunt quae cumque tuenturarquati, quia luroris de corpore eorumsemina multa fluunt simulacris obvia rerum, multaque sunt oculis in eorum denique mixta,quae contage sua palloribus omnia pingunt. </p>
<p>E tenebris autem quae sunt in luce tuemurpropterea quia, *** propior caliginis a�rater init oculos prior et possedit apertos, insequitur candens confestim lucidus a�r,qui quasi purgat eos ac nigras discutit umbrasa�ris illius; nam multis partibus hic estmobilior multisque minutior et mage pollens.qui simul atque vias oculorum luce replevit atque pate fecit, quas ante obsederat a�r, continuo rerum simulacra se****ur, quae sita sunt in luce, lacessuntque ut videamus. quod contra facere in tenebris e luce nequimuspropterea quia posterior caliginis a�r crassior insequitur, qui cuncta foramina completobsiditque vias oculorum, ne simulacrapossint ullarum rerum coniecta moveri. Quadratasque procul turris *** cernimus urbis,propterea fit uti videantur saepe rutundae, angulus optusus quia longe cernitur omnissive etiam potius non cernitur ac perit eiusplaga nec ad nostras acies perlabitur ictus,a�ra per multum quia dum simulacra feruntur,cogit hebescere eum crebris offensibus a�r. hoc ubi suffugit sensum simul angulus omnis.fit quasi ut ad turnum saxorum structa tuantur;non tamen ut coram quae sunt vereque rutunda,sed quasi adumbratim paulum simulata videntur. </p>
</div>
<div class="clear"></div>
</div>
I follow the all instructions give on the website to use it and did everything as they said. But still hyperlinks are not working please help ME. I shall be very thankful for this favor.
LINK TO THE WEB IF ANYONE WANT TO SEE THE CODE ON WEB
LINK
Waiting for reply,
Jamal Ahmed
Reply With Quote
Bookmarks