Frame(çerçeveler) ile web sitesinde CSSaçılır menü sorunu..

Kodla Büyü

sakin27

Üye
Mesajlar
9
Frame(çerçeveler) ile web sitesinde CSSaçılır menü sorunu..

Merhaba Arkadaşlar...
Öğrencilere Web Tasarım dersinde proje ödevleri verdim. Sadece HTML ve CSS kullanarak bir web sitesi yapacaklar.
Bazı öğrenciler Frameler ile sayfayı bölmüşler ve bannerin alt tarafına Css ile yapılmış açılır menüyü ekliyorlar. Fakat Sorun Şu ki Bu açılır menü belirlenen çerçeve sınırları dışına çıkmıyor ve altta kalıyor bu problemi nasıl ortadan kaldırabiliriz...
Acil Yardımlarınızı bekliyorum...
Şimdiden tüm arkadaşlara Teşekkür ederim...
 
Tamam hocam o zaman menün içinde buluduğu framein id sini css dosyasından z index değerini 1 yapın....
 
fatherboard' Alıntı:
Tamam hocam o zaman menün içinde buluduğu framein id sini css dosyasından z index değerini 1 yapın....
Hocam menü harici bir sayfada tasarlanmış ve ilgili frameye çağırılıyor ben dediğiniz olayı denemiştim olmamıştı.. Kod olarak tam olarak nasıl yapılmalı sizce belki de eksik ya da yanlış yapmışımdır..
 
hocam harici dosyadan çağrılan stil bloğunun içindeki margin değerlerini değiştirmeyi deneyin bir de position değerini "relative" yapın
 
<html>
<head>
</head>
<frameset cols="8%,*,8%" border="0">
<frame name="bossol" src="bossol.html" noresize>
<frameset rows="15%,*" border="0">
<frame name="banner" src="banner.html" noresize>
<frameset cols="12%,*,12%">
<frame name="sol" src="sol.html" noresize>
<frame name="orta" src="menu.html" noresize>
<frame name="sağ2" src="sağ2.html" noresize>
</frameset>
</frameset>
<frame name="bos sag" src="bos sag.html" noresize>
</frameset>
</html>
bu sayfada orta çerçevesine menu.html deki css ile yapılmış yatay açılır menü yapılmış...
Bu menü açılınca orta çerçevesine sığmıyor... üstte çıkmasını istiyorum...

Yatay menü sayfam da bu.....
<html>
<head><title>örnek</title>
<style type="text/css">
body{
margin:0;
padding:0;}
#menum ul{list-style:none;
margin:0;
padding:0;}
#menum li{float:left;
position:relative;
width:291px;}
#menum li ul{display:none;
left:0;
position:absolute;
top:24px;}
#menum ul li a{background-image:url("marb071.jpg");
border-color:#999933 #888888 #555555 #bbbbbb;
border-style:solid;
border-width:3px;
color:#990033;
display:block;
font:italic 16px mv boli,papyrus,sans-serif;
margin:0;
padding:4px 5px;
text-decoration:none;
line-height:20px;}
#menum ul li a:hover{background:#CCCC99;
color:#996600;}
#menum li:hover ul{display:block;}
</style></head>
<body>
<div id="menum">
<ul>
<li><a href="bossol.html" target="orta">İslamiyetten Önceki Türk Edebiyatı</a>
<ul>
<li><a href="sozlu.html">Sözlü Edebiyat</a></li>
<li><a href="yazili.html">Yazılı Edebiyat</a></li>
</ul>
<li><a href="#">İslamiyet Etkisindeki Türk Edebiyatı</a>
<ul>
<li><a href="divan.html">Divan Edebiyatı</a></li>
<li><a href="halk.html">Halk Edebiyatı</a></li>
</ul>
<li><a href="#">Batı Etkisindeki Türk Edebiyatı</a>
<ul>
<li><a href="tanzimat.html">Tanzimat Edebiyatı</a></li>
<li><a href="servet-i funun.html">Servet-i Fünun Edebiyatı</a></li>
<li><a href="fecr-i ati.html">Fecr-i Ati Edebiyatı</a></li>
<li><a href="milli.html">Milli Edebiyat</a></li>
<li><a href="cumhuriyet.html">Cumhuriyet Dönemi Edebiyatı</a></li>
</ul>
</ul></div></body></html>
 
Geri
Üst