Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2009
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Lightbulb weird Horizontal Drop Down Menu Problem

    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

    This is the Live Demo With Jquery:


    Live Demo With Jquery

    This is Mark Up

    Code:
    <!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 &amp; Welfare">Transportation</a></li>
                                    <li><a href="student_council.htm" title="Student Council &amp; 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 &amp; Games">Lorem Ipsum</a></li>                      
                            <li><a href="feedback.htm" title="Contact Us">Lorem Ipsum</a></li>
                           
                            
                        </ul></div>
           <div id="navsmainfooter">&nbsp;</div>
           <div id="latest">
             <div class="headertext">Latest News</div> 
           </div> 
           <div id="latestmain">
           </div>
        <div id="latestfooter">&nbsp;</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 &quot;VIJETHA EDICATIONAL ACADEMY &quot; 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 &amp; 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 &amp; Correspondent of the college has vast &amp; 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>

  • #2
    New Coder
    Join Date
    Jul 2009
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts
    * Due to the Forum Restriction i posted the css separately. Please excuse me for the inconvenience.*

    This CSS

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    html,body {
    	padding:0;
    	margin: 0px;
    	background: #306f80;
    }
    #wrapper {
    	margin:0 auto;
    	/*overflow:auto;*/
    	width:1024px;
    	background:#FFFFFF none repeat scroll 0;
    }
    #header{
    	background: url(../images/header1.png) no-repeat;
    	height: 130px;
    	width: 1024px;
    }
    #logo{
    	background: no-repeat;
    	width: 759px;
    	height: 123px;
    	float: left;
    	margin-top: 5px;
    }
    img{
        border: none;
    }
    #topnav{
    	float: right;
    	margin-top: 7px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	
    }
    #topnav a:link {
    	font-size: 11px;
    	text-decoration: none;
    	color: #000000;
    	font-weight: bold;
    	font-family: "Trebuchet MS";
    	margin-right: 10px;
    }
    #topnav a:visited {
    	color: #000000;
    	text-decoration: none;
    	font-family: "Trebuchet MS";
    	font-size: 11px;
    	font-weight: bold;
    }
    #topnav a:active {
    	color: #000000;
    	text-decoration: none;
    	font-family: "Trebuchet MS";
    	font-size: 11px;
    	font-weight: bold;
    }
    #topnav a:hover {
    	font-size: 11px;
    	text-decoration: underline;
    	color:#06F;
    	font-weight: bold;
    }
    #search{
    	clear:right;
    	float:right;
    	padding:0;
    	margin-top: 35px;
    	margin-right: 7px;
    
    }
    .search{
    	background:transparent url(../images/search.png) repeat scroll 0;
    	color:#08333c;
    	float:left;
    	height:22px;
    	margin:0;
    	padding:0;
    	width:160px;
    	font: 10px Verdana, Arial, Helvetica, sans-serif;
    	border-style: none;
    	border-width: 0px;
    
    }
    .search-button{
    	float:left;
    	height:22px;
    	margin:0;
    	padding:0;
    	width:31px;
    	background-attachment: scroll;
    	background-color: transparent;
    	background-image: url(../images/go.png);
    	background-repeat: no-repeat;
    	background-position: 0;
    }
    #navigation{
    	width: 1024px;
    	margin: 0px auto 0;
    	background: url(../images/nav.png) repeat-x;
    	height: 40px;
    	padding: 0;
    }
    #navigation UL
    {
    	margin: 0;
    	padding: 0;
    	background: no-repeat;
    	height: 40px;
    	float: left;
    }
    #navigation UL LI
    {
    	list-style-type: none;
    	float: left;
    	position: relative;
    	border-left: 1px solid #007ACC;
    }
    #navigation UL LI A
    {
    	height: 22px;
    	display: block;
    	color: #FFFFFF;
    	text-decoration: none;
    	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    	padding-top: 8px;
    	padding-right: 15px;
    	padding-bottom: 10px;
    	padding-left: 15px;
    
    }
    #navigation UL LI A:hover
    {
    	background: url(../images/hover.png) repeat-x left top;
    	color: #000000;
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	;
    	text-decoration: none;
    }
    #navigation UL LI UL
    {
    	position: absolute;
    	top: 40px;
    	left: -1px;
    	width: 220px;
    	visibility: hidden;
    	padding: 0;
    	margin: 0;
    	height: auto;
    	border-bottom: 1px solid #474646;
    }
    #navigation UL LI:hover UL
    {
    	visibility: visible;
    	color: #FFFFFF;
    }
    #navigation UL LI UL LI
    {
    	float: none;
    	position: static;
    	background: url(../images/sublibg.png);
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 0;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;
    	border-top-color: #474646;
    	border-right-color: #474646;
    	border-bottom-color: #474646;
    	border-left-color: #474646;
    }
    #navigation ul li.imp a {
    	background:transparent url(../images/navbar2.png) repeat-x scroll left top;
    }
    #mainheader{
    	height: 200px;
    	width: 1024px;
    }
    #slideshow{
    	height: 200px;
    	width: 1024px;
    	background: transparent no-repeat;
    	clear: both;
    }
    .cont_shadow{
    	background: url(../images/content_shadow.png) no-repeat;
    	height: 24px;
    	width: 1024px;
    }
    #sidebox{
    	width: 210px;
    	margin-left: 7px;
    	float: left;
    }
    #navsheader{
    	background: url(../images/side_head.png) no-repeat;
    	height: 35px;
    	width: 210px;
    }
    #navsmain{
    	background: #FFFFFF url(../images/side_main.png) repeat-y;
    	width: 210px;
    	height: 315px;
    	margin: 0px;
    	padding: 5px 0px 0px;
    }
    #navsmainfooter{
    	background: url(../images/side_footer.png) no-repeat;
    	height: 52px;
    	width: 210px;
    	margin-bottom: 10px;
    }
    #navsmain ul{
    	list-style: none;
    	padding: 0px;
    	margin: 0px;
    }
    #navsmain ul li{
    	margin: 5px 0px 0px;
    }
    #navsmain ul li a{
    	background: url(../images/sidebar%20nav.png) no-repeat left top;
    	font: bold normal 11px Arial, Helvetica, sans-serif;
    	color: #000000;
    	text-decoration: none;
    	display: block;
    	height: 25px;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-left: 15px;
    	border-bottom: 1px dotted #000000;
    }
    #navsmain ul li a:hover {
    	background: url(../images/side_hover.png) repeat-x;
    	color: #FFFFFF;
    }
    .headertext{
    	font: bold 18px "Trebuchet MS";
    	color: #FFFFFF;
    	padding-top: 6px;
    	padding-left: 50px;
    	
    }
    #latest{
    	background: url(../images/side_head.png) no-repeat;
    	height: 35px;
    	width: 210px;
    }
    #latestmain{
    	background: url(../images/side_main.png) repeat-y;
    	width: 210px;
    	height: 150px;
    	text-align: center;
    }
    #latestfooter{
    	background: url(../images/side_footer.png) no-repeat;
    	height: 52px;
    	width: 210px;
    	margin-bottom: 10px;
    }
    #shout{
    	background: url(../images/head.png) no-repeat;
    	height: 50px;
    	width: 211px;
    }
    #shoutmain{
    	background: url(../images/body.png) repeat-y;
    	width: 211px;
    	height: 225px;
    	text-align: center;
    }
    #shoutfooter{
    	background: url(../images/foot.png) no-repeat;
    	height: 21px;
    	width: 211px;
    	margin-bottom: 10px;
    }
    #maincontent {
        background:#FFFFFF none repeat scroll 0;
    	/*width: 786px;*/
    
    	margin-right: 7px;
    	margin-left: 230px;
    	
    }
    
    #photo_slideshow {
    	margin: 0px 0px 5px 8px;
    	height: 300px;
    	width: 400px;
    	float: right;
    	padding: 0px;
    }
    .maintext{
    	color: #666666;
    	text-align: justify;
    	padding: 0px;
    	margin: 0px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    }
    
    
    .maintext a{
    	font: 13px Arial, Helvetica, sans-serif;
    	color: #333333;
    	text-decoration: underline;
    }
    .maintext a:hover{
    	color:#06F;
    	text-decoration: none;
    }
    .first_letter{
    	font: bold 16px Arial, Helvetica, sans-serif;
    	color: #0032D7;
    	padding-left: 10px;
    }
    .goals_text{
    	color: #FF6600;
    	text-decoration: underline;
    	padding-left: 10px;
    	font: bold 16px Arial, Helvetica, sans-serif;
    }
    .principalimg{
    	float: right;
    	height: 350px;
    	width: 431px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 5px;
    }
    .exam_cellimg{
    	float: left;
    	height: 200px;
    	width: 300px;
    	margin-top: 0px;
    	margin-right: 5px;
    	margin-bottom: 5px;
    }
    .texxtt{
    	font: 18px Arial, Helvetica, sans-serif;
    	color: #000000;
    	text-decoration: none;
    }
    .texxtt a{
        font: 18px Arial, Helvetica, sans-serif;
    	color: #000000;
    	text-decoration: underline;
    }
    .texxtt a:hover{
        font: 18px Arial, Helvetica, sans-serif;
    	color: #FF0099;
    	text-decoration: none;
    }
    .textsmall{
    	color: #000000;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    }
    #footer{
    	width: 1024px;
    	height: 70px;
    	clear: both;
    	background: transparent url(../images/footer.png) repeat-x;
    }
    .footertext {		
    	font-size: 11px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	padding-top: 30px;
    }
    .footertext a:link {
    	text-decoration: none;
    	color: #fff;
    	margin-top: 0;
    	margin-right: 0px;
    	margin-bottom: 0;
    	margin-left: 20px;
    }
    .footertext a:visited, .footertext a:hover, footertext a:active {
    	color: #00CCFF;
    	text-decoration: underline overline;
    }
    .history{
    	color: #CC0000;
    	text-decoration: underline;
    	float: left;
    	margin: 0px;
    	padding: 0px;
    	text-align: center;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 24px;
    	font-weight: bold;
    }
    .complitext{
    	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
    	color: #FF0099;
    	float: left;
    	margin: 5px 0px 0px;
    	padding: 0px;
    	text-align: center;
    }
    .img1{
    	margin: 5px 5px 5px 0px;
    	width: 161px;
    	float: left;
    	height: 232px;
    	background: url(../images/yerramilli.png) no-repeat;
    }
    .idioms{
    	border-bottom: 1px dashed #FFCC00;
    	font: italic 13px Arial, Helvetica, sans-serif;
    	color: #666666;
    }
    .latestn{
    	width: 210px;
    	height: 120px;
    	text-align: center;
    }
    #external{
    	font-family: Arial, Helvetica, sans-serif;
    	color: #000000;
    	background: #000000;
    	position: absolute;
    	left: 1px;
    	top: 10px;
    }
    #contrhed{
    	background: url(../images/side_head.png) no-repeat;
    	height: 35px;
    	width: 210px;
    }
    #contr{
    	text-align: center;
    	height: 35px;
    	width: 210px;
    	font: bold 12px Arial, Helvetica, sans-serif;
    	color: #06f;
    	background: url(../images/side_main.png) repeat-y;
    	padding-top: 10px;
    	margin: 0px;
    }
    #contrfooter{
    	background: url(../images/side_footer.png) no-repeat;
    	height: 52px;
    	width: 210px;
    	margin-bottom: 10px;
    }
    
    
    .phototext {
    	color: #FF9900;
    	padding: 0px;
    	text-align: center;
    	font: bold 14px Arial, Helvetica, sans-serif;
    	margin: 0px 0px 10px 0px;
    }
    .phototext a {
    	color: #FF9900;
    	padding: 0px;
    	text-align: center;
    	font: bold 14px Arial, Helvetica, sans-serif;
    	margin: 0px 0px 10px 0px;
    	text-decoration: none;
    }
    .phototext a:hover {
    	color: #FF0099;
    	padding: 0px;
    	text-align: center;
    	font: bold 14px Arial, Helvetica, sans-serif;
    	margin: 0px 0px 10px 0px;
    	text-decoration: underline;
    }
    .photosubheading {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-weight: bold;
    	color: #0066FF;
    	text-align: center;
    	margin: 0px;
    }
    
    .c1{
    	float: left;
    	height: 240px;
    	width: 336px;
    	margin-top: 0px;
    	margin-right: 5px;
    	margin-left: 0px;
    	background-repeat: no-repeat;
    }
    .c2{
    	float: right;
    	height: 200px;
    	width: 300px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 5px;
    	background-repeat: no-repeat;
    }
    .c3{
    	background: url(../images/c3.jpg) repeat;
    	margin: 0px 5px 0px 0px;
    	float: left;
    	height: 139px;
    	width: 225px;
    }
    .c4{
    	background: url(../images/c2.jpg) no-repeat;
    	margin: 0px 0px 0px 5px;
    	float: right;
    	height: 149px;
    	width: 225px;
    }
    .c5{
    	background: url(../images/degree_library.jpg) no-repeat;
    	height: 149px;
    	width: 225px;
    	float: left;
    }
    .c6{
    }
    .contacts{
    	width: 750px;
    	margin-right: auto;
    	margin-left: auto;
    	margin-top: 30px;
    	text-align: center;
    }
    
    .img_library{
    	background: url(../images/lib.png) repeat;
    	float: left;
    	height: 193px;
    	width: 289px;
    	margin-right: 5px;
    	margin-bottom: 5px;
    }
    .complitext{
    }
    .deptnav{
    	height: 30px;
    	width: 725px;
    	padding: 0px;
    	margin-top: 25px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    }
    .deptnav ul{
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    }
    .deptnav ul li{
    	list-style-type: none;
    	padding: 0;
    	color: #FFFFFF;
    	float: left;
    	font: 11px Arial, Helvetica, sans-serif;
    }
    .deptnav ul li a{
    	text-decoration: none;
    	color: #FFFFFF;
    	color: #000000;
    	text-decoration: none;
    	background-image: url(../images/dept_main.png);
    	background-repeat: no-repeat;
    	height: 30px;
    	width: 188px;
    	display: block;
    	text-align: left;
    	margin-right: 25px;
    	margin-left: 25px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: 30px;
    	font-weight: bold;
    	font-variant: normal;
    	text-indent: 25px;
    }
    .deptnav ul li a:hover {
    	color: #FFFFFF;
    	background-image: url(../images/dept_hover.png);
    	background-repeat: no-repeat;
    }
    .main1{
    	width: 770px;
    	margin-right: auto;
    	margin-left: auto;
    }
    .diamondtext{
    	font: bold 24px Arial, Helvetica, sans-serif;
    	color: #0066FF;
    	text-align: center;
    }
    .diamondtext a{
    	font: bold 24px Arial, Helvetica, sans-serif;
    	color: #0066FF;
    	text-decoration: none;
    }
    .diamondtext a:hover{
    	font: bold 24px Arial, Helvetica, sans-serif;
    	color: #FF0066;
    	text-decoration: underline;
    	
    }
    h1{
    	font-family: ArialMT, "Arial MT", Arial;
    	font-weight: bold;
    	color: #FF9900;
    }
    .commu{
    	height: 470px;
    	width: 701px;
    	margin-right: auto;
    	margin-left: auto;
    	border: 1px solid #F3A10D;
    }
    .diapics{
    	height: 388px;
    	width: 600px;
    	margin-right: auto;
    	margin-left: auto;
    	border: 1px solid #F3A10D;
    	margin-top: 10px;
    }
    .img2{
    	background: url(../images/chini.jpg) no-repeat;
    	height: 200px;
    	width: 150px;
    	float: left;
    }
    
    #outer{
    	height: 600px;
    	margin-top: 50px;
    	margin-right: auto;
    	margin-left: auto;
    	width: 600px;
    }
    
    #tooltip h3 {
    font: normal 10px Verdana; 
    margin: 0; 
    padding: 6px 2px; 
    border: 0;
    }
    #mygalone{
    	height: 600px;
    	width: 650px;
    
    }
    .valid {
    	float: right;
    	margin: 0;
    	width: 225px;
    	height: 60px;
    	position: relative;
    	padding: 0px;
    	top: -65px;
    	right: 8px;
    	background-color: #00FF00;
    }
    .center_text{
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 18px;
    	font-weight: bold;
    	color: #FF0000;
    	text-decoration: underline;
    	text-align: center;
    	width: 200px;
    	margin-right: auto;
    	margin-left: auto;
    }
    .ng_prasad{
    	background-color: transparent;
    	background-image: url(../caree_guidance/dr_ngprasad.jpg);
    	background-repeat: no-repeat;
    	height: 223px;
    	width: 188px;
    	margin-top: 5px;
    	margin-right: 5px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	float: left;
    }
    .address{
    	height: 300px;
    	width: 400px;
    	margin-right: auto;
    	margin-left: auto;
    	border: 2px dashed #F3A10D;
    }
    .news_ticker{
    	font-family: "Trebuchet MS";
    	font-size: 12px;
    	font-weight: bold;
    	color: #CC0000;
    	float: right;
    	height: 20px;
    	width: 550px;
    	position: relative;
    	top: 10px;
    	right: 5px;
    }
    Last edited by vijetha; 05-27-2010 at 04:01 AM.

  • #3
    New Coder
    Join Date
    Jul 2009
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts
    sorry for the bump any help please

  • #4
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    You need to position the menu so it's z-index has a higher value than the jQuery slideshow you have.

    So add this to your #navigation

    Code:
    #navigation{
    	width: 1024px;
    	margin: 0px auto 0;
    	background: url(../images/nav.png) repeat-x;
    	height: 40px;
    	padding: 0;
            position:relative;
            z-index:100;
    }
    As the Z-index property only takes effect on positioned elements we add position:relative


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •