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 :

positionner mon lien dans ma div


Sujet :

Positionnement en CSS

  1. #1
    Membre régulier Avatar de nico le noob
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    132
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2009
    Messages : 132
    Points : 101
    Points
    101
    Par défaut positionner mon lien dans ma div
    bonjour,

    j'aimerai avoir un bon conseil pour mon placement d'image attribuer à un lien dans une div qui est dans une div.

    voilà le but serait d'avoir :
    une div rectangulaire à l'horizontale dans laquelle je mettrai 3 div(3 img) alignées à l'horizontale et dans chacune de ces 3 div un lien avec image attribuer.ça donnerai ça:
    11111111111111111111111111111111111111111111111111111111111111
    1 2222222222222222222 2222222222222222222 222222222222222222 1
    1 2 2 2 2 2 2 1
    1 2 2 2 2 2 2 1
    1 2 2 2 2 2 2 1
    1 2 2 2 2 2 2 1
    1 2 33333333333333332 2 333333333333333332 23333333333333333 2 1
    1 2 33333333333333332 2 333333333333333332 23333333333333333 2 1
    1 2222222222222222222 2 222222222222222222 22222222222222222221

    1 premiere div 900x300
    2 deuxieme div 290x100 (une image) avec href
    3 les liens centrer avec image (img 290x15)qui auront un effet hover qui bouge l'image (290x30)

    div 1:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    #trois_choix
    {
    	width:1200px;
    	height:250px;
    	position:center;
    	margin:0 auto;
    	text-align:center;
    	display:block;
    	background-color:silver;
    	padding:0px;
    }
    div 2:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #choix1
    {
    	width:390px;
    	height:250px;
    	background-image:url(../images/1.jpg);
    	padding:0px;
     
    }
    mon lien ne decolle pas du haut(si je le met en absolute il part dans le coin de l'ecran !!!):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .choix1
    {
    	bottom:0px;
    	left:0px;
    	display:block;
    }
    voilà si un As du CSS passe par ici je lui souhaite la bienvenue !!!

    voilà j'ai galérer hier toute la soirée et je n'ai pas trouvé

  2. #2
    Membre régulier Avatar de nico le noob
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    132
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2009
    Messages : 132
    Points : 101
    Points
    101
    Par défaut c'est moi le roi du CSS :p
    1° div en relative
    2° les 3 div en float left
    3° position absolute pour les liens + img declaré dans le css

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

Discussions similaires

  1. positionnement lien dans une div "extensible"
    Par Ceddoc dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 28/04/2011, 15h30
  2. [CSS] lien dans un div avec superposition d'image
    Par avogadro dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 26/07/2006, 10h10
  3. [CSS] Positionner 2 tableaux dans une div
    Par Rei Itchido dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 12/05/2006, 18h27
  4. positionner le focus dans un div
    Par bat dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/10/2005, 11h46

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