> Tous les forumsForum des Webmasters

 code css
Statut du sujet : NON RESOLU Imprimer
 Matterhorn
  Posté le 05/06/2008 @ 09:53  
 Astucien


1592 Messages

bonjour, je viens de faire ce script css:

code
  1. a.im
  2. {
  3. display:block;
  4. border:solid 4px white;
  5. width:400px;
  6. height:300px;
  7. margin:auto;
  8. background-image:url(image1.jpg);
  9. }
  10. a.im:hover
  11. {
  12. background-image:url(image2.jpg);
  13. }

ce sont 2 images image1 et image 2 qui ont la même dimension

lorsque je passe le curseur sur l'image 1 , l'image 2 apparaît et je m'en sert de lien pour ouvrir une autre page xhtml .

Ce que je voudrais faire , c'est avoir une image 1 de très petite dimension et lorsqu'on clique (et non pas passer le curseur) sur cette image on obtient la même

image mais de beaucoup plus grande dimension, sans faire appel à la notion de lien

quel script faut il faire?

merci à vous

cordialement

Matterhorn

 Afficher le profil de MatterhornEnvoyer un message privé à Matterhorn
 
 
Publicité
 kalinka  Posté le 05/06/2008 à 11:21  
Astucienne


3085 Messages
je ne crois pas que ce soit possible directement dans les css par contre en melangeant un javascript aux css ( comme dans certains menus ) c'est faisable avec la fonction onclick , a toi de l'adapter a ce que tu veux faire
Afficher le profil de kalinkaEnvoyer un message privé à kalinka
 Revenir en haut de la page
 Matterhorn  Posté le 05/06/2008 à 11:25  
Astucien


1592 Messages

re

merci pour ta réponse , je vais lire ça et j'espère y trouver mon bonheur

bonne journée

cordialement

Matterhorn

Afficher le profil de MatterhornEnvoyer un message privé à Matterhorn
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte



Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page