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 :

Superposer deux images


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de PIEPLU
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    507
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 507
    Par défaut Superposer deux images
    Bonsoir,

    J'aurais besoin de votre aide car je n'y parviens pas.

    Voici déjà l'URL : http://www.justacote.com/epinay-sur-...ine-959760.htm

    Je voudrais que sur les photos profil des membres, superposer un logo dans le coin inférieur droit et qui dépasse légèrement.

    L'image à mettre par dessus serait : http://www.justacote.com/images/general/diamant.png

    Merci de votre aide

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Salut,

    il faut pour cela utiliser les positions en css

    Peux tu mettre le code html concerné ? (ça évitera de devoir visionner tout le code source du lien que tu donnes)

  3. #3
    Membre émérite Avatar de Atomya Rise
    Femme Profil pro
    Développeuse Web
    Inscrit en
    Février 2009
    Messages
    443
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeuse Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2009
    Messages : 443
    Par défaut
    Vu ton lien, je vois que tu as trouvé la réponse....

    Je pense qu'il aurait été bien de dire que tu avais trouvé la solution au moins pour que la personne qui cherchait à t'aider ne perde pas son temps..., mais peut être aussi donner la solution afin que les personnes ayant le même soucis puisse y avoir accès.

    Je me suis donc permise de récupérer une partie de ton code html ainsi que le css associé pour que ton message ne reste pas sans solution.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <div class="c67">
    <div style="position: relative;">
    <img src="mini_--1302621168.jpg" class="carre30x30">
    <img class="c160" src="diamant.png">
    </div>
    </div>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    div.c67 {float:left;width:42px;}
    .carre30x30 {width:30px;height:30px;}
    img.c160 {position : absolute ;bottom : -5px ;right : 4px ;z-index : 2 ;}

Discussions similaires

  1. Superposer deux images - CSS
    Par lhpp dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 21/04/2010, 18h38
  2. Réponses: 2
    Dernier message: 24/01/2008, 18h26
  3. Superposer deux images plus d'autres "libres"
    Par Deallyra dans le forum Mise en page CSS
    Réponses: 16
    Dernier message: 11/06/2007, 15h10
  4. Superposer deux images
    Par Grafokoy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 02/12/2006, 23h54
  5. superposer deux images ?
    Par terminoz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 20/08/2005, 09h04

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