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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  retour à la ligne dans une info-bulle

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

retour à la ligne dans une info-bulle

n°202913
z0rglub
Posté le 27-08-2002 à 15:22:54  profilanswer
 

salut,
quel caractère utiliser pour avoir des retours à la ligne dans les infos-bulle ?
http://www.z0rglub.com/images/bulle.png
 
là ça marche bien, mais sous Mozilla, ça donne ça :
http://www.z0rglub.com/images/bulle2.png
 
le caractère utilisé est "\n"


Message édité par z0rglub le 27-08-2002 à 15:23:15

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
mood
Publicité
Posté le 27-08-2002 à 15:22:54  profilanswer
 

n°202915
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-08-2002 à 15:24:56  profilanswer
 

\r\n peut-être ? :/

n°202919
--greg--
Posté le 27-08-2002 à 15:29:27  profilanswer
 

nan
ça marche pas
ça peut pas marcher
si vous me le rappelez ce soir, je vous file une url sur bugzilla: j'avais notifié ce "bug"(:sol:), et apres moult discussions, il s'est avéré que c'était une feature à la IE à ne pas implémenter, je sais plus trop pourquoi.


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202922
--greg--
Posté le 27-08-2002 à 15:30:24  profilanswer
 

le seul truc qu'ils ont corrigé c'est qu'il n'y plus le carré noir je crois. zorglub, tu peux filer une url? (je viens d'installer moz1.1...)


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202925
z0rglub
Posté le 27-08-2002 à 15:32:27  profilanswer
 

--greg-- a écrit a écrit :

zorglub, tu peux filer une url? (je viens d'installer moz1.1...)



http://www.z0rglub.com/phpwebgalle [...] .php?cat=2


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°202930
--greg--
Posté le 27-08-2002 à 15:40:25  profilanswer
 

ha ben merde y'a tjs le carré noir :/


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202936
z0rglub
Posté le 27-08-2002 à 15:42:37  profilanswer
 

en gros, ça marche pas koi


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°202938
--greg--
Posté le 27-08-2002 à 15:44:11  profilanswer
 

z0rglub a écrit a écrit :

en gros, ça marche pas koi



en gros:)


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202940
z0rglub
Posté le 27-08-2002 à 15:46:49  profilanswer
 

alors je laisse mon "\n" et j'espère que ça marchera pour une prochaine version de Mozilla.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°202942
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-08-2002 à 15:48:37  profilanswer
 

Dans Opera y a pas de carré noir mais y a pas de retour à la ligne
en plus avec une des images y a un <a href qui se balade, je sais pas si c'est normal :
http://ibelgique.ifrance.com/antp/_images/infobulle.png


Message édité par antp le 27-08-2002 à 15:48:43
mood
Publicité
Posté le 27-08-2002 à 15:48:37  profilanswer
 

n°202943
gm_superst​ar
Appelez-moi Super
Posté le 27-08-2002 à 15:50:53  profilanswer
 

En fait j'ai l'impression qu'il n'y pas tellement de solution pour l'instant. Ce qui est clair, c'est qu'il n'y a pas de raison d'utiliser \n : ce n'est pas un caractère "reconnu" en HTML pour les sauts de ligne. J'ai d'ailleurs l'impression que le comportement de IE n'a pas forcément été voulu...
 
Ce qui serait plus logique serait d'utiliser des <br>, mais ça passe pas.
 
Seule solution, créer un calque (<div> ) qui s'affiche lorsque la souris passe sur l'image (et on peut même le faire sans javascript).

n°202944
z0rglub
Posté le 27-08-2002 à 15:51:16  profilanswer
 

le coup du href, oui c normal, un mec a voulu mettre des balises HTML dans un commentaire d'image et c'est converti avec htmlentities...


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°202947
z0rglub
Posté le 27-08-2002 à 15:52:27  profilanswer
 

gm_superstar a écrit a écrit :

 
Seule solution, créer un calque (<div> ) qui s'affiche lorsque la souris passe sur l'image (et on peut même le faire sans javascript).




tu peux me donner plus d'infos là dessus ?


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
n°202948
--greg--
Posté le 27-08-2002 à 15:53:54  profilanswer
 

gm_superstar a écrit a écrit :

En fait j'ai l'impression qu'il n'y pas tellement de solution pour l'instant. Ce qui est clair, c'est qu'il n'y a pas de raison d'utiliser \n : ce n'est pas un caractère "reconnu" en HTML pour les sauts de ligne. J'ai d'ailleurs l'impression que le comportement de IE n'a pas forcément été voulu...
 
Ce qui serait plus logique serait d'utiliser des <br>, mais ça passe pas.
 
Seule solution, créer un calque (<div> ) qui s'affiche lorsque la souris passe sur l'image (et on peut même le faire sans javascript).


tiens, mais euh si on fait ça et qu'on laisse le alt dans le <img> pour les pauvres vieux browsers, ça va etre tout laid... on sait disabler les alt? :D


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202956
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-08-2002 à 15:58:05  profilanswer
 

http://www.cs.tut.fi/~jkorpela/html/alt.html
 
y a pas de vraie solution
normalement il faudrait mettre mais les browsers ne le supportent pas (encore) :D

n°202959
--greg--
Posté le 27-08-2002 à 16:00:17  profilanswer
 

mettre quoi?


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°202977
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-08-2002 à 16:14:25  profilanswer
 

merci au forum de joce :mad:
& # 10;
 
mais sans les espaces :D
 
d'ailleurs si tu édites mon msg où y manque un mot tu verras qu'y a bien un retour à la ligne ;)


Message édité par antp le 27-08-2002 à 16:15:08
n°202982
--greg--
Posté le 27-08-2002 à 16:15:59  profilanswer
 

antp a écrit a écrit :

merci au forum de joce :mad:
& # 10;
 
mais sans les espaces :D
 
d'ailleurs si tu édites mon msg où y manque un mot tu verras qu'y a bien un retour à la ligne ;)



interessant!


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°203000
gm_superst​ar
Appelez-moi Super
Posté le 27-08-2002 à 16:39:33  profilanswer
 

z0rglub a écrit a écrit :

tu peux me donner plus d'infos là dessus ?



Tu peux t'inspirer de ça : http://www.meyerweb.com/eric/css/edge/popups/demo.html
 
Si tu veux tester rapidement :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Infobulles</title>
<style type="text/css">
 
a {
  text-decoration: none;
  color: black;
}
 
a div {
  display: none;
}
 
a:hover div {
  display: block;
  border: 1px solid silver;
  background-color: #ffffee;
  position: absolute;
  left: 30%;
  top: 20%;
  width: 100px;
  padding: 2px;
}
 
body {
  background-color: white;
  font-family: Verdans, Arial, helvetica, sans-serif;
  font-size: 10px;
}
 
div {
  position: absolute;
  top: 10px;
  left: 10px;
}
 
img {
  border: none;
}
 
</style>
</head>
 
<body>
 
<div>
  <a href="http://www.mozilla.org/"><img src="http://www.mozilla.org/images/mozilla-banner.gif" height="58" width="600" alt="Logo Mozilla" /><div>Logo mozilla<br />64x64<br />8 ko</div></a>
<div>
 
</body>
 
</html>


 
En fait c'est basé sur les CSS, le pseudo-sélecteur :hover et la propriété display;
 
Ca ne marhe pas avec IE, ce qui répond à la question de --greg-- : les vieux browser afficheront le alt, et Mozilla utilisera les CSS.
 
Sinon, si on veut que ça marche partout, il faut utiliser JavaScript. Y'a plein d'exemple sur le Web de popups de ce style (qui suivent la souris et tout et tout)

n°203003
zion
Plop
Posté le 27-08-2002 à 16:40:31  profilanswer
 
n°203018
--greg--
Posté le 27-08-2002 à 16:50:10  profilanswer
 

ha mais c'est mooooche ça s'affiche pas à l'emplacement du curseur de la souris :/


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
n°203040
gm_superst​ar
Appelez-moi Super
Posté le 27-08-2002 à 17:00:49  profilanswer
 

--greg-- a écrit a écrit :

ha mais c'est mooooche ça s'affiche pas à l'emplacement du curseur de la souris :/



Bah oui, les CSS c'est pas fait pour récupérer la position de la souris, mais l'avantage c'est que tu mets ce que tu veux dans ta bulle. (et puis je trouve ça plus élégant qu'en JS, mais bon, c'est une appréciation personnelle ça ;) )

n°203053
--greg--
Posté le 27-08-2002 à 17:04:17  profilanswer
 

gm_superstar a écrit a écrit :

 
Bah oui, les CSS c'est pas fait pour récupérer la position de la souris, mais l'avantage c'est que tu mets ce que tu veux dans ta bulle. (et puis je trouve ça plus élégant qu'en JS, mais bon, c'est une appréciation personnelle ça ;) )



vi je trouve aussi. hmmm. à voir:)


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
mood
Publicité
Posté le   profilanswer
 


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

  retour à la ligne dans une info-bulle

 

Sujets relatifs
[C et Linux] Quelle fonction pour ecrire une ligne en couleur?retour sur base de données d un formulaire...
info bulle dans un select boxarret demarrage des services en ligne de commande
[SIMPLE INFO] pour POSTGESQL[webmastering] affichage different en ligne et en local avec MEME CODE
[C/C++] Saisie d'un caractère sans retour chariot nécéssaire[Java + WebObject] Suppression d'une ligne d'une bd (Resolu)
projet en info 
Plus de sujets relatifs à : retour à la ligne dans une info-bulle


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