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;"> Banner</div>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="event">
<?php include('includes/event.php') ?>
</div>
<?php include("includes/footer.php"); ?>
<p> </p>
</body>
</html>