[T.M.R]

Merhaba,

Üzerinde çalıştığım bir site için, üzerine gelindiğinde aşağıya doğru açılan, yatay CSS menu kullanıyorum. Bu menünün hemen altında da bir adet flash obje var. Açılan alt menü flash ın altında kalıyordu, onu flash ı transparan yaparak hallettim. Ancak bu seferde IE de açılan menu flashın üzerinde görünsede, menüde aşağı doğru indiğimizde flashın üstündeyken hemen kayboluyor, tıklanamıyor. Firefox'da ise problemsiz işliyor. Bu sorunu nasıl aşabilirim?

Not: Tablo tasarım kullanıyorum.

[ajnglagla]

sothinkde mi yapmıştın?

[T.M.R]

flashı, Macromedia flash 8 ile yapmıştım. Bununla bir ilgisi olabilir mi?

[ajnglagla]

yo CSS menuyu kastedmiştim.. hangi programla yaptın, eğer sothinkte yaptın ise işaretlediğin bir kutucuk, ie de menu uzerine geldiğinde flashın görünmemesine neden olabilir

[T.M.R]

Hayır menü için herhangi bir program kullanmadım, internette çeşitli örnekleri görülen CSS ile kodlanmış bir menüyü siteye uyarladım sadece. Ama ne yaptıysam, açılan menü ile flash arasındaki uyumsuzluğu önleyemedim. Menü güzel güzel açılıyor aşağı doğru ama flashın üzerinde olduğu için mouse ile açılan alt menüye geldiğim anda menu hemen kapanıyor.

Menüyü drop-down değilde drop-line yapabilmekte bir çözüm olabilir benim için. Yani, menü alt alta değilde yanyana olacak şekilde açılsada olabilir. Menü ile flash arasında bir veya iki satırlık bir boşluk bırakıp menünün o tek satırda yanyana açılmasını sağlayabilirsem sorunu halledebilirim. Ama onuda nasıl yapacağımı bilmiyorum.

Aşağıda menünün CSS kodlarını görebilirsiniz. Burada menünün yanyana açılması için nasıl bir değişiklik yapmam gerektiğini söyleyen birisi olursa inanın çok sevineceğim.

Spoiler:

ul#menu, ul#menu ul{
padding: 0;
margin: 0;
list-style: none;
}

ul#menu li {
float: left;
position: relative;
width: 150px;
}

ul#menu li ul {
display: none;
position: absolute;
top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
left: 0;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
color: #000;
background: #efefef;
text-decoration: none;
}

ul#menu li a:hover {
color: #a00;
background: #fff;
}

ul#menu li:hover ul, ul#menu li.over ul {
float: left;
display: block;
}

[taylankoca]

Teknik olarak aynı ama biraz farklı bir sorunla ben de uğraşıyorum. flash rollover banner aşağıda bir linkin üzerine iniyor. IE'de bir problem yok, ama Firefox'ta rollover banner'ın indiği yere kadar hiç bir yere tıklanamıyor.

[Vincent]

@T.M.R

Alt menulerin pozisyonu sanirim bu kisimla ayarlaniyor:

ul#menu li ul {
display: none;
position: absolute;
top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
left: 0;
}

left:100px top:-20px benzeri degisikliklerle yana dogru acilmasini saglayabilirsin. Tabi sayfaya link verirsen hem bu konuda hem de flash konusunda daha cok yardim alabilirsin.

@taylankoca

http://kb.adobe.com/selfservice/view...nalId=tn_15523
Bu adreste anlatildigi gibi wmode transparent ozeliigini vermedigin surece flash objeleri sayfada herseyin uzerinde oluyor. bu ozelligi verdikten sonra z-index kullanarak siralama yapabilirsin. z-index kullanabilmek icin elementin position:relative, veya position:absolute ozelliklerinden birine sahip olmasi gerekiyor.

[T.M.R]

Vincent,
Söylediğin top, left ayarlarıyla sadece açılan menünün pozisyonu değişiyor. Yanyana değil yine alt alta açılıyor yani. Sanırım menünün yanyana açılması için şu aşağıdaki kısımda birşeyleri değiştirmek gerekiyor:

ul#menu li:hover ul, ul#menu li.over ul { 
	float: left;
	display: block;
}

Ama bilemiyorum tabi, ne yaptıysam olmadı.

Ya sayfada gördüğünüz gibi menü ile flash arasındaki boş kısıma menünün yanyana açılmasını sağlamalıyım ya da flash üzerinde ki kaybolma sorununu çözmeliyim. Böyle basit bir sorun için bir haftadır uğraşıyorum ama hala halledebilmiş değilim. İşin teslim zamanıda yaklaştığı için üzerimdeki stres biraz daha artıyor.

Bu soruna yönelik herhangi bir çözüm önerisi olan varsa can kulağıyla dinliyorum

[MaviKartaL]

Bahsettiğin problemin çözümü için wmode parametresini transparan yapmalısın çözüm için gerekli kod;

<param name="wmode" value="transparent">

Mesela örnek bir flash movie kodu yazayım daha açıklayıcı olsun;

<param name="movie" value="staff.SWF">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="board.SWF" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="644" height="50" wmode="transparent"></embed>

Kolay gelsin.

[T.M.R]

MaviKartal,
o söylediğini zaten yapmıştım. Böylece açılan menünün flashın altında kalması sorununu halledebilmiştim. Ama bahsettiğim sorun bu değil. sorun; IE de, flash üzerine açılan menünün mouse ile üzerine gelindiği anda kaybolması.