Jetix 2 Report post Posted October 5, 2017 Salut, am facut un div "statistici" <div class="statistici"> <a href="unban-request" class="registred" title="Conturi create"> <p><b>300</b></p><br> <b>Conturi create</b> </a> <a href="application" class="aplicatii" title="Aplicatii admin"> <p><b>1</b></p><br> <b>Aplicatii</b> </a> <a href="reclamatii" class="reclamatii" title="Reclamatii admini"> <p><b>10</b></p><br> <b>Reclamatii</b> </a> <a href="unban-request" class="unban" title="Cereri unban"> <p><b>20</b></p><br> <b>Cereri unban</b> </a> </div> ,dar acele etichete nu stau in div-ul "statistici". CSS: Spoiler .sideright { background-color: #212121; margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 10px; padding: 20px; font-size: 105%; float: right; width: 260px; box-shadow: 0 0 5px #000; } .statistici { background-color: #212121; margin-left: 280px; margin-right: 320px; margin-top: 10px; margin-bottom: 10px; padding: 20px; font-size: 110%; box-shadow: 0 0 5px #000; } .statistici .aplicatii { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #3fa243; background: #59bc5d; border-radius: 5px; box-shadow: 0 0 5px #000; } .statistici .aplicatii:hover { background: #1f262d; transition: 0.5s; } .statistici .aplicatii p { padding: 2px; border-radius: 10px; min-height: 20px; max-width: 35px; text-align: center; color: white; box-shadow: 0 0 5px #000; background: #337136; } .statistici .aplicatii b { text-align: left; color: white; } .statistici .reclamatii { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #e73629; background: #F44336; border-radius: 5px; box-shadow: 0 0 5px #000; } .statistici .reclamatii:hover { background: #1f262d; transition: 0.5s; } .statistici .reclamatii p { padding: 2px; text-align: center; min-height: 20px; max-width: 35px; color: white; box-shadow: 0 0 5px #000; border-radius: 10px; background: #982921; } .statistici .reclamatii b { text-align: left; color: white; } .statistici .unban { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #1489e6; background: #2196F3; border-radius: 5px; box-shadow: 0 0 5px #000; } .statistici .unban:hover { background: #1f262d; transition: 0.5s; } .statistici .unban p { padding: 2px; text-align: center; max-height: 20px; max-width: 35px; color: white; box-shadow: 0 0 5px #000; border-radius: 10px; background: #12558a; } .statistici .unban b { text-align: left; color: white; } .statistici .registred { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #711BCF; background: #9136F4; border-radius: 5px; box-shadow: 0 0 5px #000; } .statistici .registred:hover { background: #1f262d; transition: 0.5s; } .statistici .registred p { padding: 2px; text-align: center; max-height: 20px; min-width: 35px; max-width: 50px; box-shadow: 0 0 5px #000; color: white; border-radius: 10px; background: #4E1987; } .statistici .registred b { text-align: left; color: white; } Imagine: Quote Share this post Link to post Share on other sites
DeNyS. 413 Report post Posted October 5, 2017 .statistici .registred { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #711BCF; background: #9136F4; border-radius: 5px; box-shadow: 0 0 5px #000; } Nu stau din cauză că folosești float: left; https://imgur.com/a/3xCwU Quote Share this post Link to post Share on other sites
Jetix 2 Report post Posted October 5, 2017 6 minutes ago, DeNyS. said: .statistici .registred { display: block; position: relative; padding: 10px; margin: 10px; float: left; min-width: 200px; min-height: 70px; border-color: #711BCF; background: #9136F4; border-radius: 5px; box-shadow: 0 0 5px #000; } Nu stau din cauză că folosești float: left; https://imgur.com/a/3xCwU Mi-am dat si eu seama de asta, dar cum le fac sa stea cum le-am pus eu in acea poza? Quote Share this post Link to post Share on other sites
DeNyS. 413 Report post Posted October 5, 2017 .statistici .aplicatii { display: inline-block; position: relative; padding: 10px; margin: 10px; /* float: left; */ min-width: 200px; min-height: 70px; border-color: #3fa243; background: #59bc5d; border-radius: 5px; box-shadow: 0 0 5px #000; } Dezactivează float: left; și in loc de display: block; schimbă-l și folosește display: inline-block; 1 Quote Share this post Link to post Share on other sites
gadeas 1,007 Report post Posted October 5, 2017 Sau.. La clasa .statistici adaugi: overflow: hidden; https://www.w3schools.com/css/css_overflow.asp 1 2 Quote PHP Developer - Not available for freelancing right now Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament Share this post Link to post Share on other sites