Aller au contenu

comment faire un rectangle arrondi pour mon site


Sujets conseillés

Posté

Bonsoir,

Je n'ai pas Photoshop sous la main, mais de souvenir tu as une icône pour former les carrés. Si tu restes cliqué dessus tu peux aussi créer un rectangle avec les bords arrondis. Il te suffit après d'aller dans les réglages pour régler la courbe de l'angle.

Olitax-

++

Posté

Je crois que mon professeur de géométrie m'a beaucoup menti :unsure:

Des rectangles arrondis, dis-tu ? :D

Plus sérieusement, tu as la propriété border-radius en CSS qui fait cela. Sans Photoshop.

  • 10 months later...
Posté

C'est tout simple si je ne me trompe pas. Si tu maintiens ton click sur l'icône du rectangle (dans la boite à outil), tu aura d'autre forme proposés, dont celle du rectangle arrondi.

Posté (modifié)

Salut,

La propriété CSS3 border-radius permet de faire des coins arrondis par contre tous les navigateurs ne prennent pas en charge cette propriété .

Pour assurer une compatibilité maximum, il faut utiliser plein de déclarations CSS redondantes et c’est fastidieux. Heureusement, jacob bijani a développé un générateur de coins arrondis qui s’appelle… border-radius.com ;)

Va voir là : http://border-radius.com

et puis là:


/>http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

Modifié par Melkior
Posté

Salut,

et bien moi j'ai dans ma feuille de style :

-moz-border-radius: 1em;

-webkit-border-radius: 1em;

mais W3C ne l'accepte pas.

Posté

Oui, mais on s'en fiche un peu ;)

Tant que ça fait ce que tu veux dans les navigateurs ciblés, et que ça ne génère pas de souci dans les autres, c'est très bien. La validation n'est pas un graal ultime à atteindre.

  • 2 months later...
Posté

"moz-border-radius", il me semble que cette fonction ne fonctionne pas avec IE mais que sous Firefox

tu fais un rectangle avec bord arrondi, tu peut tout simplement utiliser paint.net par exemple

  • 2 months later...
Posté

bonjour à tous,

J'utilise la total dans mon css -moz - webkit... j'ai mes arrondis dans tous les navigateurs sauf IE8..

J'en suis déprimé ! :(

Posté

Bonjour coursdinfo,

Pour obtenir des arrondis, même sous IE8 (et sous FF bien sûr), comme par exemple sur ce site (arrondis des menus, arrondis des tableaux et de certains boutons), tu peux utiliser un script que tu trouveras à cette adresse.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...