Kodun Bana Sağladığı Şu :
Ana Panel
İçerik/ler
Ana Panel2
İçerik/ler
Ekranın Sol tarafında oluşuyor ve kod içinde her yeni açtıgım ana panel alt alta devam ediyor.
Benim istediğim tablo şu şekilde.
ANA PANEL - ANA PANEL -2 ANA PANEL 3
(içindeki paneller) (içindeki paneller) falan filan
Yani Her ana Panel Yan Yana gelsin.
üzerine geldiğimizde içerik var ise eğer içerik bilgileri cıksın
kücük bir düzenleme gerekiyor sanırım
Şimdiden teşekkür ederim
Kodlar :
<html>
<head>
<meta http-*****="Content-Type" **********text/html; charset=iso-8859-9">
<style>
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #000
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
background-color: #E2E2E2
padding: 5px;
border:1px solid #000
border-bottom:0;
}
/* IE. gizle \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* IE den gizleme sonu */
li:hover ul, li.over ul {
display: block;
}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
</head>
<body>
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Ana Panel- Haberler</a>
<ul>
<li><a href="#">Şirket Haberleri </a></li>
<li><a href="#">Yurt içi Haberleri </a></li>
<li><a href="#">Yurt dışı Haberleri</a></li>
</ul>
</li>
<li><a href="#">Ana Panel-Ürünler</a>
<ul> <li><a href="#">ürün1</a></li>
<li><a href="#">ürün2</a></li>
<li><a href="#">ürün3</a></li>
<li><a href="#">ürün4 </a></li>
<li><a href="#">ürün 5</a></li>
</ul>
</li>
</ul>
</body></html>
Ana Panel
İçerik/ler
Ana Panel2
İçerik/ler
Ekranın Sol tarafında oluşuyor ve kod içinde her yeni açtıgım ana panel alt alta devam ediyor.
Benim istediğim tablo şu şekilde.
ANA PANEL - ANA PANEL -2 ANA PANEL 3
(içindeki paneller) (içindeki paneller) falan filan
Yani Her ana Panel Yan Yana gelsin.
üzerine geldiğimizde içerik var ise eğer içerik bilgileri cıksın
kücük bir düzenleme gerekiyor sanırım
Şimdiden teşekkür ederim
Kodlar :
<html>
<head>
<meta http-*****="Content-Type" **********text/html; charset=iso-8859-9">
<style>
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #000
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
background-color: #E2E2E2
padding: 5px;
border:1px solid #000
border-bottom:0;
}
/* IE. gizle \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* IE den gizleme sonu */
li:hover ul, li.over ul {
display: block;
}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
</head>
<body>
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Ana Panel- Haberler</a>
<ul>
<li><a href="#">Şirket Haberleri </a></li>
<li><a href="#">Yurt içi Haberleri </a></li>
<li><a href="#">Yurt dışı Haberleri</a></li>
</ul>
</li>
<li><a href="#">Ana Panel-Ürünler</a>
<ul> <li><a href="#">ürün1</a></li>
<li><a href="#">ürün2</a></li>
<li><a href="#">ürün3</a></li>
<li><a href="#">ürün4 </a></li>
<li><a href="#">ürün 5</a></li>
</ul>
</li>
</ul>
</body></html>
