Un vrai border-radius !

Question

Bonsoir !

Est-il possible de faire un vrai border radius ?
Je m'explique : quand le border-radius d'un div, par exemple, est élevé, le texte qu'il contient "dépasse", comme ici : https://forum.alsacreations.com/upload/43603-probleme.jpg
Existe-t-il un moyen que le texte passe "en dessous", qui à ne pas voir un bout ?
Je n'ai pas trouvé de solutions sur internet !

Merci d'avance =D

jiantox · Answer

salut,

Le lien redirige une 403. j'ai pas tout compris du problème mais as-tu regardé si ça passais avec un padding sur ta div par exemple ?

Utilisateur anonyme · Answer

Rha zut moi ça s'affiche XD !
Alors le padding est un solution, mais pour un souci de présentation, il est nécessaire de plaquer le texte à fond sur le côté gauche et en haut, et dans cette situation, le texte dépasse...

Utilisateur anonyme · Answer

Oui je comprend. Bon je vrai créer des images png qui imite le border-radius (chez moi constant) avec l'arrière plan; c'est moche, mais ca fera l'affaire...

Merci quand même !

Utilisateur anonyme · Answer

En fait, créer 4 images, pour les quatre bords. Celles-ci sont des png qui ont un quart de cercle transparent et le reste blanc.

Je met en position:asbolute et respectivement top:0 left:0, tp:0 right:0,...
et z-index:999

Et c'est visuellement très ressemblant !

txiki · Answer

Salut, effectivement, pour avoir un texte qui suit le contour c'est de jouer avec le padding. Plus le border-radius est important plus le padding doit l'etre aussi.
 De plus le border-radius n'est pas interprété par certains navigateurs (jusqu'à IE8 par exemple) donc ta solution permet de pallier ce problème.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Un vrai border-radius !

5 réponses

Discussions similaires

Newsletters