Internet Explorer 6 (IE) daki list-item Css tagı fix ve hack

Yukarıdaki tarzda bir menü yaptık diyelim. Böyle bir menüyü internet explorer 6 ile görüntülediğimizde her bir menü arasında belli bir boşluk olacaktır.

IE6 List Item Fix

IE6 List Item Fix

Çok kademeli menülerde ise bu boşluk alt menülere geçerken menünün kapanmasına neden olur. bunu engellemek için yapacağımız 3 şey vardır.

1. Çözüm

li tagına border-bottom:solid 1px #FFF; border-bottom ifadesi ile alt çerçeve verirsek. IE6 menüler arasındaki boşluğu border ile belirleyeceği için boşluktan kurtulmuş oluruz. Eğer border istemiyorsak menülerimiz arasında. Border rengini arkaplan rengi ile aynı yapabilirsiniz.
Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Yuvarlak Köşeli Tıklayınca Açılan Ajax (MooTools)

Dizaynci.NET Haberler Başlığına tıklayarak demoyu izleyebilirsiniz.

Javascript kodumuz ise Ajax Frameworku olan Mootools ile çalışıyor. FX Slide özelliğini kullanıyor.


<script type="text/javascript">
window.addEvent('domready', function(){
var mySlide = new Fx.Slide('section');

$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
});

</script>

new FX.slide özelliği ile kapanıp açılmayı yapıyoruzö id taglarında olan toogle ise nereye tıklanınca , fonksiyonun çalışacağını belirtiliyor. id lerden section ise hangi div in açılıp kapanacağını gösteriyor.

Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Select Formlarını Database’deki bilgiler ile doldurmak!

Örnek olarak Database imizdeki  Kullanicilar tablosundan kullanici adlarını alıp  select formunun içinde göstermek için oluşturmanız gereken database de kullanicilar tablosu ve tablonun içinde username alanı olduğunu düşünelim. Tabikide her kullanıcının bir id si olduğunu da unutmayalım.


$k_tablo_sorgusu   = 'SELECT * FROM KULLANICILAR';
$k_sorgusu   =mysql_query($k_tablo_sorgusu);

yukarıdaki kodlar ile SELECT * diye (her alanı sorgula) FROM KULLANICILAR ile ise (KULLANICILAR TABLOSUNU) sorgulamış olduk.


<select name="select" name="userName">
< ?php while ($row = mysql_fetch_array($k_sorgusu)) {?>
<option value="<?php echo $row['id']; ?>">
< ?php echo $row['username']; ?></option>
< ?php } ?>

while döngüsü ile database’den yapılan sorgudaki her veri için row değişkenine bir dizi (array) atanıyor. echo larla option değerine (value) kullanıcının id’si formda gözükecek olan yere ise username ile kullanıcı adı html koduna ekleniyor.

İlginizi Çekebilecek Diğer Konular:


Google Tarzı Auto Suggest

yukarı örnekteki gibi Google ‘ın otomatik önerisini yapacağız. Denemek için  Sayfanın sağ aşağısında olan

Bağlantılar bölümündekilerden örnek olarak.  documentation yazın.

Girdiğiniz ilk harfe göre databaseden gerekli Query yi yaparak size gösterir. Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Mootools framework ile Html Form Karakter Sayısı

Aşağıdaki Input alanına birşeyler yazın bakalım ne farklar varmış!

Evet yukarıdaki input girilen karakter sayısına göre kullanıcıya kaç karakter daha girebileceğini gösteriyor.

Ayrıca son 5 karakter kaldığı zaman ise sayının rengi değişip kullanıcıyı uyarıyor.

ajax karakter sayısı

Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Web 2.0 Renkleri

Naturel Renkler

 

Shiny silver [#EEEEEE]

 

Reddit white [#FFFFFF]

 

Magnolia Mag.nolia [#F9F7ED]

 

Interactive action yellow [#FFFF88]

Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Digg Tarzı Css Menü

Css ve ufacık bir javascript ile göze çok hoş gözüken Digg tarzında bir Css menü yapacağız.

Örnek : Menü1′in Üstüne Tıklayınız!

Html yapımız çok basit sadece listeleme tagları olan <ul> ve <li> yi kullanacağız

Bir Div tagımızın içine css ile belirttiğimiz classları ve listeleme tagları olan <ul> <li> kullandık
Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Standart Taglar

 Tüm Html sayfaları

<html> ile başlar </html>

ile biter.

<title> .......... </title>

 Sayfanın başlık kısmında çıkması istenen yazılar buraya yazılır (browser’ ın başlık çubuğunda gözükecek yazıdır ).
Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Sayfa yönlendirme

URL yönlendirme:


<html>
<title>Yönledirme Yapmak</title>
<meta http-equiv="refresh" content="3;url=http://www.dizaynci.net">

3 Sn’ ye İçinde Yönlendirileceksiniz.

Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular:


Basit Bir Html Web Sayfası Hazırlama

Ön Bilgi

1. <html>….</html> Tüm Çalışma bu iki etiket arasına yazılır. Html sayfa <html> ile başlar </html> ile biter.
2. <head>….</head> etiketleri arasına sayfa hakkında bilgiler yazıyoruz. Ayrıntı bilgi için Meta Taglar sayfasına bakınız.
3 . <title>….</title>, <head>….</head> tagları arasında yazılır sayfaya Başlık verir. Burada yazılanlar browser’ın üst kısmında browser adıyla beraber gösterilir. Bu yazının Devamını Okumak İçin Tıklayınız

İlginizi Çekebilecek Diğer Konular: