folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Menü Ve Uzun Listelerde <Li> Mi Yoksa Tablemi Kullanmalıyım?



Menü Ve Uzun Listelerde <Li> Mi Yoksa Tablemi Kullanmalıyım?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Arlong
    Arlong's avatar
    Kayıt Tarihi: 14/Şubat/2005
    Erkek

    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>

  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Musket
    Musket's avatar
    Üstün Hizmet Madalyası
    Kayıt Tarihi: 09/Haziran/2002
    Erkek

    frame kullanmanı tavsiye ederim aslında.

    Ama li yerine table çok daha akıllıca. 

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    renegadealien
    renegadealien's avatar
    Üstün Hizmet Madalyası Savaş Madalyası Başarı Madalyası Üstün Hizmet Madalyası Developer Madalyası
    Kayıt Tarihi: 23/Mart/2003
    Erkek

    <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 :|


    10.05.2013 tarihli google arama sonucu : Aradığınız - "herşeyin hayırlısı rampanın bayırlısı" - ile ilgili hiçbir arama sonucu mevcut değil. Kendi özlü sözümdür, kaynak belirterek kullanınız.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    risperdal
    risperdal's avatar
    Kayıt Tarihi: 13/Haziran/2006
    Erkek
    <a href="goruntule.php?id=',$oku[0],'" class="stil3">

    virgüller sanırım fazlalık gibi

    Özgür iradeydi şeytanım.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ★★★★★
    Genki
    Genki's avatar
    Kayıt Tarihi: 24/Ağustos/2005
    Erkek

    li{
    list-style-type: none;
    list-style-image: url('resmim.gif')
    }

    li'de şunları kullarak denermisin

  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Fikret
    Fikret's avatar
    Kayıt Tarihi: 01/Ekim/2007
    Erkek

    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 :) 


    screw you guys! i"m goin" hoooome!
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Arlong
    Arlong's avatar
    Kayıt Tarihi: 14/Şubat/2005
    Erkek

    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 :(

  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ★★★★★
    Genki
    Genki's avatar
    Kayıt Tarihi: 24/Ağustos/2005
    Erkek

    <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

  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Arlong
    Arlong's avatar
    Kayıt Tarihi: 14/Şubat/2005
    Erkek
    ben list-style-type: none; yazmamıştım tmmdır tşk ederim
Toplam Hit: 1801 Toplam Mesaj: 9