0
Kayıt Ol

<ol> <li> komutunda resim çıkartma

4

●

1.232

  • 07-03-2010, 02:20:02
    #1
    Kairos
    Kairos
    Merhaba arkadaşlar
    1. df
    2. df
    3. df
    4. df
    Yukardaki örnekte olduğu gibi 1. 2. 3. 4. yerine resim olarak numaraların çıkmasını istiyorum bu konuda yardım edebilirmisiniz..

    Ben css ile tek bi resim komak istediğimde yaptım ancak her satır için ayrı resmi nasıl alacağım bunu anlayamadım yardımcı olursanız sevinirim
  • 07-03-2010, 03:08:03
    #2
    sRc
    sRc
    //html kodu //
    <title><ol> <li> komutunda resim </title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="img">  <ol>1</ol>   </div>

<div id="img2"><ol>2</ol></div>

<div id="img3"><ol>3</ol></div>

<div id="img4"><ol>4</ol></div>


            
</body>
</html>
    //css kodu //

    #img{background:url(konulacak resim); width:10px ; height:10px}
#img2{background:url(konulacak resim);width:10px ; height:10px}
#img3{background:url(konulacak resim);width:10px ; height:10px}
#img4{background:url(konulacak resim);width:10px ; height:10px}

    Ben böyle bir şey yaptım işinize yarar mı bilmem .
  • 07-03-2010, 10:09:47
    #3
    SuSpect
    SuSpect
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Her <li>'ye ayrı ayrı bir class vermen gerekecek o zaman. Şu şekilde istediğini yapabilirsin;

    CSS kodu:
    <style type="text/css">
ol.rakam li.m1{list-style-image: url("http://dis.fatih.edu.tr/store/images/page1.gif");}
ol.rakam li.m2{list-style-image: url("http://dis.fatih.edu.tr/store/images/page2.gif");}
ol.rakam li.m3{list-style-image: url("http://dis.fatih.edu.tr/store/images/page3.gif");}
ol.rakam li.m4{list-style-image: url("http://dis.fatih.edu.tr/store/images/page4.gif");}
</style>
    Ve html kodu:
    <ol class="rakam">
   <li class="m1">kk</li>
   <li class="m2">kk</li>
   <li class="m3">kk</li>
   <li class="m4">kk</li>
</ol>
  • 07-03-2010, 15:39:38
    #4
    Kairos
    Kairos
    arkaaşlar ikinize de teşekkürler ncak ben tek tek el ile yazmıyorum mesela sql dan en cok okunanları çekiyorum ve 10 tane sırala diyorum

    $temp .="<li><AHREF=\"".detay_link($row1['catgry'],$row010['makale'],$row1['mid']";
    $temp .= $row1['makale']."</A></FONT></li>";

    soruda sadece bu yazılı ve alt alta 10 tane makale sıralanıyor bu gibi durumda ne yapmam gerekir acaba
  • 08-03-2010, 06:53:46
    #5
    SuSpect
    SuSpect
    SQL'de döngünün içine sayaç ekleyebilirsiniz.

    <ol class="rakam">
$sayac=1;
// döngü
     $temp .="<li class=\"m".$sayac."\"><AHREF=\"".detay_link($row1['catgry'],$row010['makale'],$row1['mid']";
     $temp .= $row1['makale']."</A></FONT></li>";
     $sayac++;
// döngü
</ol>
    Böylece;
    <li class="m1"><AHREF=...
    <li class="m2"><AHREF=...
    <li class="m3"><AHREF=...

    olarak gidecek. Verdiğim CSS'deki satırı da 10'a kadar çıkarabilirsiniz.