vijetha
05-27-2010, 03:58 AM
weird Horizontal Drop Down Menu Problem
hi we are making a web site for our college and we used pure css based Horizontal Drop Down Menu.Ots working good.But lately we used a jquery Header slide show and as soon as we used it.The dropdown menus are not showing up.Please some one help us fixing this problem please.Am attaching both the versions of the live demo and also attaching the css and the mark up. Thanks in advance.
cheers
This is the Live Demo With out Jquery:
Live Demo Without Jquery (http://vijethansp.com/2/index.htm)
This is the Live Demo With Jquery:
Live Demo With Jquery (http://vijethansp.com/1/index.htm)
This is Mark Up
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>~~VJIT-Index~~</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/raja.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jqFancyTransitions.min.js"></script>
<script type="text/javascript">
$(document).ready(function($){
$("#slideshow").jqFancyTransitions({
effect: 'curtain ,',
width: 1024, // width of panel
height: 200, // height of panel
delay: 4000
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><a href="#"><img src="images/logo.png" /></a></div>
<div id="topnav"><a href="downloads.htm" title="Downloads">Button</a><a href="photo_gallery.htm" title="Photo Gallery">Button</a> <a href="diamond_jubilee.htm" title="Diamond Jubilee">Site Map</a></div>
<div id="search">
<input name="search" type="text" class="search" value="Search This site..." />
<input name="search-button" class="search-button" value="Search" src="images/go.png" type="image" />
</div> </div>
<div id="navigation"><ul>
<li><a href="courses.htm" title="Courses">Courses</a></li>
<li><a href="campus.htm" title="Campus">Campus</a></li>
<li><a href="departments.htm" title="Departments">Departments</a></li>
<li><a href="amenities.htm" title="Student Amenities">Student Amenities</a>
<ul>
<li><a href="book_bank.htm" title="Book Bank">Book Bank</a></li>
<li><a href="student_council.htm" title="Student Council & Welfare">Transportation</a></li>
<li><a href="student_council.htm" title="Student Council & Welfare">Library</a></li>
</ul>
</li>
<li><a href="galliery.htm" title="Photo Gallery">Photo Gallery </a> </li>
<li><a href="downloads.htm" title="Downloads">Downloads</a> </li>
<li><a href="aict.htm" title="AICT Reports">AICT Reports</a> </li>
<li><a href="contact" title="Contac Us">Contact Us</a></li>
</ul>
</div>
<div id="mainheader"><div id="slideshow">
<div><img src="images/banner.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner1.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner2.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner3.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner4.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner5.png" alt="" width="1024" height="200" /></div>
</div></div>
<div class="cont_shadow"></div>
<div id="sidebox">
<div id="navsheader">
<div class="headertext">Navbar</div>
</div>
<div id="navsmain"><ul>
<li><a href="index.htm" title="home">Home</a></li>
<li><a href="principal_desk.htm" title="Principal Desk">About us</a></li>
<li><a href="management.htm" title="Management">Principal Desk</a></li>
<li><a href="campus.htm" title="Campus">Secretary Desk</a></li>
<li><a href="library.htm" title="Library">Management</a></li>
<li><a href="complements.htm" title="Complements">Our Activities</a></li>
<li><a href="seminars.htm" title="Seminars">Lorm Ipsum</a></li>
<li><a href="sports_games.htm" title="Sports & Games">Lorem Ipsum</a></li>
<li><a href="feedback.htm" title="Contact Us">Lorem Ipsum</a></li>
</ul></div>
<div id="navsmainfooter"> </div>
<div id="latest">
<div class="headertext">Latest News</div>
</div>
<div id="latestmain">
</div>
<div id="latestfooter"> </div>
<div id="contrhed"><div class="headertext">No.Of Visitors</div></div>
<div id="contr"></div>
<div id="contrfooter"></div>
</div>
<div class="maintext" id="maincontent"> <div id="photo_slideshow"><script type="text/javascript">//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 400, 300, 0, 3500, 0, "")
</script></div>
<span class="first_letter">I</span>ndia emerging as a knowledge society and changing economic scenario all over the world requires highly skilled human resources with excellent communicative competence, to face tough competition. Hence it is primary responsibility of every technical institution to produce creative efficient and talented Engineers.<br />
<br />
<span class="first_letter">W</span>ith an aim of serving the society "VIJETHA EDICATIONAL ACADEMY " was founded and registered in 2008 at Narsapur.,W.G.Dt. with a proposal to establish Vijetha Institute Of Technology and Sciences ( VITS ) from academic year 2009-2010. This service project aim at imparting education in Engineering & Technology to fill the aspirations of the student folk to stand firm in the job market.<br />
<br />
<span class="first_letter">T</span>he promoters of the institution are technically qualified with vast experience in the field of Technical / Higher education and software and Hardware industry. One of the <span class="idioms"></span>promoters , Mr Chinimilli Srinivas worked as Hardware Engineer in the USA for 15 years .Presently he sis as Entrepreneur in a Hardware Industry at Banglore in India . He has varied experience both as a consultant in designing education information and Data collection systems.<br />
<br />
<div class="img1"><img src="images/csn.jpg" width="161" height="232" / title="Dr Chinimili Satyanarayana Rao"></div>
<p><span class="first_letter">S</span>mt. Chinimilli Ratna Silpa presently working in USA has varied experience in the field of software training and software Development.Sri GVK RAama Rao, senior advocate , chairman of the institute and Dr Chinimilli Satyanarayana Rao, Secretary & Correspondent of the college has vast & rich experience in the management of Higher Education.The Other promoters are Highly motivated and involved in the social and educational activities.<br />
<br />
<span class="first_letter">T</span>he promoters have launched VIJETHA INSTITUTE OF TECHNOLOGY ( VITS ), Narsapur o Provide quality,Technical education in the State of Andhrapradesh.<br />
<br />
<span class="goals_text">Our Vision :</span><br />
<br />
<span class="first_letter">V</span>ision of the Institute is to ignite the young minds of india. India needs institutions which could act as torch - bearers and involve an entire generation in mission - driver programs so that these programs could benefit the State of the Andhra Pradesh in particular and India in general. <br />
<br />
<span class="first_letter">T</span>he Institute envisions to set up outstanding institution from where they could seek ability to make their own decisions in career planning.<br />
<br />
<span class="goals_text">Objectives Of the Institute:</span><br />
<br />
<span class="first_letter">
1)</span> To produce quality Human Recourses.<br />
<br />
<span class="first_letter">2) </span>To ensure Progress, Development and well being of Student community.<br />
<br />
<span class="first_letter">3)</span> To achieve good results..<br />
<br />
<span class="first_letter">4)</span> To prepare the Students / Graduates to meet the present day challenges in changing technological and Industrial scenario.<br />
<br />
<span class="first_letter">5)</span> To train them to be more self-confident and self reliant.<br />
<br />
<span class="first_letter">6)</span> To fulfill the demands of the students in the areas of their interests.<br />
<br />
<span class="first_letter">7)</span> To prepare the Students / Graduates competent communication.</p>
<br />
</div>
<div id="footer">
<div class="footertext">
<a href="index.htm" title="Home">Courses</a>
<a href="courses.htm" title="About Us">Courses</a>
<a href="principal_desk.htm" title="Buttons-1">Departments</a><a href="feedback.htm" title="Contact Us">Contact Us</a> </div>
</div>
<!--end footertext-->
</div>
</body>
</html>
hi we are making a web site for our college and we used pure css based Horizontal Drop Down Menu.Ots working good.But lately we used a jquery Header slide show and as soon as we used it.The dropdown menus are not showing up.Please some one help us fixing this problem please.Am attaching both the versions of the live demo and also attaching the css and the mark up. Thanks in advance.
cheers
This is the Live Demo With out Jquery:
Live Demo Without Jquery (http://vijethansp.com/2/index.htm)
This is the Live Demo With Jquery:
Live Demo With Jquery (http://vijethansp.com/1/index.htm)
This is Mark Up
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>~~VJIT-Index~~</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/raja.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jqFancyTransitions.min.js"></script>
<script type="text/javascript">
$(document).ready(function($){
$("#slideshow").jqFancyTransitions({
effect: 'curtain ,',
width: 1024, // width of panel
height: 200, // height of panel
delay: 4000
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><a href="#"><img src="images/logo.png" /></a></div>
<div id="topnav"><a href="downloads.htm" title="Downloads">Button</a><a href="photo_gallery.htm" title="Photo Gallery">Button</a> <a href="diamond_jubilee.htm" title="Diamond Jubilee">Site Map</a></div>
<div id="search">
<input name="search" type="text" class="search" value="Search This site..." />
<input name="search-button" class="search-button" value="Search" src="images/go.png" type="image" />
</div> </div>
<div id="navigation"><ul>
<li><a href="courses.htm" title="Courses">Courses</a></li>
<li><a href="campus.htm" title="Campus">Campus</a></li>
<li><a href="departments.htm" title="Departments">Departments</a></li>
<li><a href="amenities.htm" title="Student Amenities">Student Amenities</a>
<ul>
<li><a href="book_bank.htm" title="Book Bank">Book Bank</a></li>
<li><a href="student_council.htm" title="Student Council & Welfare">Transportation</a></li>
<li><a href="student_council.htm" title="Student Council & Welfare">Library</a></li>
</ul>
</li>
<li><a href="galliery.htm" title="Photo Gallery">Photo Gallery </a> </li>
<li><a href="downloads.htm" title="Downloads">Downloads</a> </li>
<li><a href="aict.htm" title="AICT Reports">AICT Reports</a> </li>
<li><a href="contact" title="Contac Us">Contact Us</a></li>
</ul>
</div>
<div id="mainheader"><div id="slideshow">
<div><img src="images/banner.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner1.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner2.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner3.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner4.png" alt="" width="1024" height="200" /></div>
<div><img src="images/banner5.png" alt="" width="1024" height="200" /></div>
</div></div>
<div class="cont_shadow"></div>
<div id="sidebox">
<div id="navsheader">
<div class="headertext">Navbar</div>
</div>
<div id="navsmain"><ul>
<li><a href="index.htm" title="home">Home</a></li>
<li><a href="principal_desk.htm" title="Principal Desk">About us</a></li>
<li><a href="management.htm" title="Management">Principal Desk</a></li>
<li><a href="campus.htm" title="Campus">Secretary Desk</a></li>
<li><a href="library.htm" title="Library">Management</a></li>
<li><a href="complements.htm" title="Complements">Our Activities</a></li>
<li><a href="seminars.htm" title="Seminars">Lorm Ipsum</a></li>
<li><a href="sports_games.htm" title="Sports & Games">Lorem Ipsum</a></li>
<li><a href="feedback.htm" title="Contact Us">Lorem Ipsum</a></li>
</ul></div>
<div id="navsmainfooter"> </div>
<div id="latest">
<div class="headertext">Latest News</div>
</div>
<div id="latestmain">
</div>
<div id="latestfooter"> </div>
<div id="contrhed"><div class="headertext">No.Of Visitors</div></div>
<div id="contr"></div>
<div id="contrfooter"></div>
</div>
<div class="maintext" id="maincontent"> <div id="photo_slideshow"><script type="text/javascript">//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 400, 300, 0, 3500, 0, "")
</script></div>
<span class="first_letter">I</span>ndia emerging as a knowledge society and changing economic scenario all over the world requires highly skilled human resources with excellent communicative competence, to face tough competition. Hence it is primary responsibility of every technical institution to produce creative efficient and talented Engineers.<br />
<br />
<span class="first_letter">W</span>ith an aim of serving the society "VIJETHA EDICATIONAL ACADEMY " was founded and registered in 2008 at Narsapur.,W.G.Dt. with a proposal to establish Vijetha Institute Of Technology and Sciences ( VITS ) from academic year 2009-2010. This service project aim at imparting education in Engineering & Technology to fill the aspirations of the student folk to stand firm in the job market.<br />
<br />
<span class="first_letter">T</span>he promoters of the institution are technically qualified with vast experience in the field of Technical / Higher education and software and Hardware industry. One of the <span class="idioms"></span>promoters , Mr Chinimilli Srinivas worked as Hardware Engineer in the USA for 15 years .Presently he sis as Entrepreneur in a Hardware Industry at Banglore in India . He has varied experience both as a consultant in designing education information and Data collection systems.<br />
<br />
<div class="img1"><img src="images/csn.jpg" width="161" height="232" / title="Dr Chinimili Satyanarayana Rao"></div>
<p><span class="first_letter">S</span>mt. Chinimilli Ratna Silpa presently working in USA has varied experience in the field of software training and software Development.Sri GVK RAama Rao, senior advocate , chairman of the institute and Dr Chinimilli Satyanarayana Rao, Secretary & Correspondent of the college has vast & rich experience in the management of Higher Education.The Other promoters are Highly motivated and involved in the social and educational activities.<br />
<br />
<span class="first_letter">T</span>he promoters have launched VIJETHA INSTITUTE OF TECHNOLOGY ( VITS ), Narsapur o Provide quality,Technical education in the State of Andhrapradesh.<br />
<br />
<span class="goals_text">Our Vision :</span><br />
<br />
<span class="first_letter">V</span>ision of the Institute is to ignite the young minds of india. India needs institutions which could act as torch - bearers and involve an entire generation in mission - driver programs so that these programs could benefit the State of the Andhra Pradesh in particular and India in general. <br />
<br />
<span class="first_letter">T</span>he Institute envisions to set up outstanding institution from where they could seek ability to make their own decisions in career planning.<br />
<br />
<span class="goals_text">Objectives Of the Institute:</span><br />
<br />
<span class="first_letter">
1)</span> To produce quality Human Recourses.<br />
<br />
<span class="first_letter">2) </span>To ensure Progress, Development and well being of Student community.<br />
<br />
<span class="first_letter">3)</span> To achieve good results..<br />
<br />
<span class="first_letter">4)</span> To prepare the Students / Graduates to meet the present day challenges in changing technological and Industrial scenario.<br />
<br />
<span class="first_letter">5)</span> To train them to be more self-confident and self reliant.<br />
<br />
<span class="first_letter">6)</span> To fulfill the demands of the students in the areas of their interests.<br />
<br />
<span class="first_letter">7)</span> To prepare the Students / Graduates competent communication.</p>
<br />
</div>
<div id="footer">
<div class="footertext">
<a href="index.htm" title="Home">Courses</a>
<a href="courses.htm" title="About Us">Courses</a>
<a href="principal_desk.htm" title="Buttons-1">Departments</a><a href="feedback.htm" title="Contact Us">Contact Us</a> </div>
</div>
<!--end footertext-->
</div>
</body>
</html>