Hi I have a bar which dropdownbox so transparant, in a way that I could hardly read its text because its overlap my content text and pictures.

But its order superseed the side bar box. I could clearly read its text on the side but hardly read its text on the middle.

I am using jquery which I copy from a tutorial video.

What might be the problem? I would like the text could be clearly read in the navigation bar in order word it suppose to be above the content text when I open the navigation drop down box.

<!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>Masterlink International</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="includes/navstyle.css" />
<script type="text/javascript" src="includes/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/superfish.js"></script>
<script type="text/javascript">
jQuery(function(){
	jQuery('ul.menu').superfish({
		animation: {opacity:'show',height:'show'},
		speed: 'slow', 
		autoArrows: true
	});
});
</script>
     
<style type="text/css">
<!--
.style1 {font-size: 12px}
-->
</style>
</head>

<body>
    <?php include("includes/header.php"); ?>
<div id="login">
      
      <form action="proseslogin.php" method="post" name="login" target="_self" id="login" style="style.css" title="login"><br />
        user    
          :  
          <input type="text" name="username" id="username" />
          <label>password:          </label>
          <input type="text" name="password" id="password" />
          <label>
          <input type="submit" name="Login" id="Login" value="Login" />
        </label>
      </form> 		
		
    </div>
     <div id="menu">
            
   		<?php include ("includes/navigation.php"); ?>
        
	 </div>     
            
<div id="content">
      
      	<?php
			
		//Tampilkan panel content, jika catid dan newsid tidak kosong maka tampilkan berita terpilih, jika tidak tampilkan daftar berita
				include ("tampil_produk.php");
		?>
		
		?>
		
      
</div>

<div id="kategori">
      
     <?php include('includes/kategori_berita.php') ?>
      
    </div> 
    
    
    <div id="banner">
      <div class="headerStyle">
      <div style="padding:4px 0px;">&nbsp;Banner</div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div> 
        
<div id="event">
      
     <?php include('includes/event.php') ?>
      
    </div>
    
    
    <?php include("includes/footer.php"); ?>
    
    
<p>&nbsp;</p>
</body>
</html>

I believe this thread belongs in the javascript/dhtml section but if you were to ask me how to solve it one thing I would mention is not to use jquery because it is not designed of the best of quality since the best of quality can only be produced from a custom script to suit your needs than one script to suit everybody's needs.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.