Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

Açılabilir Menu PHP

PHPPHP23.07.20127 cevap10.541 görüntüleme

2012'den beri47 mesaj

#1
23.07.2012 23:21

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>

Cevaplar

PHPPHP Konuyu açan

2012'den beri47 mesaj

#2
24.07.2012 17:26

Yardımcı olabilecek biri varmı acaba?

LeaveNhA

2011'den beri597 mesaj

#3
24.07.2012 20:55

sorun ne anlayamadım ?

Webkurum

2012'den beri1.817 mesaj

#4
24.07.2012 21:13

Acık yazmamıssınız kı. Kodlarınız basıt bır html ve javascrıpt sablonu. Phpye daır bırsey olsa duzenleme yapabılırız yada kucuk bırsey ıse yazabılırım ama hıcbırsey anlamadım yazdıklarınızdan.

yemrebozkurt

2006'den beri2 mesaj

#5
24.07.2012 21:45

anladigim kadariyla yapmak istedigin bu umarim isine yarar

<!doctype>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
#menu ul{
list-style:none;
margin:0;
padding:0;
}
#menu li{
float:left;
padding:10px;
}
#menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
}
#menu li:hover ul{
display:block;
}
#menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<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ün5</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

PHPPHP Konuyu açan

2012'den beri47 mesaj

#6
26.07.2012 00:09

teşeklkür ederim

yemrebozkurt

2006'den beri2 mesaj

#7
26.07.2012 00:33

nasıl kayma oluyor farklı tarayıcılarda test ettin mi

PHPPHP Konuyu açan

2012'den beri47 mesaj

#8
26.07.2012 01:50

Ana Sayfada olan şeyler kayıyor.
veya farklı bir bölüm eklesem onun içeriği ortada durmuyor
sağ tarafa doğru kayıyor

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.