Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1483 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aperçu image sur texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aperçu image sur texte

n°1811059
guigs91
Posté le 12-11-2008 à 11:13:32  profilanswer
 

Bonjour je voudrais savoir si c'est possible de faire en html:
-Quand on passe la souris sur du texte d'afficher une image(comme un genre d'aperçu)
Merci d'avance

mood
Publicité
Posté le 12-11-2008 à 11:13:32  profilanswer
 

n°1811120
olivthill
Posté le 12-11-2008 à 13:22:34  profilanswer
 

Je ne crois pas qu'un texte ordinaire puisse gérer le passage de la souris. Mais par contre les liens le peuvent. Donc une solution consisterait à utiliser le onMouseOver d'un lien dont le libellé serait un texte

<a href="#" onMouseOver=afffiche_image();>une ligne de texte</a>

Il serait aussi possible que ce texte/lien ne soit pas souligné en changeant la "décoration" au niveau du CSS.
 
Edit : La solution ci-dessous de sedonbus est mieux.

Message cité 1 fois
Message édité par olivthill le 12-11-2008 à 15:30:21
n°1811152
guigs91
Posté le 12-11-2008 à 14:15:04  profilanswer
 

C'est du javascript non?

n°1811167
Alisteroid
Posté le 12-11-2008 à 14:37:37  profilanswer
 

olivthill a écrit :

Je ne crois pas qu'un texte ordinaire puisse gérer le passage de la souris. Mais par contre les liens le peuvent. Donc une solution consisterait à utiliser le onMouseOver d'un lien dont le libellé serait un texte

<a href="#" onMouseOver=afffiche_image();>une ligne de texte</a>

Il serait aussi possible que ce texte/lien ne soit pas souligné en changeant la "décoration" au niveau du CSS.


Suffit de mettre un span, cette balise est justement crée pour la mise en forme de texte en ligne ,pourquoi utiliser un <a>   :??:

 

<span onmouseover="afffiche_image();">une ligne de texte</span>

 

Et onMouseOver est pas valide xhtml, ça va te générer une erreur (faut le mettre en minuscule), mais on s'écarte du sujet.

 

Apres faut creer la fonction qui va afficher une popup ou l'image directement dans une zone de ta page.

 



Message édité par Alisteroid le 12-11-2008 à 17:05:15
n°1811232
guigs91
Posté le 12-11-2008 à 16:47:41  profilanswer
 

Merci quand meme ;mais j'ai trouver avec le css grace a ca:
 
Css:
a.info {
  position:relative;
}
a.info:hover {
   background: none;  
   z-index: 500;  
}
a.info span {display: none;}
a.info:hover span {
   display: inline;  
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:150px;
   top: 10px;  
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}
 
Html:
<a href="#" class="info">Pop-up sans Javascript<span>Le contenu indexable de l'info-bulle</span></a>  
 
J'ai trouver ça la dessus:
http://www.pixtiz.com/fr/blog/web/ [...] urvol.php#


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aperçu image sur texte

 

Sujets relatifs
Extraction d'une colonne dans un fichier texteValidation formulaire : affiche image devant réponses justes ou fausse
[resolu] Lire un fichier textePb bouton-image avec php [résolu]
Insertion d'image par des user[résolu] Image ne s'affichant qu'après actualisation de la page
[Résolu][JDBC] Insertion image base de données Oracle 9iAgrandir une image au survol de la mignature: Problème
Répeter une image verticalement et vers le bas.ACTIONSCRIPT : Problème bouton/récupération champ texte
Plus de sujets relatifs à : Aperçu image sur texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR