Css et image
Résolu/Fermé
pierre yves
Messages postés
5
Date d'inscription
dimanche 2 octobre 2005
Statut
Membre
Dernière intervention
15 juin 2006
-
2 oct. 2005 à 14:47
D - 13 oct. 2008 à 07:07
D - 13 oct. 2008 à 07:07
A voir également:
- Css et image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Comment agrandir une image - Guide
3 réponses
agonis57
Messages postés
44
Date d'inscription
samedi 1 octobre 2005
Statut
Membre
Dernière intervention
9 octobre 2005
1
2 oct. 2005 à 15:00
2 oct. 2005 à 15:00
grâce à css, ca me semblerait bizarre, mais bon, je dois avouer mon ignorance.
par contre tu peux faire facilement une petite fonction javascript et dans ta borne image, il faudra mettre un attribut nom, et utiliser des événement, je sais plus trop lesquels...
va faire un tour sur
w3schools.com
par contre tu peux faire facilement une petite fonction javascript et dans ta borne image, il faudra mettre un attribut nom, et utiliser des événement, je sais plus trop lesquels...
va faire un tour sur
w3schools.com
pierre yves
Messages postés
5
Date d'inscription
dimanche 2 octobre 2005
Statut
Membre
Dernière intervention
15 juin 2006
2 oct. 2005 à 15:30
2 oct. 2005 à 15:30
c'est bon j'ai trouvé en cherchant sur le net pour ceux que ca interesse je vous donne le lien:
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript
je ne voulai pa utilisé le javascript car il est souvent desactivé (10% des navigateurs source: w3scholls.com)
et merci. j'allai me resigné a utiliser javascript lol
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript
je ne voulai pa utilisé le javascript car il est souvent desactivé (10% des navigateurs source: w3scholls.com)
et merci. j'allai me resigné a utiliser javascript lol
existance
Messages postés
8
Date d'inscription
mardi 18 juillet 2006
Statut
Membre
Dernière intervention
11 mai 2008
8 août 2006 à 16:36
8 août 2006 à 16:36
J'aimerais savoir si vous vouliez toujours savoir comment faire pour faire apparaitre une autre image au survol de la souris par le biais d'une css , si vous voulez je peux vous expliquer !
Moi je cherche aussi a le faire, mais surtout compatible avec tous les navigateur.
Pour le moment je fait :
<STYLE TYPE="text/css">
<!--
<?php
foreach($zones as $var => $val){
echo "
input.{$var}{
background-image:url('./images/{$var}" . ( $var==$zone_act ? '_in' : '' ) . ".gif');
}
input.{$var}:hover{
background-image:url('./images/{$var}_over.gif');
}";
}
?>
-->
</style>
<div style="margin-left:8px;"><?php
foreach($zones as $var => $val){
echo '<a href="' .$val . '"><input type="button" value="" class="' .$var . '"></a>';
}
?></div>
<!-- Fast-Loading : -->
<?php
foreach($zones as $var => $val){
echo "<img src=\"images/{$var}_over.gif\" alt=\"\" style=\"display:none;\">";
}
?>
Mais ca me pose 2 probléme : ie ne clique pas les liens ( peut se résourdre avec du js, mais le but est de ne pas en utiliser ) konqueror n'affiche pas les images.
Merci d'avance pour votre aise.
Pour le moment je fait :
<STYLE TYPE="text/css">
<!--
<?php
foreach($zones as $var => $val){
echo "
input.{$var}{
background-image:url('./images/{$var}" . ( $var==$zone_act ? '_in' : '' ) . ".gif');
}
input.{$var}:hover{
background-image:url('./images/{$var}_over.gif');
}";
}
?>
-->
</style>
<div style="margin-left:8px;"><?php
foreach($zones as $var => $val){
echo '<a href="' .$val . '"><input type="button" value="" class="' .$var . '"></a>';
}
?></div>
<!-- Fast-Loading : -->
<?php
foreach($zones as $var => $val){
echo "<img src=\"images/{$var}_over.gif\" alt=\"\" style=\"display:none;\">";
}
?>
Mais ca me pose 2 probléme : ie ne clique pas les liens ( peut se résourdre avec du js, mais le but est de ne pas en utiliser ) konqueror n'affiche pas les images.
Merci d'avance pour votre aise.