Un vrai border-radius !

Fermé

Utilisateur anonyme - 17 juil. 2012 à 22:56
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 18 juil. 2012 à 07:42

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

A voir également:

Un vrai border-radius !
Border maker - Télécharger - Retouche d'image
Comment créer un tableau de bord dans excel - Guide
Bord gauche a été en liaison de document en raison d'un conflit avec un autre paramètre d'imprimante - Forum PC portable
Radius download - Télécharger - Divers Réseau & Wi-Fi
Radius openwrt ✓ - Forum WiFi

5 réponses

Réponse 1 / 5

jiantox Messages postés 1092 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
17 juil. 2012 à 22:59

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 ?

Réponse 2 / 5

Utilisateur anonyme
17 juil. 2012 à 23:07

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...

jiantox Messages postés 1092 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
17 juil. 2012 à 23:10

Logique le texte ne vas pas pouvoir s'afficher dans l'arrondi de la div, donc il dépasse

Réponse 3 / 5

Utilisateur anonyme
17 juil. 2012 à 23:19

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
17 juil. 2012 à 23:20

Euh si quelque'un aurai quand même LA solution , je uis encore preneur ;-)

jiantox Messages postés 1092 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
17 juil. 2012 à 23:22

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 ? )

Réponse 4 / 5

Utilisateur anonyme
17 juil. 2012 à 23:28

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 !

jiantox Messages postés 1092 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
17 juil. 2012 à 23:32

beh si ça donne comme tu le veux c'est une solution.

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

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

Posez votre question

Réponse 5 / 5

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 521
18 juil. 2012 à 07:42

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.

Discussions similaires

Message d'erreur : ce paramètre source rentre en conflit...

Bonjour,

J'ai un problème avec mon imprimante, une toshiba e-studio 332s.
Les pilotes sont correctement installés, je peux imprimé correctement, mais je ne peux pas choisir le bac que je veux selon le grammage du papier.

Je veux imprimer des étiquettes par le bac auto, or, un message d'erreur apparait :

ce paramètre source de papier rentre en conflit avec un autre paramètre de pilotes d'imprimante. Pour résoudre le conflit les paramétres suivant seront changés (bac auto => bac manuelle).

Y a -t-il une solution pour remédier à a ce petit problème ?

Merci pour vos réponses, bonne journée et bon week end à tous...

Imprimante Epson hors connexion

Bonjour,
J'utilise une imprimante Epson Stylus SX445W depuis déjà longtemps avec un ancien ordinateur et depuis 04/2017 avec un nouveau sous Windows 10 (64bits).
La connexion est faite par wifi.
J'ai déjà imprimé des centaines de pages depuis l'acquisition du nouvel ordinateur, bien qu'apparaissait le message suivant après le clic sur "imprimer":
[Non défini], a été modifié en raison d'un conflit avec un paramètre d'imprimante.
Il suffisait de cliquer à nouveau sur "imprimer" pour que l'impression se lance.
J'ai encore imprimé un document il y a 2 jours.
Or, depuis hier matin, avec la même procédure, l'impression ne se fait plus et l'impriman...

impossible de rompre liaison

Bonjour, je n'arrive pas à rompre la liaison de mon fichier Excel avec un autre fichier. Je clique rompre et le lien mais il ne disparaît pas. MERCI de pour votre aide

Périphériques en conflit

Bonjour et bonne année 2008

La carte video VGA a 3 periphériques en conflit , et j'ai des problèmes d'affichage, comment résoudre ces conflits?

merci d'avance

Border d'un button

Bonjour, j'ai fais un button avec une image cliquable, et j'aimerais faire disparaître la bordure sur les bords, mais ça ne fonctionne pas !
Alors voilà le bout de code que j'ai écrit :
button.Yes{border-style: none;}
Mais la bordure ne disparaît pas !

Voyez-vous une erreur ?
Merci d'avance !

EDIT : Ajout des balises de code