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 :

échange d'images


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2010
    Messages : 10
    Par défaut échange d'images
    Bonjour je souhaiterai pouvoir faire un échange d'image+ texte par une autre image, le problème c'est que c'est sur un template qui démultiplie automatique ment l'image... le morceau du code CSS ressemble a ceci :
    Code : 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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
     
    #content
    {
     
    	height:185px;
        background:url(images/cstrip2.gif);	
    }
    #left,#right
    {
    	width:275px;
        height:184px;padding-top:5px;
     
    }
    #left
    {
    	float:left;
     
    }
    #right
    {
    	float:right;
     
    }
    #center
    {
    	margin:0px 275px 0px 275px;
    	border-left:1px solid #4F4A4A;
    	border-right:1px solid #4F4A4A;
    	height:177px;
        padding-top:5px;
    }
    #left h1,#right h1,#center h1
    {
    font-size:1.5em;
    padding:10px 0 0 50px;
    font-family:arial;
    }
    #left p,#right p,#center p
    {
    padding:10px 15px 0px 20px;
    }
    #left h2,#right h2,#center h2
    {
    	padding-left:170px;
    	font-family:arial,verdana,sans-serif,tahoma;
    	font-size:0.9em;
    }
    #left a,#right a,#center a
    {
    	color:#fff;
    	text-decoration:none;
    }

    et la page en elle meme ressemble a ceci avec le code html:
    Code : 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
    <div id="content">
    <div id="left">
    <h1>STRATEGY</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
    nonummy nibh euismod tincidunt ut.</p>
    <h2><a href="http://www.free-css.com/">[More]</a></h2>
    </div>
    <div id="right">
    <h1>PLANNING</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
    nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
    volutpat.</p>
    <h2><a href="http://www.free-css.com/">[More]</a></h2>
    </div>
    <div id="center">
    <h1>MANAGEMENT</h1>
    <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
    suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    <h2><a href="http://www.free-css.com/">[More]</a></h2>
    </div>
    </div>

    pouvez vous me conseiller sur le code a modifier pour arriver a changer l'image+ texte par une image en passant la souris dessus s'il vous plait

    merci par avance a+
    Images attachées Images attachées  

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

Discussions similaires

  1. textbox_enter => change l'image afficher
    Par hich24 dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 17/03/2008, 12h15
  2. Réponses: 6
    Dernier message: 22/01/2008, 21h06
  3. [DHTML ?]Lien texte qui change l'image lorsque qu'on le survole
    Par mtcreations dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 13/07/2006, 11h13

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