

Menü Ve Uzun Listelerde <Li> Mi Yoksa Tablemi Kullanmalıyım?
-
slm arkadaşlar web sitemdeki menuleri vs listelemek için döngü içerisinde tableli bi kod kullanıyordum önceden şimdi biraz css öğrenmeye başlayınca
<ul>
<li> ana menu
<li>hakkımızda
<li>vs...
</ul>
gibi bir yapıylada aynı şeyin yapılabileceğini öğrendim siz hangisini tavsiye edersiniz? css ile yapılanın boyutları çok düşük sayfa daha hızlı açılıyor ama sorun şu ki istediğim resmi kullanamıyorum onun yerine siyah kalın bi nokta çıkıyor bu kodda istediğim resmi (bullet_blue.gif)nasıl kullanabilirim ?
eski kullandığım :
<table border="0" cellpadding="3" cellspacing="0" width="100%">
<tbody><tr>
<td width="12"><img src="resim/bullet_blue.gif" class="image_top" height="12" width="12"></td>
<td width="*"><a href="goruntule.php?id=',$oku[0],'" class="stil3">',$oku[2],'</a></td>
</tr>
</tbody></table> -
frame kullanmanı tavsiye ederim aslında.
Ama li yerine table çok daha akıllıca.
-
<img src="resim/bullet_blue.gif" class="image_top" height="12" width="12"> <a href="goruntule.php?id=',$oku[0],'" class="stil3">',$oku[2],'</a><br>
Bu aklına glemedimi hocam :|
-
<a href="goruntule.php?id=',$oku[0],'" class="stil3">
virgüller sanırım fazlalık gibi -
li{
list-style-type: none;
list-style-image: url('resmim.gif')
}
li'de şunları kullarak denermisin
-
ul {
padding:0;
margin:0 0 0 11px;
list-style:none;
}
.menu a {
background:url(resim/bullet_blue.gif) left top no-repeat;
line-height:22px;
background-position:0 3px;
color:#242d3a;
text-decoration:none;
padding-left:15px;
}
bunları css ine eklersin.
<ul>
<li class="menu"><a href="#">ana menu</a></li>
<li class="menu"><a href="#">hakkımızda</a></li>
<li class="menu"><a href="#">vs...</a></li>
</ul>$eklinde kullanırsın.
ki elbetteki css en doğru seçim olur :)
-
tşk ederim arkadaşlar fikretin dediği gibi yaptım kodda baya bi kısalma oldu
genki dediğin gibi denedimde çalıştıramadım :(
-
<style>
li{
list-style-type: none;
list-style-image: url('a.gif');
}
</style>
<ul>
<li>genki</li>
<li>test</li>
<li>lebrom james</li>
</ul>böle deneyince bende çalıştı. siyah nokta gidiyor yerine a.gif geliyor. Resmi belki yanlış dizine koymuşsundur
-
ben list-style-type: none; yazmamıştım tmmdır tşk ederim