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 :

"hover" sur une liste survolable - image KO


Sujet :

Survol d'un élément en CSS (:hover)

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2007
    Messages
    103
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 103
    Par défaut "hover" sur une liste survolable - image KO
    Développeurs, Bonjour !

    J ai réalisé une liste survolable par <table><tr><td>... Tout baigne sauf pour le hover qui ne passe pas sur l image, c-a-d que l' image est ignorée du Hover.
    (Voir image jointe).
    Pourquoi l image contenu dans la liste ne se sent pas concernée par le Hover ?

    Merci bcp pour toute info !!
    Santa

    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
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <html>
    <head>
     
    <style type="text/css">
     
    .td_class
    {
    float: left;
    position: relative;
    background:#F7F7F7;
    width:365px;
    height:150px;
    margin-top: 20px;
    margin-left: 22px;
    }
     
    .lien_home
    {
    text-decoration: none ;
    color : #000000 ;
    }
     
    .lien_hoveur:hover
    {
    width:365px;
    height:150px;
    background: url(./images/test.png) no-repeat 0 0;
    z-index: 7 ;
    }
     
    .relatif_home
    {
    position: relative;
    float: left;
    background: #F7F7F7;
    width: 95px;
    height: 95px;
    margin-top: 12px;
    margin-right: 5px;
    }
     
    .coin_home
    {
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0px;
    border-style: none;
    text-decoration: none;
    }
     
    .text_arti
    {
    font: 70% verdana, arial, sans-serif;
    margin-top: 12px;
    margin-left: 5px;
    float: left;
    line-height: 1.5;
    }
     
     
    .read_more_1
    {
    	font: 60% verdana, arial, sans-serif;
    	position:absolute;
    	bottom: 10px;
    	right: 5px;
    }
    </style>
    </head>
     
    <body>
     
    <table>
    	<tr>
    		<td class="td_class">
    			<a href='<?php translate("index.php?choix=1");?>' class="lien_home">
    			<div class="lien_hoveur">
    				<div class="titr_arti">
    					Titr
    				</div>
    				<div class="relatif_home">
    					<img class="imag_arti" src="./images/engi_desi_home.png" />
    					<img class="coin_home" src="./images/coins_95x95.png" />
    				</div>
    				<div class="text_arti">
    					Text
    				</div>
    				<div class="read_more_1">
    					Read
    				</div>
    			</div>
    			</a>
    		</td>
    	</tr>
    </table>
     
    </body>
     
    </html>
    Images attachées Images attachées  

Discussions similaires

  1. [Débutant] Travailler sur une liste d'images
    Par medsyorick dans le forum Images
    Réponses: 1
    Dernier message: 17/07/2013, 17h13
  2. Mettre un copyright sur une liste d'image
    Par Anduriel dans le forum Contribuez / Téléchargez Sources et Outils
    Réponses: 0
    Dernier message: 15/02/2011, 19h23
  3. Écrire un copyright sur une liste d'image
    Par starr dans le forum Langage
    Réponses: 2
    Dernier message: 23/01/2007, 10h02

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