faire de mon bloc aux coins arrondis un rond

[emilie89500]

Bonjour,

Mon bloc ressemble à sa :  


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


Le code :

Code:

SUPP


Merci,
Emilie

[MlleAlys]

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>