|
Poslao: 23 Feb 2016 23:25
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Postovanje iteresuje me pravilna izrada kruga u css-u. Vezbam ovako nesto
Centriranje slike
<div class="container text-center">
<img src="images/profile-girls.png" class="img-circle img-responsive" alt="profile picture">
<h2>free portfolio PSD template<br>
FOR GRAPHIC designerS
</h2>
HTML
<img src="images/profile-girls.png" class="img-circle img-responsive" alt="profile picture">
CSS
.jumbotron .img-circle {
width: 150px;
height: 150px;
border-radius: 50%;
text-align: center;
display: inline-block;
box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1);
border: .5em solid #3695ff;
}
Da li ima jos neki primer izrade kruga, hvala pozdrav
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
Poslao: 24 Feb 2016 10:48
|
offline
- Pridružio: 16 Feb 2011
- Poruke: 1630
- Gde živiš: Pancevo
|
Napisano: 24 Feb 2016 10:48
border-radius: 50%;
Dopuna: 24 Feb 2016 10:48
Odgovaram po naslovu posta.
|
|
|
|
|
|
|
Poslao: 24 Feb 2016 13:55
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4577
|
A što bi bezveze komplikovao ako imaš atribut koji odlično radi i podržan je u svim modernim pretraživačima?
|
|
|
|
|
|
|
Poslao: 24 Feb 2016 16:29
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Napisano: 24 Feb 2016 16:27
.img-circle je klasa koja vec dolazi sa bootstrapom i koja sama po sebi ima vec podesen "kruzni" border-radius.
.img-circle {
border-radius: 50%;
}
Tako da je bespotrebno ponovo joj davati taj parametar.
Dopuna: 24 Feb 2016 16:29
Takodje u tvom primeru cak nije potreban ni text-align: center; jer si vec zadao bootstrapovu klasu .text-center na parent div, a koja radi isto to.
|
|
|
|
|
|
|
Poslao: 24 Feb 2016 17:08
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Hvala svima. Problem je kada stavim neku sliku na bordes-radius:50% da slika bude izoblicena. To bi valjda trebao da resim nevezano za css, To da uradim u photoshop-u? Da i visak je text-center (duplirao sam).
Da li ima neki standard za sliku npr width: 150px;
height: 150px; ili 200px x 200px ili ? Da ne bi dolazilo do krivljenja slicice
|
|
|
|
|
|
|
Poslao: 24 Feb 2016 18:59
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14828
- Gde živiš: Niš
|
Krivljenja? Ili izobličavanja? Verovatno je zato što ti aspekt te slike nije 1:1. Moguće je rešiti to, al ne pitaj me kako.  Suštinski je potrebno "kropovati" sliku na kvadrat čija je stranica jednaka manjoj dimenziji slike.
|
|
|
|
|
|
