affichage de boîtes flottantes...
affichage de boîtes flottantes...
Salut tout le monde...
Voilà, je tente la création de quelques pages en utilisant un petit logiciel que je ne souhaite pas nommer... mais qui permet de créer des pages simplement en faisant de la mise en page sur une grille...
Je sais que ce type d'interface créer des lignes de codes bien souvent inutiles... mais je n'es pas les connaissances pour les modifier.
Ma question est donc la suivante:
J'utilise des boîtes flottantes pour faire apparaître sur une page en html, un élément (texte ou image) lors du survole par le pointeur de la sourie d'un élément autre.
Un exemple ici.
Ca fonctionne très bien sous IE.
J'ai fais le test sans bloquage des popups... rien ne change.
Si je pouvais avoir un coup de main... Merqui!!!!
Voilà, je tente la création de quelques pages en utilisant un petit logiciel que je ne souhaite pas nommer... mais qui permet de créer des pages simplement en faisant de la mise en page sur une grille...
Je sais que ce type d'interface créer des lignes de codes bien souvent inutiles... mais je n'es pas les connaissances pour les modifier.
Ma question est donc la suivante:
J'utilise des boîtes flottantes pour faire apparaître sur une page en html, un élément (texte ou image) lors du survole par le pointeur de la sourie d'un élément autre.
Un exemple ici.
Ca fonctionne très bien sous IE.
J'ai fais le test sans bloquage des popups... rien ne change.
Si je pouvais avoir un coup de main... Merqui!!!!
Tu as utilisé un vieux code qui détermine ton navigateur de cette façon : IE/pas IE. Pour les navigateurs autres que IE, il utilise la syntaxe ".layer" qui était autrefois utilisé par les anciennes versions de Netscape avant d'être abandonné car non conforme aux standards. Les navigateurs récents ne comprennent pas cette syntaxe d'où l'erreur de javascript que tu obtiens. Il faut modifier ton code. Ce soir je n'ai pas le temps mais si demain tu en es encore là je te ferais ça.
En faisant comme ca, c'est plus simple et ca a l'air de marcher comme ca devrait (?):
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>plus de boîtes flottantes!!!</title>
<style media="screen" type="text/css">
<!--
#fiat126 { position: absolute; top: 338px; left: 572px; width: 201px; height: 201px;visibility: hidden }
-->
</style>
<SCRIPT language=javascript>function visible(){document.getElementById("fiat126").style.visibility="visible";}
function invisible(){document.getElementById("fiat126").style.visibility="hidden";}</SCRIPT>
</head>
<body bgcolor="#FFF188">
<div align="center">
<div id="fiat126">
<table cool="" usegridx="" usegridy="" showgridx showgridy gridx=
"16" gridy="16" border="0" cellpadding="0" cellspacing="0" height=
"201" width="201">
<tbody>
<tr height="80">
<td colspan="2" height="80" width="50"></td>
<td xpos="50" align="left" height="80" valign="top" width="122">
<img src="exemple_fichiers/879_7951.jpg" border="0" height="75"
width="100"></td>
<td rowspan="2" height="200" width="28"></td>
<td height="80" width="1"><spacer type="block" height="80" width=
"1"></td>
</tr>
<tr height="120">
<td height="120" width="28"></td>
<td colspan="2" xpos="28" content="" csheight="32" align="left"
height="120" valign="top" width="144">
<div align="center">Hoooo yèèèèè!</div>
</td>
<td height="120" width="1"><spacer type="block" height="120" width=
"1"></td>
</tr>
<tr cntrlrow="" height="1">
<td height="1" width="28"><spacer type="block" height="1" width=
"28"></td>
<td height="1" width="22"><spacer type="block" height="1" width=
"22"></td>
<td height="1" width="122"><spacer type="block" height="1" width=
"122"></td>
<td height="1" width="28"><spacer type="block" height="1" width=
"28"></td>
<td height="1" width="1"></td>
</tr>
</tbody>
</table>
</div>
<table cool="" usegridx="" usegridy="" showgridx showgridy gridx=
"16" gridy="16" border="0" cellpadding="0" cellspacing="0" height=
"97" width="513">
<tbody>
<tr height="96">
<td xpos="0" content="" csheight="96" align="left" height="96"
valign="top" width="512">
<div align="center">Voili voilou... en survolant <a onmouseover="visible()" onmouseout="invisible()" href=
"http://olivverte.free.fr/image/2pat/dhivers/fiat126/fiat126.htm">
<font size="5">ce mot</font></a>, une boîte flottante
doit s'afficher ailleur sur cette page. Ca marche très bien sous
explhoreur... Je vais faire le teste sans le bloquage des popup...
mais cette solution quant bien même serait-elle la bonne ne me
plait pas... le bloquage des popups étant vraiment très
bien...</div>
</td>
<td height="96" width="1"><spacer type="block" height="96" width=
"1"></td>
</tr>
<tr cntrlrow="" height="1">
<td height="1" width="512"><spacer type="block" height="1" width=
"512"></td>
<td height="1" width="1"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Re: affichage de boîtes flottantes...
Désolé maisolivverte a écrit :un petit logiciel que je ne souhaite pas nommer
Code : Tout sélectionner
<meta name="generator" content="Adobe GoLive 5">

(En plus il est pas si "petit" que ça

Mis à part ça je me permets de trouver le code passablement pourri, les <spacer type="block" width="28" height="1"> qui ne sont pas du HTML comme pas mal d'autres choses dans le code risquent fort de poser de gros problèmes là où tu ne les attends pas


Salut!
Tu n'es pas le premier à trouver le code généré par Gol. " pourri... Je suis bien certain que c'est bien vrais mais étant très occupé sur d'autres fronts, il est pas facil facil pour moi de trouver le temps pour apprendre les divers languages pour le web...
C'est vrais que ça me fait défaut...
En Avril/Mars, ça devrait aller mieux. Promit, je m'y met! (Parceque c'est quelque chose qui me motive!)
En attendant, je vais geter un oeil aux différences entre mon code et celui modifié plus haut.
A+
Tu n'es pas le premier à trouver le code généré par Gol. " pourri... Je suis bien certain que c'est bien vrais mais étant très occupé sur d'autres fronts, il est pas facil facil pour moi de trouver le temps pour apprendre les divers languages pour le web...
C'est vrais que ça me fait défaut...
En Avril/Mars, ça devrait aller mieux. Promit, je m'y met! (Parceque c'est quelque chose qui me motive!)
En attendant, je vais geter un oeil aux différences entre mon code et celui modifié plus haut.
A+
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités