css açıklaması

Jayhoonova · 29/04/2006, 23:56

http://www.cssplay.co.uk/menu/lightbox.html

burada js olmadan sadece css ile onmouseover gibi bir olay var
anlamadım ben
çözen olursa buraya açıklaması güzel olur

Zerzevat Adam · 30/04/2006, 00:38

CSS'in Pseudo Class'larından :hover'ı kullanarak bunu başarabiliyoruz...

HunTER · 30/04/2006, 00:47

:hover event'ı uzerıne kurulu bır sey sanırım.. En basıt halıyle,

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr">
<head>
   <title>Test</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"/>
   <style type="text/css">
      /* BODY stili */
      body{
         font-family: Arial, Times, sans-serif;
         font-size: 12px;
         margin: 20px;
         backgroupx;color: #FAFAFA;
      }

      /* Menu UL tagina ait stil */
      ul.menu{
         margin: 0px;
         padding: 0px;
      }

      /* Menu UL tagi altindaki LI tagina ait sitil */
      ul.menu li{
         display: inline;
      }

      /* Menu UL altindaki tum A'lari etkileyecek sitil */
      ul.menu a{
         color: black;
         text-decoration: none;
      }

      /* LI tagi altindaki SPAN'a ait sitil */
      ul.menu li span{
         position: absolute;
         display: none;
         width: 100px;
         margin: -1px 0px 0px 0px;
         padding: 5px;
         border: 1px solid silver;
         background-color: #FFFFFF;
      }

      /* SPAN altindaki A'lara ait sitil */
      ul.menu li span a{
         display: block;
      }

      /* Kilit nokta: LI tagi hover oldugunda altindaki SPAN'a ait sitil */
      ul.menu li:hover span{
         display: block;
      }
   </style>
</head>
<body>
   <ul class="menu">
      <li>
         <a href="">Menü A</a>
         <span>
            <a href="#1">A.1</a>
            <a href="#2">A.2</a>
            <a href="#3">A.3</a>
         </span>
      </li>
      <li>
         <a href="">Menü B</a>
         <span>
            <a href="#1">B.1</a>
            <a href="#2">B.2</a>
            <a href="#3">B.3</a>
         </span>
      </li>
   </ul>
</body>
</html>

Ancak ornek IE'de calısmıyor.. Zaten lınkını verdıgın sayfanın ozellıgı sanırım bunu IE'de de yapabılıyor olması

Not: Incelemedım ama IE altında aynı ısı belkı expression'ları kullanarak yapmıs olabılırler.. Cok lazımsa onada bakarız?

sercotec · 30/04/2006, 01:34

Stu Nichols bu işin sihirbazıdır, CSS yanında illüzyon da öğrenmeni tavsiye ederim

fatihhayri · 01/05/2006, 01:46

omerbalyali +1

ie Pseudo Class ları sadece linkler yani {a} da kabul ediyor bundan yaralaılarak yapılmış bir kodlama

ie için açılan alnalrı a nın içine koymuş diğer browserlardan bunu gizlemiş .

Diğerleri zaten bu işi yapıyordu sorun ie ye laf anlatmaktı.

Burda bunu ie nin aladığı dilden yapmış diye bilriz.

İyi düşünce, ancak web standartları yönünden ne kadar doğrıudur orası tartışılır.

http://msdn.microsoft.com/library/de...new_70_sdk.asp

Pseudo Class ları ie 7 tüm elementlerde destekliyormuş

Günaydın ms

Zerzevat Adam · 01/05/2006, 02:17

Vay IE 7.0 dünyada yine bir ilki başardı desene.

Daha öncedende RSS'i yenilik olarak sunmalarıyla şaşırtmıştı bizi.

Ama ne olursa olsun ben seviniyorum MSIE'nin gelişmesine. Şu programı hızlıca geliştirsinler, güvenlik açıklarını kapatsınlar biz de seve seve kullanalım, ya da en azından başka alternatifi olduğun bilmeyenlere daha güzel siteler/uygulamalar yapalım.

HunTER · 01/05/2006, 10:09

Bakalım FF ne zaman expression'ları destekleyecek

xuma · 01/05/2006, 12:46

Alıntı:

sercotec, mesajından alıntı:

Stu Nichols bu işin sihirbazıdır, CSS yanında illüzyon da öğrenmeni tavsiye ederim

Gerçektende sihibazı.Sık sık ziyaret etmeye çalıştığım sitelerden biridir...

Jayhoonova · 02/05/2006, 02:34

ben annamam sihirbazlık felan
düpe düz terbiyesizlik

29/04/2006, 23:56	#1 (permalink)
Jayhoonova Üye Üyelik Tarihi: 04/2005 Mesaj: 200	css açıklaması http://www.cssplay.co.uk/menu/lightbox.html burada js olmadan sadece css ile onmouseover gibi bir olay var anlamadım ben çözen olursa buraya açıklaması güzel olur __________________ Paylaşmaktan korkanlar biliyor gibi davrananlardır

30/04/2006, 00:38	#2 (permalink)
Zerzevat Adam i got the blues Üyelik Tarihi: 01/2003 Mesaj: 4,793	CSS'in Pseudo Class'larından :hover'ı kullanarak bunu başarabiliyoruz... __________________ çılgın bir elmas vardı artık bakışlarında

30/04/2006, 01:34	#4 (permalink)
sercotec Eski Cevizci Üyelik Tarihi: 07/2004 Yer: İstanbul Mesaj: 276	Stu Nichols bu işin sihirbazıdır, CSS yanında illüzyon da öğrenmeni tavsiye ederim __________________ Serkan Ertürk SercoTec

01/05/2006, 01:46	#5 (permalink)
fatihhayri talebe Üyelik Tarihi: 07/2003 Yer: istanbul Mesaj: 754	omerbalyali +1 ie Pseudo Class ları sadece linkler yani {a} da kabul ediyor bundan yaralaılarak yapılmış bir kodlama ie için açılan alnalrı a nın içine koymuş diğer browserlardan bunu gizlemiş . Diğerleri zaten bu işi yapıyordu sorun ie ye laf anlatmaktı. Burda bunu ie nin aladığı dilden yapmış diye bilriz. İyi düşünce, ancak web standartları yönünden ne kadar doğrıudur orası tartışılır. http://msdn.microsoft.com/library/de...new_70_sdk.asp Pseudo Class ları ie 7 tüm elementlerde destekliyormuş Günaydın ms __________________ http://www.fatihhayrioglu.com CSS Notlarım

01/05/2006, 02:17	#6 (permalink)
Zerzevat Adam i got the blues Üyelik Tarihi: 01/2003 Mesaj: 4,793	Vay IE 7.0 dünyada yine bir ilki başardı desene. Daha öncedende RSS'i yenilik olarak sunmalarıyla şaşırtmıştı bizi. Ama ne olursa olsun ben seviniyorum MSIE'nin gelişmesine. Şu programı hızlıca geliştirsinler, güvenlik açıklarını kapatsınlar biz de seve seve kullanalım, ya da en azından başka alternatifi olduğun bilmeyenlere daha güzel siteler/uygulamalar yapalım. __________________ çılgın bir elmas vardı artık bakışlarında

01/05/2006, 10:09	#7 (permalink)
HunTER ... Üyelik Tarihi: 08/2002 Yer: İstanbul Mesaj: 8,753	Bakalım FF ne zaman expression'ları destekleyecek __________________ Ertuğrul Yıldırım .::. iletisim@eyildirim.org

02/05/2006, 02:34	#9 (permalink)
Jayhoonova Üye Üyelik Tarihi: 04/2005 Mesaj: 200	ben annamam sihirbazlık felan düpe düz terbiyesizlik __________________ Paylaşmaktan korkanlar biliyor gibi davrananlardır

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
kod açıklaması	kGlz	PHP	7	23/09/2006 17:17
Link açıklaması...	Bozkurt	Web Tasarım	3	15/05/2006 19:02
Genel Kurmay Bşk: Basın Açıklaması	virU	Hayata Dair	50	03/05/2005 16:41
Konu silme açıklaması	selami_32	Ceviz.net Hakkında	0	07/03/2005 09:17
Pathinfo (); nun açıklaması ve ufak bir #KAYNAK#	LoS.ToF	PHP	0	15/10/2002 18:28