CSS- Siyah Band
-
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>
-
background-color: rgba(0,0,0, 0.8);
width: 100%;
böyle olması lazım. olmadı padding vererek dene.
-
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 :/
-
display:block; ekleyince çözüldü :)