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 :

Traits à l'intérieur d'un cadre


Sujet :

CSS

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    chomeur
    Inscrit en
    Juillet 2014
    Messages
    128
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Juillet 2014
    Messages : 128
    Points : 0
    Points
    0
    Par défaut Traits à l'intérieur d'un cadre
    bonjours, j'ai fais

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="cadre_avatar_profil"><div class="cadre_avatar_admin">mon image</div></div>

    et le css

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    .cadre_avatar_profil{
    	  background-color:burlywood; /* Couleur de fond */
    	  border-color:#000; /* on affiche la couleur de la bordure */
      	  border-style: solid; /*  on affiche le style de l'a bordure */
    	  border-width:1px 1px 1px 1px; /* top right bottom left */
    	  margin:0px 20px 10px 20px; /* top right bottom left */
     	  padding:0px 0px 0px 0px; /* top right bottom left */
      }
    .cadre_avatar_profil1{
    	  background-color:#FFFFFF; /* Couleur de fond */
    	  border-color:#000; /* on affiche la couleur de la bordure */
      	  border-style: solid; /*  on affiche le style de l'a bordure */
    	  border-width:1px 1px 1px 1px; /* top right bottom left */
    	  margin:10px 10px 10px 10px; /* top right bottom left */
     	  padding:0px 0px 0px 0px; /* top right bottom left */
    	  text-align:center;
    }
    .avatar_profil{
    	  max-width:176px;
    	  max-height:235px;
    	  margin-bottom:-3px;
    }

    je voudrais mettre des trait a l’interieur d'un cadre

    comme cette image

    es ce que c'est possible de faire ca ou pas
    Images attachées Images attachées  

  2. #2
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Que c'est beau ! J'en ai du mal à écrire

    Deux solutions pourraient convenir :
    1. Mettre un fond à la DIV supérieure avec la propriété BACKGROUND;
    2. Utiliser une seule DIV à laquelle vous mettez une bordure composée d'une image (propriété BORDER-IMAGE).

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

Discussions similaires

  1. Dessiner des traits à l'intérieur d'un cercle
    Par maroua_ dans le forum OpenCV
    Réponses: 10
    Dernier message: 14/02/2012, 15h12
  2. Dessiner des traits à l'intérieur d'un cercle
    Par maroua_ dans le forum MATLAB
    Réponses: 8
    Dernier message: 13/02/2012, 18h29
  3. Ouverture fenêtre à l'intérieur du cadre actif
    Par Trebor_ dans le forum Débuter avec Java
    Réponses: 1
    Dernier message: 12/03/2008, 14h33
  4. [CR 9.2] Positionnement des traits et des cadres
    Par martala dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 27/11/2007, 10h36
  5. [JFrame]régler par rapport à la taille à l'intérieur du cadre
    Par superpigeon dans le forum Agents de placement/Fenêtres
    Réponses: 5
    Dernier message: 10/03/2007, 12h40

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