Layer özelliklerini değiştirme(w3c uyumlu)

Hater · 23.06.2002

Merhaba ;
Başlıkta tam açıklayamadım ancak yapmak istediğim menü sisteminin küçük bir şablonunu hazırladım. Ancak netscape ve operada sapıtıyor. Yapmak istediğim şey msdn sitesindeki gibi menüleri tek tuşla görünmez yapmak. Bu çok kolay biliyorum ama menüler görünmez olunca diğer şeyler sayfaya tam sığsın istiyorum. Çok uzattım aşağıdaki kodda IE'de çalışan ama netscape de saptıan kod var. Kısa bir kod ordan anlaşılıyor herşey.
Yardım bekliyorum

Alıntı:

<html>
<head>
<title>Sayfa</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=ISO-8859-9">
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
<script language="JavaScript">

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p><a href="#" onclick="gizle()">Gizle</a></p>
<p><a href="#" onclick="goster()">Göster</a></p>
<table width="700">
<tr>
<td valign="top"><div id="bir" style=" background-color: #E9D8BB; layer-background-color: #E9D8BB; border: 1px solid #000000; visibility: visible ; width:130px; overflow: hidden ">
<p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.
Et harumd dereud facilis est er expedit distinct.</div>
</td>
<td valign="top" >

<p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
<p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor
cum soluta nobis eligend optio comque nihil quod a impedit anim id quod
maxim placeat facer possim omnis es voluptas assumenda est, omnis dolor
repellend. Temporem autem quinsud et aur office debit aut tum rerum necesit
atib saepe eveniet ut er repudiand sint et molestia non este recusand.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
<p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor
cum soluta nobis eligend optio comque nihil quod a impedit anim id quod
maxim placeat facer possim omnis es voluptas assumenda est, omnis dolor
repellend. Temporem autem quinsud et aur office debit aut tum rerum necesit
atib saepe eveniet ut er repudiand sint et molestia non este recusand.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
<p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor
cum soluta nobis eligend optio comque nihil quod a impedit anim id quod
maxim placeat facer possim omnis es voluptas assumenda est, omnis dolor
repellend. Temporem autem quinsud et aur office debit aut tum rerum necesit
atib saepe eveniet ut er repudiand sint et molestia non este recusand.</p>

</td>
<td valign="top"><div id="iki" style=" background-color: #E9D8BB; layer-background-color: #E9D8BB; border: 1px solid #000000; visibility: visible ; width:130px; overflow: hidden "><p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.
Et harumd dereud facilis est er expedit distinct.</p></div></td>
</tr>
</table>
</body>
</HTML>

//fonksiyon adları değişirildi

Atlantis · 23.06.2002

soruyu tam olarak anlayamadım. ortadaki yazıları da bir başka div içine koyup menüler kapatıldığında, istediğin şekilde görüntülenmesini sağlayabilirsin.

Hater · 23.06.2002

Atlantis; ilgilendiğin için sağol
Ortadaki yazıyı başka bir div içine koymak tamam.Ama bu kodu bir netsape ile denerseniz, sağ ve soldaki tdlerin içindeki divleri kapatınca ortadaki td boyutu inceliyor sebesiz yere. Yani tablonun boyutları sapıtıyor.Oyasıki istediğim şey o tdler yokmuş gibi sayfayı kaplaması. yani kodu explorerla denediğinizde olan şeyin aynısının netscape ya da opera da da olması
Teşekkürler

Hater · 28.06.2002

Problem çözüldü. <td> lere birer id vererek ve display özelliğini none olarak değiştiren, yeni boyutları ayarlayan bir script yazarak. Yanlızca visibility özelliği değiştirilince layer görünmez oluyor ama orda kalıyormuş yinede. Ancak display:none yapınca tamamen ortadan kalkıyor(bu td takı içinde geçerli). w3c uyumlu mozilla da test edildi.

23.06.2002	#2 (permalink)
Atlantis Üyelik Tarihi: 23.07.2000 Yer: İstanbul, Türkiye Yaş: 25 Mesaj: 1,157	soruyu tam olarak anlayamadım. ortadaki yazıları da bir başka div içine koyup menüler kapatıldığında, istediğin şekilde görüntülenmesini sağlayabilirsin. __________________ @Airties Kablosuz İletişim

23.06.2002	#3 (permalink)
Hater Üyelik Tarihi: 09.06.2001 Yer: Ankara Yaş: 31 Mesaj: 31	Div tamam ama ya tablo? Atlantis; ilgilendiğin için sağol Ortadaki yazıyı başka bir div içine koymak tamam.Ama bu kodu bir netsape ile denerseniz, sağ ve soldaki tdlerin içindeki divleri kapatınca ortadaki td boyutu inceliyor sebesiz yere. Yani tablonun boyutları sapıtıyor.Oyasıki istediğim şey o tdler yokmuş gibi sayfayı kaplaması. yani kodu explorerla denediğinizde olan şeyin aynısının netscape ya da opera da da olması Teşekkürler

28.06.2002	#4 (permalink)
Hater Üyelik Tarihi: 09.06.2001 Yer: Ankara Yaş: 31 Mesaj: 31	Çözüldü Problem çözüldü. <td> lere birer id vererek ve display özelliğini none olarak değiştiren, yeni boyutları ayarlayan bir script yazarak. Yanlızca visibility özelliği değiştirilince layer görünmez oluyor ama orda kalıyormuş yinede. Ancak display:none yapınca tamamen ortadan kalkıyor(bu td takı içinde geçerli). w3c uyumlu mozilla da test edildi.

Sponsorlu Bağlantılar
Zoque.Forum Reklam