CSS- Siyah Band

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ozgunlu
    ozgunlu's avatar
    Banlanmış Üye
    Kayıt Tarihi: 11/Kasım/2011
    Erkek

    http://prntscr.com/5hxmt3

    Burdaki yazıların arkasına opacity' si 0.8 olacak şekilde nasıl siyah bir şerit çekebilirim. Span koydum da olmadı.

    Span' li hali: http://prntscr.com/5hxoui

     

    Kod:

    <div class="row" style="height:50px;width:100%;margin:auto;">

    <ul style="height:100%;width:100%;padding-left:2px;">

    <?php

    $array = array("1", "2", "3", "4", "5", "6");

    $colors = array("#f1ef20", "#408ac9", "#5ab85d", "#5bbfde", "#f1ab4f", "#d9534e");

    for($i=0; $i<count($array); $i++){

    echo "<li class='li-md-1' style='float:left;margin:auto;text-align:center;color:#FFF;margin-left:2px;width:16%;height:100%;background-color:".$colors[$i]."'>

    <span style='height:10px;background-color:#000;opacity:0.8;width:100%;'>".$array[$i]."</span></li>";

    }

    ?>

    </ul>

    </div>


    Hello, i am nothing. I come from Neverland.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    anarsistherif
    anarsistherif's avatar
    Kayıt Tarihi: 27/Ağustos/2009
    Erkek

    background-color: rgba(0,0,0, 0.8);

    width: 100%;

    böyle olması lazım. olmadı padding vererek dene.


    =)
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ozgunlu
    ozgunlu's avatar
    Banlanmış Üye
    Kayıt Tarihi: 11/Kasım/2011
    Erkek
    anarsistherif bunu yazdı

    background-color: rgba(0,0,0, 0.8);

    width: 100%;

    böyle olması lazım. olmadı padding vererek dene.

    span 100% yaptım da yemedi hocam ya :/


    Hello, i am nothing. I come from Neverland.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ozgunlu
    ozgunlu's avatar
    Banlanmış Üye
    Kayıt Tarihi: 11/Kasım/2011
    Erkek

    display:block; ekleyince çözüldü :)


    Hello, i am nothing. I come from Neverland.
Toplam Hit: 506 Toplam Mesaj: 4