Roolover avec CSS
Fermé
Cyril
-
14 nov. 2005 à 14:59
wiwimagique Messages postés 481 Date d'inscription mardi 21 janvier 2003 Statut Membre Dernière intervention 20 avril 2006 - 15 nov. 2005 à 09:50
wiwimagique Messages postés 481 Date d'inscription mardi 21 janvier 2003 Statut Membre Dernière intervention 20 avril 2006 - 15 nov. 2005 à 09:50
A voir également:
- Roolover avec CSS
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Code source cv html css pdf - Forum HTML
5 réponses
desolé erreur de frappe dans la definition de mon tableau ce n'est pas:
<table width="100%" cellpadding="0" cellspacing="0" class="lienstableaux">
mais:
<table width="100%" cellpadding="0" cellspacing="0">
ne pas prendre en compte l'appel de la class
merci
<table width="100%" cellpadding="0" cellspacing="0" class="lienstableaux">
mais:
<table width="100%" cellpadding="0" cellspacing="0">
ne pas prendre en compte l'appel de la class
merci
wiwimagique
Messages postés
481
Date d'inscription
mardi 21 janvier 2003
Statut
Membre
Dernière intervention
20 avril 2006
108
14 nov. 2005 à 16:02
14 nov. 2005 à 16:02
Voilà la solution et simplifiée qui plus est !
J'ai mis le css directement dans le corps du html pour mes tests.
J'ai aussi mis les images "Winter.jpg" et "Sunset.jpg" fournies par windows comme test et ça marche sur firefox et Iexplorer
Par contre, j'ai un peu bousillé tes classes autre que le changement de couleur, il faudrait les refaire.
Il ne te reste plus qu'à changer l'image du fond et à séparer ton css.
<html>
<head>
<style>
a{text-decoration: none;color:black;display:block; background-image: url(Sunset.jpg);font-weight:bold;width:100%}
a:hover{text-decoration: none;color:blue;display:block;background-image: url(Winter.jpg);font-weight:bold;width:100%}
</style>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" class="lienstableaux">
<tr>
<td><img src="Photos/Une_recette_secrete.gif" alt="coucou"></td>
</tr>
<tr>
<td><a href="#" >La crêpe dentelle</a>
<a href="#">Le secret de son origine</a>
<a href="#">Technique de fabrication</a>
</td>
</tr>
</table>
</body>
</html>
J'ai mis le css directement dans le corps du html pour mes tests.
J'ai aussi mis les images "Winter.jpg" et "Sunset.jpg" fournies par windows comme test et ça marche sur firefox et Iexplorer
Par contre, j'ai un peu bousillé tes classes autre que le changement de couleur, il faudrait les refaire.
Il ne te reste plus qu'à changer l'image du fond et à séparer ton css.
c'est encore moi,juste une petite question en plus:
j'aimerais que mon a{} et mon a:hover{} n'agissent que sur les liens de mes menus. car ils aggisent aussi sur d'autres liens auquels je ne veux pas donner d'effet.Quelle est la méthode la plus simple?
j'avais pensé a faire:
table tr td a{}
table tr td a:hover{}
comme ca cela n'agira que sur les liens contenus dans un tableau.
Ca marche trés bien,mais en meme temps pour l'instant je n'ai pas d'autres tableaux donc c'est vrai que ca ne pose pas probleme.
Mais si a l'avenir je rejouté d'autres tableaux cela me posera probleme.
Donc comment faire pour indiquer qu'il faut executer mon css uniquement avec des leins précis?faudrait t'il que je fasse appel a une autre classe?merci de m'indiquer les commandes a effectuer.
j'aimerais que mon a{} et mon a:hover{} n'agissent que sur les liens de mes menus. car ils aggisent aussi sur d'autres liens auquels je ne veux pas donner d'effet.Quelle est la méthode la plus simple?
j'avais pensé a faire:
table tr td a{}
table tr td a:hover{}
comme ca cela n'agira que sur les liens contenus dans un tableau.
Ca marche trés bien,mais en meme temps pour l'instant je n'ai pas d'autres tableaux donc c'est vrai que ca ne pose pas probleme.
Mais si a l'avenir je rejouté d'autres tableaux cela me posera probleme.
Donc comment faire pour indiquer qu'il faut executer mon css uniquement avec des leins précis?faudrait t'il que je fasse appel a une autre classe?merci de m'indiquer les commandes a effectuer.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
wiwimagique
Messages postés
481
Date d'inscription
mardi 21 janvier 2003
Statut
Membre
Dernière intervention
20 avril 2006
108
15 nov. 2005 à 09:50
15 nov. 2005 à 09:50
fait des
a.toto {...}
a.toto:hover { ... }
puis <a href="#" class="toto">blabla</a>
a.toto {...}
a.toto:hover { ... }
puis <a href="#" class="toto">blabla</a>
