Discussion :

[Zaelos]

Bonjour à tous et à toutes,

Je suis entrain de faire une page toutes bête en HTML PHP SimpleXML CSS. et une fois terminé je voulais approfondir mes connaissances en CSS3 et HTML5, donc faire quelques tests ... le soucis est que rien de ce que je met dans mon CSS en CSS3 ne s'affiche ... je voulais mettre une sorte de menu avec une transition dégradé... voici mon code :


HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<TABLE BORDER=0 cellspacing="0" cellpadding="0" width="100%">
		<TR>
			<div class="menuTransitionBackground">
				<TH align="left" width="33%"><a href="index.php">Index</a></TH>
				<TH align="center" width="33%"><H1>Ticket</H1></TH> 
				<TH align="right" width="33%"><a href="page2.php">Premier XML</a></TH>
			</div>
		</TR>
	</TABLE>

CSS

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
 
.menuTransitionBackground a{
padding:10px;
color:#666;
text-decoration:none;
background:#ddd;
/*transition*/
-webkit-transition:all .6s ease-in;
   -moz-transition:all .6s ease-in;
     -o-transition:all .6s ease-in;
        transition:all .6s ease-in;
}
.menuTransitionBackground a:hover{
color:#fff;
background:#006699;
}

Pourtant tout bête se code ne fonctionne pas ...

Merci de votre aide futur !

Cordialement,

Zaelos.

[Zaelos]

Re-bonjour !

J'ai trouvé il suffisait de mettre la class="X" dans le <TABLE> au lieu de créer une div à l'intérieur !!

Je suis bête :p

Tchao !