IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Créez des coins arrondis en CSS


Sujet :

Publications (X)HTML et CSS

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut Créez des coins arrondis en CSS


    Pascale Lambert nous propose un nouveau tutoriel intitulé Coins arrondis CSS. Elle nous y annonce qu'il existe trois méthodes en CSS pour réaliser des blocs avec des coins arrondis et même elle nous montre, code à l'appui, comment les mettre en oeuvre.

    N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

    Voir aussi les cours et tutoriels pour apprendre CSS.

    Merci à elle

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 22
    Points : 27
    Points
    27
    Par défaut
    Salut,

    merci d'avoir partager avec nous ta façon de faire des coins en rond Pascale.

    http://cssglobe.com/post/3714/css-sp...ounded-corners

    Je me permets de mettre un lien vers une autre technique que je trouve aussi très intéressante qui utilise une image CSS sprite pour éviter au client d'avoir à télécharger une grosse image inutilement. De plus, la technique fonctionne pour toutes les résolutions d'écran.

    mathd

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Merci pour cette information mais sache que la traduction de l'article que tu proposes se trouve déjà sur Developpez.com : Créer des coins arrondis à l'aide de Sprites CSS


  4. #4
    Membre émérite

    Homme Profil pro
    Expert PHP
    Inscrit en
    Novembre 2004
    Messages
    2 127
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Expert PHP
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 127
    Points : 2 557
    Points
    2 557
    Par défaut
    @Pascale :

    Fonctionne avec : Tous les navigateurs graphiques.
    J'ai fais le test sur mon IE6 et ça ne fonctionne pas correctement, voici un screenshot qui j'espère pourra vous aider !
    Images attachées Images attachées  

  5. #5
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    Salut, j'ai essayé mais ne fonctionne pas:
    j'ai créé :
    une image fond-arrondi.png avec couleur de fond E4EFFF 2000x2000
    un fichier css
    un ficiher html

  6. #6
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    Re-bonjour,
    en fait j'ai récupéré votre image du code source et ça marche.
    Mon image créée avec GIMP avec extension *.png
    Quel est la cause pour que ça ne marche pas?
    Merci

  7. #7
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Citation Envoyé par Maxoo Voir le message
    @Kerod ou @Pascale :


    J'ai fais le test sur mon IE6 et ça ne fonctionne pas correctement, voici un screenshot qui j'espère pourra vous aider !
    J'ai transmis le message à Pascale, je te tiens au courant

    Citation Envoyé par merah Voir le message
    Re-bonjour,
    en fait j'ai récupéré votre image du code source et ça marche.
    Mon image créée avec GIMP avec extension *.png
    Quel est la cause pour que ça ne marche pas?
    Merci
    Pour cela il faudrait que tu postes ton problème sur le forum avec le code et tous les éléments nécessaires pouvant amener à sa résolution.

Discussions similaires

  1. [CSS 3] Centrer balise div et créer des coins arrondis en CSS et sans images
    Par scoubi77 dans le forum Mise en page CSS
    Réponses: 17
    Dernier message: 10/12/2011, 19h13
  2. Créez des coins arrondis en CSS
    Par Kerod dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 30/09/2010, 11h35
  3. [Article] Créer des coins arrondis à l'aide de Sprites CSS
    Par 12monkeys dans le forum Publications (X)HTML et CSS
    Réponses: 4
    Dernier message: 02/12/2009, 14h33
  4. Créer des coins arrondis à l'aide de Sprites CSS
    Par 12monkeys dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/12/2009, 14h33
  5. Faire des coins arrondi avec un DIV
    Par dessinateurttuyen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 02/08/2006, 10h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo