retour à la ligne dans une info-bulle

retour à la ligne dans une info-bulle - HTML/CSS - Programmation

Marsh Posté le 27-08-2002 à 15:22:54    

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
Reply

Marsh Posté le 27-08-2002 à 15:22:54   

Reply

Marsh Posté le 27-08-2002 à 15:24:56    

\r\n peut-être ? :/

Reply

Marsh Posté le 27-08-2002 à 15:29:27    

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!
Reply

Marsh Posté le 27-08-2002 à 15:30:24    

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!
Reply

Marsh Posté le 27-08-2002 à 15:32:27    

--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
Reply

Marsh Posté le 27-08-2002 à 15:40:25    

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


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

Marsh Posté le 27-08-2002 à 15:42:37    

en gros, ça marche pas koi


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 27-08-2002 à 15:44:11    

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!
Reply

Marsh Posté le 27-08-2002 à 15:46:49    

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
Reply

Marsh Posté le 27-08-2002 à 15:48:37    

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
Reply

Marsh Posté le 27-08-2002 à 15:48:37   

Reply

Marsh Posté le 27-08-2002 à 15:50:53    

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).

Reply

Marsh Posté le 27-08-2002 à 15:51:16    

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
Reply

Marsh Posté le 27-08-2002 à 15:52:27    

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
Reply

Marsh Posté le 27-08-2002 à 15:53:54    

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!
Reply

Marsh Posté le 27-08-2002 à 15:58:05    

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

Reply

Marsh Posté le 27-08-2002 à 16:00:17    

mettre quoi?


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

Marsh Posté le 27-08-2002 à 16:14:25    

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
Reply

Marsh Posté le 27-08-2002 à 16:15:59    

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!
Reply

Marsh Posté le 27-08-2002 à 16:39:33    

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)

Reply

Marsh Posté le 27-08-2002 à 16:40:31    

Reply

Marsh Posté le 27-08-2002 à 16:50:10    

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!
Reply

Marsh Posté le 27-08-2002 à 17:00:49    

--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 ;) )

Reply

Marsh Posté le 27-08-2002 à 17:04:17    

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!
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed