Un vrai border-radius !

Utilisateur anonyme -  
txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention   -
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

5 réponses

jiantox Messages postés 1092 Date d'inscription   Statut Membre Dernière intervention   114
 
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 ?
0
Utilisateur anonyme
 
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...
0
jiantox Messages postés 1092 Date d'inscription   Statut Membre Dernière intervention   114
 
Logique le texte ne vas pas pouvoir s'afficher dans l'arrondi de la div, donc il dépasse
0
Utilisateur anonyme
 
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 !
0
Utilisateur anonyme
 
Euh si quelque'un aurai quand même LA solution , je uis encore preneur ;-)
0
jiantox Messages postés 1092 Date d'inscription   Statut Membre Dernière intervention   114
 
avec une image de fond le texte passera quand meme dessus :/

LA solution tu la verrais comment ? ( en gros comment tu voudrais faire pour avoir ET le bord arrondi ET le texte collé au bord ? )
0
Utilisateur anonyme
 
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 !
0
jiantox Messages postés 1092 Date d'inscription   Statut Membre Dernière intervention   114
 
beh si ça donne comme tu le veux c'est une solution.

Apres avec un border-radius j'vois pas énormément de solutions :/
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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.
0