faire de mon bloc aux coins arrondis un rond

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu faire de mon bloc aux coins arrondis un rond

Message par emilie89500 le Sam 2 Nov 2013 - 11:39

Bonjour,

Mon bloc ressemble à sa :  


Et je voudrais qu'il soit rond à la place d'être un rectangle.


Le code :
Code:
SUPP
Merci,
Emilie

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire de mon bloc aux coins arrondis un rond

Message par MlleAlys le Sam 2 Nov 2013 - 13:03

Bonjour,

Il faut passer tous les border-radius, qui correspondent à l'arrondi des coins, à 50%, et ensuite ajuster le padding pour que ça ne dépasse pas, ce que donne quelque chose comme ça :

Code:
<div style="background-color : #f0ed73 ; width:200px; height:200px;-moz-box-shadow:0px 0px 10px black; box-shadow:0px 0px 10px black; border-left:4px solid #ffffff; webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; padding: 40px; border-right:4px solid #ffffff; text-align:center; position: absolute; top: 50px; left: 100px;">
    <div>
        <img src="http://img11.hostingpics.net/pics/876347anigif.gif" width="180" height="100"/>
    </div>
    <h1 style="font: 20px Times New Roman; letter-spacing: -3px; text-transform: uppercase; color: #7594ef; text-shadow: 0px 0px 2px #BE925A;">
        <a href="http://www.youtube.com/user/0hMyDollz/featured" class="postlink" target="_blank" rel="nofollow">
            OhMyDollz
        </a>
    </h1>
    <a href="http://www.youtube.com/user/0hMyDollz/featured" class="postlink" target="_blank" rel="nofollow">0hMyDollz</a> Chaîne officiel de forum vous proposant des tutoriels et astuces en vidéo !
</div>

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum