Discussion :

[Ecared]

Bonjour,

Je veux donner un bord arrondi à une div, j'utilise donc les propriétés border et border-radius, malheureusement l'arrondi top right/left se comporte correctement mais le bottom right/left est à peine visible. On décèle bien un tout petit arrondi mais pas la couleur du border.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
div{
    border: 1px solid black;
    border-radius: 5px;
}

Si quelqu'un a une explication ou une piste de recherche ce serait sympa!

Merci

[Invité]

Bonjour,

le bout de code que tu montres est correct.

Il faudrait en montrer plus "en situation".

[Ecared]

Bonjour,

Premièrement merci pour ta réaction rapide.

Pour que ce soit plus clair je t'envoie le résultat affiché (le border est plus grand que 1px pour que ça soit plus clair)



On voit bien que le bottom left/right ne s'affiche pas correctement

[Ecared]

C'est bon problèmes résolu!

En partant du principe que j'avais 3 div:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="principal">
    <div class="top"><span>Salon</span></div>
    <div class="bottom"><span>PUISSANCE... 1400W</span></div>
</div>

J'appliquais mon border radius et mon border à la div .principal, et c'est donc la div .bottom qui "grappillé" un peu de place.
La solution était donc de mettre le border-top/right/bottom et boder-top-right/left-radius à la div .top et inversement pour la div .bottom.

Merci encore