خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

5 Horizontal DIV don't fix

Why do my 5 DIV's not fix into my container 180*5 =900

Code:
.promo-container{
        margin: 0px auto;
        width: 900px;
        margin-top:50px;
        margin-bottom:50px;
        border:0px;
        padding:0px;
}

.promo-item-container{
        width:180px;
        margin:0px;
        padding:0px;
        display:inline-block;
        border:0px;       
}

.promo-image{
        height:270px;
        width:180px;
        padding:0px;
        margin:0px;
        background-size:    cover;                      /* <------ */
    background-repeat:  no-repeat;
    background-position: center center;
}
.promo-link{
        padding:2px;
        height:50px;
        background-color:#000;       
}

.promo-a {
        text-decoration:none;
        color:#FFF;
        font-size:14px;
        font-weight:bold;
}

PHP Code:
<div class="promo-container">

    <div class="promo-item-container">
        <div class="promo-image" style="background-image:url(Images/Lounge.jpg);"></div>
        <div class="promo-link">
            <a class="promo-a" href="lounge.php">Discussions</a>
            <div>Read and contribute to our discussions.</div>
        </div>
    <div class="promo-item-container">
        <div class="promo-image" style="background-image:url(Images/Lounge.jpg);"></div>
        <div class="promo-link">
            <a class="promo-a" href="lounge.php">Discussions</a>
            <div>Read and contribute to our discussions.</div>
        </div>
    <div class="promo-item-container">
        <div class="promo-image" style="background-image:url(Images/Lounge.jpg);"></div>
        <div class="promo-link">
            <a class="promo-a" href="lounge.php">Discussions</a>
            <div>Read and contribute to our discussions.</div>
        </div>
    <div class="promo-item-container">
        <div class="promo-image" style="background-image:url(Images/Lounge.jpg);"></div>
        <div class="promo-link">
            <a class="promo-a" href="lounge.php">Discussions</a>
            <div>Read and contribute to our discussions.</div>
        </div>
    <div class="promo-item-container">
        <div class="promo-image" style="background-image:url(Images/Lounge.jpg);"></div>
        <div class="promo-link">
            <a class="promo-a" href="lounge.php">Discussions</a>
            <div>Read and contribute to our discussions.</div>
        </div>


</div> 

برچسب: نویسنده: آیلین رضوانی تاريخ: جمعه 7 مهر 1396 ساعت: 10:54

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه