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

Mise en page CSS Discussion :

Coin arrondi partiel


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    retraité
    Inscrit en
    Mars 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Saône et Loire (Bourgogne)

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Mars 2003
    Messages : 422
    Par défaut Coin arrondi partiel
    Bonjour

    Je voudrais réaliser ce bloc SANS la ligne horizontale du haut et SANS la ligne verticale de droite

    Nom : image.jpg
Affichages : 81
Taille : 49,4 Ko

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     border-bottom-left-radius : 15px;
     border:3px solid #999966;
     vertical-align:middle;
     color:#000;
     text-align:left;
     padding-left:10px;
    	position:relative;
    	font-size:0.70em;
    	margin:auto;
    	width:auto;
    	max-width:620px;
    	height:auto;
    	margin-top:10px;
    Au final je voudrais ça
    Nom : image-1.jpg
Affichages : 65
Taille : 32,9 Ko

    Je ne sais pas si c'est possible
    Merci et bonne journée à tous

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    il suffit de mettre les border top et right en couleur transparente, ou épaisseur 0.

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     border:3px solid #999966;
     border-top-color:transparent;
     border-right-color:transparent;
    ou
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     border:3px solid #999966;
     border-top-width:0;
     border-right-width:0;
    ou les 2 :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     border:3px solid #999966;
     border-top:0 solid transparent;
     border-right:0 solid transparent;
    Au choix.

  3. #3
    Membre éclairé
    Homme Profil pro
    retraité
    Inscrit en
    Mars 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Saône et Loire (Bourgogne)

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Mars 2003
    Messages : 422
    Par défaut
    Merci, super!!
    je n'avais pas pensé au "transparent"

    Bonne journée

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Image avec coins arrondis
    Par cjacquel dans le forum MFC
    Réponses: 6
    Dernier message: 08/05/2006, 21h20
  2. Usine à gaz pour coins arrondis ... souci de height
    Par SpaceFrog dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 17/02/2006, 09h34
  3. [CSS] Tableau aux coins arrondis (Sans images)
    Par FrankOVD dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/12/2005, 10h45
  4. Ihm aux coins arrondis
    Par nico31120 dans le forum Agents de placement/Fenêtres
    Réponses: 10
    Dernier message: 25/11/2005, 07h55

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