<li> Tagı IE7 Sorunu

07-02-2010, 19:35:00

Yeni bir tema yapıyorum ama bi yerinde takıldım yarım saattir birçok yöntem denedim ama beceremedim. Ney bunun mantığı bilen var mı?

İlk resim FF den, ikinci resim IE7 den.. IE7 kelimeler arasındaki boşluklarda alt satıra tam atlayamıyor ff gibi eğer sığmıyorsa komple alt satıra geçirmesi lazım nerde yanlışım var çözemiyorum

<div class="kategoriler">
<h1>Kategoriler</h1>
<ul>
<li><a href="#">Astroloji</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadınlara Özel</a></li>
<li><a href="#">Fıkralar</a></li>
<li><a href="#">Şarkı Sözleri</a></li>
<li><a href="#">Sağlık</a></li>
<li><a href="#">Şiir</a></li>
<li><a href="#">Aşk Meşk</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadın 12lara Özel</a></li>
<li><a href="#">Fıkral dsaar</a></li>
<li><a href="#">Şarkı Sö asdz leri</a></li>
<li><a href="#">Sağlık asd</a></li>
<li><a href="#">As d</a></li>
<ul>
</div>


.kategoriler{width:270px; float:left;}
.kategoriler ul{list-style:none; padding-left:0px;}
.kategoriler li{float:left; margin:5px 10px 0px 0px; }
.kategoriler li:hover{}
.kategoriler ul li a{background:#eeeeee; padding:1px 5px 1px 5px; line-height:18px;}
.kategoriler ul li a:hover{background:#76bad2; color:#fff;}

07-02-2010, 19:54:13

#2

Erturk

.kategorialani {width:270px; float:left;}
ul.kategoriler {list-style-type:none;margin:0px;padding:0px;}
ul.kategoriler li {float:left;margin:5px 10px 0px 0px;}
ul.kategoriler li a{background:#eeeeee; padding:1px 5px 1px 5px;}
ul.kategoriler li a:hover{background:#76bad2; color:#fff;}

<div class="kategorialani">
<h1>Kategoriler</h1>
<ul class="kategoriler">
<li><a href="#">Astroloji</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadınlara Özel</a></li>
<li><a href="#">Fıkralar</a></li>
<li><a href="#">Şarkı Sözleri</a></li>
<li><a href="#">Sağlık</a></li>
<li><a href="#">Şiir</a></li>
<li><a href="#">Aşk Meşk</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadın 12lara Özel</a></li>
<li><a href="#">Fıkral dsaar</a></li>
<li><a href="#">Şarkı Sö asdz leri</a></li>
<li><a href="#">Sağlık asd</a></li>
<li><a href="#">As d</a></li>
<ul>
</div>

boyle bir denermisin

07-02-2010, 20:52:59

#3

YouSuf

görünüşte değişiklik olmadı hocam bunu bi şekilde tarayıcıya birlikte göstermek lazım kelimeyi ayırmaması için <span> arasına yazdım oda olmadı

07-02-2010, 23:33:47

#4

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

YouSuf adlı üyeden alıntı: mesajı görüntüle

görünüşte değişiklik olmadı hocam bunu bi şekilde tarayıcıya birlikte göstermek lazım kelimeyi ayırmaması için <span> arasına yazdım oda olmadı

.kategoriler{width:270px; float:left;}
.kategoriler ul{list-style:none; padding-left:0px;}
.kategoriler li{float:left; margin:5px 10px 0px 0px; }
.kategoriler li:hover{}
.kategoriler ul li a{background:#eeeeee; padding:1px 5px 1px 5px; line-height:18px;}
.kategoriler ul li a:hover{background:#76bad2; color:#fff;}

Burada .kategoriler ul li a{} bu elemente birde display:block ekle yani şöyle.

.kategoriler ul li a{background:#eeeeee; padding:1px 5px 1px 5px; line-height:18px;display:block;}

08-02-2010, 00:05:59

#5

YouSuf

display:block; uda denemiştim hocam yine olmadı, siz deneyerek mi söylediniz

08-02-2010, 01:36:47

#6

~~JustGo~~

Üyeliği durduruldu

Buyur,

Alıntı

.kategoriler{width:270px; float:left;}
.kategoriler ul{list-style:none;}
.kategoriler ul li{ display:inline;}
.kategoriler ul li a{ background:#eeeeee; padding:1px 5px; line-height:18px; margin:3px; display:inline-block;}
.kategoriler ul li a:hover{background:#76bad2; color:#fff;}

08-02-2010, 02:03:04

#7