Sujet Précédent Sujet Suivant

Fenêtre flottante onclicket mouseover

Résolu/Fermé
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 - 7 nov. 2007 à 21:30
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 - 15 nov. 2007 à 04:46
Bonjour,

J'ai vraiment beau essayer, je suis vraiment pas une lumière mais je veux y croire et y arriver. Voilà, je cherche:


1 sur http://www.kreavie.ca/compagnie/index.html il y a des lire plus :ici je veux mettre une fenêtre flottante genre onclick (pour chaque lire plus), je sais vous aller me dire que c'est du Java script, ok j'ai compris le concept, mais pourriez-vous SVP soit me l'expliquer comme à une enfant de 2 ans ou me donner des liens qui m'explique bien les choses.

2 sur mon site je vais avoir des photos de créations et produite et ici j'aimerai lorsque je pointe la souris dessus qu'une fenêtre genre mouseover montre la photo plus grande et ici pareil, pas moyen d'y arriver.

Cela fait 1 semaine que je cherche , essaie toutes les possibilités mais rien, alors comme je sais que vous êtes tous super doués et que vous connaissez super bien ce domaine, je viens vers vous.

Je vous remercie humblement de m'aider et de me sortir de ce cauchemard.

Merci merci
Chocolat
A voir également:

28 réponses

  • 1
  • 2
Réponse 1 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 nov. 2007 à 21:42
salut l'enfant de deux ans !

en premier il faut mettre le code Javascript d'une fonction qui va ouvrir la popup, elle prend comme argument le nom du fichier qu'elle va afficher (à mon avis c'set le plus simple).
le plus simple est de le mettre dans une balise '<script>' à l'intérieur de '<head>'. 
<script type="text/javascript">
function displayPopup(fichier)
{
window.open(fichier,"","width=640,height=4801,left=200,top=200,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes ,resizable=no");
}
</script>

ensuite tu appelles cette fonction depuis ton lien en indiquant le fichier à afficher et tu ajoutes le même fichier en cible du lien comme ça même si JS est désactivé, le visiteur peut lire l'info. le 'return false;' c'est pour désactivé le lien. 
<a href="monfichier.html" onclick="displayPopup('monfichier.html'); return false;">lire plus </a>

bon faut encore le tester, je l'ai tapé directement !
2
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
7 nov. 2007 à 21:52
merci, mais ça c'est pour les photo ou pour la fenêtre flottante contenant un texte?? car je ne sais pas.
Faut que pour mon fichier je crée une autre fenêtre, car j'ai déjà essayé ça:

"Salut chocolat,


Pour t'expliquer en français le contenu de la page dont tu as fourni le lien...

Tu dois télécharger le fichier JavaScript et le placer dans le même répertoire que ta page. Sur cette page tu t'assures que dans le header, le code en gras soit présent :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Floating Window</title>
<script src="Drag.js"></script>
</head>


Ensuite dans le corps (<body>) de ta page HTML, il faut que tu définisses un bloc qui ressemble à ceci (ce qui est en gras est l'appel au Drag):

<div id="window" style="position:absolute; z-index:10; left:350px; top:160px; width:400px;background-color:#dde3eb; border:1px solid #464f5a; display:none;">
<div style="padding-bottom:8px; width:400px; background-color:#718191; border-bottom:1px solid #464f5a;" onMouseDown="beginDrag(this.parentNode, event);">
<div style="position:absolute; top:2px; left:5px; font-size:16px; font-weight:bold; color:#FFFFFF;">Drag me!</div>
</div>
</div>


C'est donc le deuxième bloc DIV (celui imbriqué au premier qui porte l'id "window") qui contient l'appel à la fonction Drag. Il est essentiel de le placer dans le premier bloc que tu vas reprendre tel quel. Et normalement ça devrait aller." et NON cela n'a pas été.

et j'ai aussi essayé ceci:

"salut

Bon une autre solution qui marche pas mal

dans le <head></head> te ta page tu y mets



<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=700,height=500

,toolbar=no,scrollbars=no,res izable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE& gt;</HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+15,document.images[0].height+60); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='delice de pierre'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>


en gras ce que tu peu modifier pour l affichage

dans la partie où tu as l image (vignette/logo) tu y mets ceci

<p align="center"><A href="javascript:PopupImage('nom_de_l_image_grand_format.jpg')"><IMG src="nom_de_l_image_vignette.jpg" alt="Cliquer pour agrandir" border="0" class="image"></A></p>
<p align="center"> </p>



la aussi tu mets le nom des deux images 1 la grande 2 la petite


tout code dois être sur la même page (le mien) pas de page en plus , juste une insertion du script et du code." et VRAIMENT RIEN, bah si un truc vraiment étrange.
C'est pour cela que je dis enfant de deux ans.Mais j'essaie TOUT DE SUITE.

et je garde espoir afin de rester amie avec la création de site web.

Merci Dalida
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
7 nov. 2007 à 21:57
euh...qu'entends par là :"ensuite tu appelles cette fonction depuis ton lien en indiquant le fichier à afficher et tu ajoutes le même fichier en cible du lien comme ça même si JS est désactivé, le visiteur peut lire l'info. le 'return false;' c'est pour désactivé le lien
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
7 nov. 2007 à 22:03
le plus simple (à mon avis) pour afficher une popup c'est de faire un fichier html simplifié à côté qui contient les infos à afficher.
pour que la fonction ouvre le fichier il faut lui indiquer lequel c'est.

j'ai fait un exemple pour une autre question.
le premier fichier permet d'en afficher un deuxième.
0
Réponse 2 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 nov. 2007 à 23:01
pour le "lire plus"
que penses-tu de cette façon ?
pure CSS !!!
1
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
8 nov. 2007 à 19:08
WOW, là tu m'impressionnes vraiment et c'est vraiment mieux que ce que j'espérais, comment je peux faire ça??

Franchement Dalida, mille merci car tu m'as redonné la joie
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
8 nov. 2007 à 19:56
Tu es un amour et génial, j'ai regardé comment t'as fait et j'ai réussi, c'est trop cool. Maintenant sais-tu si en pointant sur une petite photo par le même procédé je peux la faire apparaitre plus grande?? ce serait réellement parfait.


merci, merci, merci Dalida
0
Réponse 3 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 nov. 2007 à 22:00
moi c'était pour afficher la suite du texte.
pour les images ta deuxième proposition me semble pas mal.

tu en es où, tu as essayé quoi, qu'est-ce que ça donne ?
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
7 nov. 2007 à 22:19
rrr, ça ne marche pas, bah la première solution, il voit juste le lien et c'est tout. Mais le plus drôle, c'est que j'aimerais que la fenêtre flottante soit à l'intérieur de ma fenêtre principale pour ne pas faire paniquer les gens
honnêtement je dois trouver la solution car cela une semaine que je plante là-dessus et pour l'affaire des photos, un peu comme sur istockphotos.com

attends je regarde comment ils ont pour les photos

mais les pop-ups internes sont tout aussi importants
0
Réponse 4 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 00:37
salut,

ben didon !
quel débordement de joie !!!

je n'ai fait que t'aider et nous sommes tous là pour ça !
mais ça fait grandement plaisir de te lire !!!

pour la photo, dis nous ce que tu veux obtenir et on essaiera de t'aider.
mais à une condition : que ce que l'on te donne te permette de progresser !

je suis persuadé qu'il faut simplement faire la même chose.
en te guidant un peu, tu vas le faire toute seule…
partante ?
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 02:06
Avant de voir que j'avais reçu une réponse, j'ai effectué (du moins préparé) tous mes "lire plus" et "read more" en attendant mes textes, maintenant il me faut connaitre comment faire pour lorsque tu pointe la souris (genre mouseover) sur une petite photo, elle apparait plus grande genre comme istockphoto.com . dans le fond comme ce que tu m'as appris à faire mais pour les photos, ce qui me fera gagner beaucoup d'espace sur mon hébergeur.

Merci beaucoup pour tes explications et pour te rassurer, OUI cela me permet de progresser beaucoup, c'est le troisième site web que je fais mais celui-ci est pour moi plus complexe.

Chocolat.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 09:21
salut,

désolé si je suis lourd avec mon laïus sur l'apprentissage mais c'est du travail de pro et il ne faut pas que le forum devienne un prestataire gratuit pour les studios de webdesign. que tu viennes te former ici personnellement pour mieux faire ton boulot c'est important mais il ne faut pas que nous soyons juste là pour boucler les projets des pros qui manquent de technique !

pour un affichage genre mouseover avec css le principe est simple.
un conteneur qui sera la zone réactive, on va prendre '<a>' par exemple.
un élément contenu par le précédent qui sera masqué par défaut et affiché au survol du conteneur.
pour ne pas que l'élément contenu ne fasse pas bouger la mise en forme en apparaissant il faut lui appliquer {position:absolute;}.

après ça peux se compliquer selon le positionnement que tu cherches.

pour celui que tu veux, je n'ai pas trouvé le même mais regarde celui-là et les autres dans les demos.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 16:50
Salut,

Non tu n'es pas lourd, c'est juste que tu ne veux pas faire prospérer la concurrence et je comprends mais ne t'inquiètes pas je ne fais pas de webdesign en général, mais du chocolat et autre. Mais c'est moi qui fait mon site car je sais ce que je veux!!!

J'ai vu le lien mais c'est pas ça que je cherche, je cherche plutôt un truc comme ça

https://www.istockphoto.com/fr/search/2/image?recency=last30days

car mes photos vont se trouver sur mon panier d'achat et j'aimerai que les clients puissent avoir un effet de plus gros

j'ai aussi trouvé ça mais je suis pas forte en anglais

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm#

et pour finir, je crois comprendre que le mieux ce serait de le rentrer dans mon fichier css

On va y arriver et en plus je dois finir ce site web pour lundi...houlala...car mes clients veulent voir mes produits.

Merci Dalida
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 16:59
j'ai oublier c'est pour aller ici

http://www.kreavie.ca/produits/stylos.ca
0
Réponse 6 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 18:09
le problème c'est que ton lien ne fonctionne pas !
The search query you entered did not find any matching results.
voila ce qu'il me répond, tu es peut être loguée quand tu accèdes à la page.

et pour le tien :
Not Found
The requested URL /produits/stylos.ca was not found on this server.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 20:47
beh non c'est sûr je me suis tompée hihihi

http://www.kreavie.ca/produits/stylos.html

cela fonctionne
0
Réponse 7 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 21:43
et au clic tu veux une image de quelle taille ?
donne moi l'url d'une grande image stp !
0
Réponse 8 / 28
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 22:14
voici Dalida

http://www.kreavie.ca/images/stylos/SOSO.2.jpg

et la taille 250x333 est-ce trop gros??

au cas où, est-ce que je peux changer la taille toute seule après car j'ai aussi un autre modèle de photo:

http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif

mais pour celles-là la photo de la page web n'est pas la même comme tu vas le voir (mais je pense que j'ai juste à préciser dans le code la bonne photo à agrandir, non??)

http://www.kreavie.ca/produits_lampions_Fr.htm

merci, merci

j'ai hâte d'avoir ta réponse
0
Réponse 9 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 23:21
re,

voila m'dame la présidente !
-:oD 

<style type="text/css">
table#AutoNumber5 tr td a
{
outline:1px solid #000;
}
table#AutoNumber5 tr td a span
{
position:absolute;
display:none;
background-color:#000;
padding:2px;
border:2px solid #c0c0c0;
}
table#AutoNumber5 tr td a:hover span
{
display:block;
}
</style>

~~~~~~~~~~~~~~~~~~~~~~~~~~ 
<td height="102" width="76">
	<a onclick="return false;" href="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif">
		<span>
			<img src="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif" border="2" height="250" width="333">
		</span>
		<img src="http://www.kreavie.ca/images/Lampions/GLBV.gif" border="2" height="96" width="72">
	</a>
</td>



tu peux modifier l'apparence et dans une moindre mesure la position.

pour les prochains sites il faudrait que tu laisses tomber les tableaux !!!
-;o)
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
9 nov. 2007 à 23:46
Dalida tu m'épates trop vraiment bon alors, ça

<style type="text/css">
table#AutoNumber5 tr td a
{
outline:1px solid #000;
}
table#AutoNumber5 tr td a span
{
position:absolute;
display:none;
background-color:#000;
padding:2px;
border:2px solid #c0c0c0;
}
table#AutoNumber5 tr td a:hover span
{
display:block;
}
</style>


je le mets une seule fois?! c,est ça??

et ça a chaque photo?? en changeant le href bien sur! :)
<td height="102" width="76">
<a onclick="return false;" href="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif">

<span>
<img src="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif"
border="2" height="250" width="333">
</span>
<img src="http://www.kreavie.ca/images/Lampions/GLBV.gif"
border="2" height="96" width="72">
</a>
</td>

Est-ce qu'on faire un type css. pour mes pages de produits où il y aura des photos??
Et pourquoi c'est pas bien les tableaux et as-tu d'autres propositions pour que cela fasse panier d'achat car je connais que ce style là

merci
0
Réponse 10 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 00:21
pourquoi c'est pas bien les tableaux
normalement il ne faudrait utiliser les tableaux que pour présenter des données comme des statistiques par exemple mais jamais pour faire de la mise en page.
en passant à CSS tu sortirais toutes les balises de style qui trainent dans ton code, c'est plus lisible, ça évite les redondances (et donc tu y gagnes en poids, même si c'est peu) et c'est beaucoup plus facile à coder et à maintenir.

regarde cet article pour voir comment faire autrement.
tu peux aussi lire les autres tutoriaux, ils sont tous indipensables !


pour ta mise en page il faut en effet changer les trois url pour chaque image et une seule fois la balise de style.
dans l'idéal il faudrait aussi renseigner l'attribut 'alt' de chaque '<img />' avec une petite description. 
<img src="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif" 
alt="lampion tartemplume"  height="250" width="333">


Est-ce qu'on faire un type css. pour mes pages de produits où il y aura des photos?
tu peux faire une ou plusieurs feuille de style pour chaque document.
et tu peux définir des règles de style pour chaque balise html.

as-tu d'autres propositions pour que cela fasse panier d'achat
le plus simple est d'aller prendre des idées à droite et à gauche sur les sites marchands qui te plaisent (sans pour autant piquer le design en entier !).
0
Réponse 11 / 28
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 00:22
j'ai po réussi, :(
j'ai essayé ici

http://www.kreavie.ca/produits/cadre-stylos.html

mais le résultat donnait que tout était décalé et horrible

pourtant j'ai fait comme toi, j'ai juste changé la couleur du cadre.

Est-ce que je dois via photoshop redimensionner et sauver en GIF??

Je crois que oui ce qui est donc une question idiote.
0
Réponse 12 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 00:33
mais le résultat donnait que tout était décalé et horrible
chez moi rien ne se passe.

pourtant j'ai fait comme toi
ce ne dois pas être la bonne version dans le code que j'ai vu il n'y a rien qui y ressemble.

Est-ce que je dois via photoshop redimensionner et sauver en GIF??
qui, que, quoi ???
et tu devrais utiliser 'PNG' si il n'y a pas de transparence, le format est meilleur.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 00:52
bon pour les tableaux, dès que j'ai le temps je les changerais

mais là je ne comprends pas

est-ce qu'on ressayer ici??

http://www.kreavie.ca/produits/cadre-stylos.html

car je ne travaille plus sur celui avec le fond noir, il a été fait avec Frontpage , alors que le nouveau juste avec Dreamweaver

pour ta mise en page il faut en effet changer les trois url pour chaque image et une seule fois la balise de style.
dans l'idéal il faudrait aussi renseigner l'attribut 'alt' de chaque '<img />' avec une petite description.

<img src="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif"
alt="lampion tartemplume" height="250" width="333">
la balise de style??

tu peux faire une ou plusieurs feuille de style pour chaque document.
et tu peux définir des règles de style pour chaque balise html.

j'en suis pas encore arriver à ce niveau mais je vais y arriver un jour

Est-ce que je dois via photoshop redimensionner et sauver en GIF??
qui, que, quoi ???
et tu devrais utiliser 'PNG' si il n'y a pas de transparence, le format est meilleur.

ma question étais: dois-je remdimensionner mes grosses photo en 250x333 sur photoshop (et en genre 2011x quelque chose d'aussi gros) et tu me dis de le sauver en 'PNG', c'est bien ça??

Je veux être sûr car avec le manque de sommeil, on commence à moins bien comprendre mais j'ai jusqu'à lundi matin pour le finir

Je vais y arriver...avec en grosse partie grâce à toi
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 01:41
no je n'y arrive pas
je fais tout pareil que toi et ce que j'obtiens est décalé....aurais-je d'autres possibilités a part celle-ci et celle du lien qui dirige vers une autre page??
et le code css que tu as donné hier, on ne peux pas l'adapter pour des photos??
mais je ne veux pas de pop-up, j'aime vraiment l'idée de ce que tu as trouvé, mais je n'y arrive pas pourtant, j'ai copier/coller, changer ce qui devait être changé.

j'aurai pas la graine de la webdesigner un jour (c'est pas grave, y a des gens merveilleux comme vous sur ce site)

merci tellement Dalida de m'aider et surtout pour ta patience avec l'enfant de deux ans.:)
0
Réponse 13 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 02:24
sur cette page il n'y a pas le code que j'ai utilisé !

en permier donne un identifiant à la table qui contient les images (ligne 47) : 
<table id="tableimages" width="462" border="1" bordercolor="#4A3826" height="646" style="border-collapse: collapse" cellpadding="0" cellspacing="0" bgcolor="#4A3826">


ensuite pour les images, ça : 
<td width="102" height="98"><div align="center">
 <img src="/images/stylos/SOSO.gif" alt="SOSO.gif" name="SOSO" border="1" align="right" id="SOSO" longdesc="../images/SOSO.gif" style="border: 1px solid #A0856B" width="71" height="96"></div></td>


doit devenir ça : 
<td width="102" height="98">
	<div align="center">
		<img src="/images/stylos/SOSO.gif" alt="SOSO.gif" name="SOSO" border="1" align="right" id="SOSO" longdesc="../images/SOSO.gif" style="border: 1px solid #A0856B" width="71" height="96">
		<span>
			<img src="URL DE LA GRANDE IMAGE" />
		</span>
	</div>
</td>

et il faut ajouter à la feuille de style ça : 
table#tableimages tr td a
{
outline:1px solid #000;
}
table#tableimages tr td a span
{
position:absolute;
display:none;
background-color:#000;
padding:2px;
border:2px solid #c0c0c0;
}
table#tableimages tr td a:hover span
{
display:block;
}

travaille en mode code, il ne faut t'occuper que du code et pense à dormir avant de faire trop de con***ies.
d'ailleurs, moi je vais me coucher, je reviens tout à l'heure !
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 18:15
salut,

bon alors je commence, j'ai introduit

table#tableimages tr td a
{
outline:1px solid #000;
}
table#tableimages tr td a span
{
position:absolute;
display:none;
background-color:#000;
padding:2px;
border:2px solid #c0c0c0;
}
table#tableimages tr td a:hover span
{
display:block;
} dans produit.css

et voilà le résultat

http://www.kreavie.ca/produits/cadre-stylos2.html

je n'y arrive pas pourquoi??

en permier donne un identifiant à la table qui contient les images (ligne 47) :

<table id="tableimages" width="462" border="1" bordercolor="#4A3826" height="646" style="border-collapse: collapse" cellpadding="0" cellspacing="0" bgcolor="#4A3826">

la ligne 147 fait partie de ma forme alors je l'ai mis à la ligne 47 (peut-être une erreur de frappe??)
peut-être faut-il mettre un comportement genre comme sur le lire plus :

<img src="../images/z1.gif" alt="" border="0" align="middle" style="margin-right:9px " width="5" height="9"><a href="#" onClick="document.getElementById('lireplus01').style.display='block';" class="lireplus">Lire plus<span>Comment est née Kreavie Montréal.</span></a></div></td>

au niveau de l'image ici mais changé pour les images doit devenir ça :

<td width="102" height="98">
<div align="center">
<img src="/images/stylos/SOSO.gif" alt="SOSO.gif" name="SOSO" border="1" align="right" id="SOSO" longdesc="../images/SOSO.gif" style="border: 1px solid #A0856B" width="71" height="96">
<span>
<img src="URL DE LA GRANDE IMAGE" />
</span>
</div>
</td>
???
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 > chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 18:38
j'ai essayé mais y a rien

http://www.kreavie.ca/produits/cadre-stylos2.html

tu ne verras plus les gros décalage, car sur l'autre message que je t'ai envoyé il y avais:

1 la grosse photo qui apparaissait
2 du au 1 tout étais décalé

Alors j'ai essayé de faire comme avec les lire plus et voilà le résultat qui ne marche pas

Je dois trouver...rrrr.

Merci Dalida pour ton infini patience avec moi et ta gentillesse.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 18:45
c'est bon tu te rapproches !!!

regarde en dessous, il doit manquer le lien (à cause de moi…)
-:o(
0
Réponse 14 / 28
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 06:59
ok je vais faire la même chose et je vois ça demain, ou du moins tout à l'heure.

J'espère que cela marchera....Mais j'ai confiance.

Bonne nuit, bah chez toi il est 7h du mat ;)
0
Réponse 15 / 28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 18:44
salut,

t'es bien réveillée ???


en permier donne un identifiant à la table qui contient les images (ligne 47) :

<table id="tableimages" width="462" border="1" bordercolor="#4A3826" height="646" style="border-collapse: collapse" cellpadding="0" cellspacing="0" bgcolor="#4A3826">

la ligne 147 fait partie de ma forme alors je l'ai mis à la ligne 47 (peut-être une erreur de frappe??)
j'avais bien écrit ligne 47 !!!

pour le reste c'est moi qui étais déjà endormie…
shame on me !
le code de cette est erroné, il manque le lien !!! 
<td height="102" width="76">
	<a onclick="return false;" href="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif">
		<span>
			<img src="http://www.kreavie.ca/images/Lampions/large/Ensemble-GLBV.gif" border="2" height="250" width="333">
		</span>
		<img src="http://www.kreavie.ca/images/Lampions/GLBV.gif" border="2" height="96" width="72">
	</a>
</td>

tu vois comment ça s'articule ?
dans la cellule (ou dans le '<div>' qui est dans la cellule), il te faut un lien qui contient :
• un '<span>' qui contient la grande image ;
• la petite image.

et ça va rouler tout seul.
pardon pour le retard !!!
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 19:48
YOUHOU :))

ça marche, regarde http://www.kreavie.ca/produits/cadre-stylos2.html

par contre j'ai garder le format jpg mais je vais essayer avec png

Tu mérites vraiment un gros bisous et pardon pour la ligne 47 , j'ai oublié d'apprendre à lire...on va dire que c'est la fatigue.

MERCI MERCI MERCI Dalida
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 19:53
au fait j'avais inversé c'était 333x250, tout de suite c'est mieux. Trouves-tu cela trop gros?? car les clients aiment voir les couleurs et les détails.

encore cent mille fois merci
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 20:06
content que tu aies réussi, bravo !

par contre il faut retailler tes images !!!
plus de 2 Mo (2112x2816…), c'est long à charger et ça bouffe de la bande pour des prunes !

pour les dimensions, c'est à voir. si tes clients sont plutôt agés et pointilleux, mieux vaut prévoir.
mais dans ce cas pour quoi ne pas tout proposer ?
la miniature et la petite image au survol comme maintenant plus un lien vers la grande taille.

tu n'as qu'à ajouter un lien dans le '<span>' et à le mettre en forme.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
10 nov. 2007 à 20:35
non mes clients ne sont pas âgés ;), mais trouves-tu que 333x250 soit trop, j'ai essayé la 1/2 et on voit pas les détails peut-être une taille intermédiaire.

Ce que j'ai fait c'est que je les redimensionne directement via photoshop et en png (comme me l'a appris mon professeur Dalida)
par contre j'ai en levé

<img src="../images/stylos/SOSO.png" width="250" height="333" border="0"></span>

euh la miniature et la petite image au survol comme maintenant plus un lien vers la grande taille.

tu n'as qu'à ajouter un lien dans le '<span>' et à le mettre en forme. ça je ne le comprends pas.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
10 nov. 2007 à 20:45
mais dans ce cas pour quoi ne pas tout proposer ?
la miniature et la petite image au survol comme maintenant plus un lien vers la grande taille.

tu n'as qu'à ajouter un lien dans le '<span>' et à le mettre en forme.


de quoi une par une?? oui c'est ce que je compte faire je veux juste trouver d'abord le bon calibre, ou tu veux dire toutes d'un coup??
dans ce cas-ci est-ce que le '<span>' je ne le mets qu'à la fin de toutes les photos ou à chaque fois??
0
Réponse 16 / 28
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
10 nov. 2007 à 20:59
tu fais comme ca 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title> Kreavie Montr&eacute;al:Excellence et El&eacute;gance.cadre-stylos
    </title>
    <meta http-equiv="Content-Type" content= "text/html; charset=iso-8859-1">
    <link href="http://www.kreavie.ca/images/produit.css" rel= "stylesheet" type="text/css">
    <style type="text/css">
      <!--
      a:link {
      text-decoration: none;
      }
      a:visited {
      text-decoration: none;
      }
      a:hover {
      text-decoration: none;
      }
      a:active {
      text-decoration: none;
      }
      -->
    </style>
    <base target="_top">
  </head>
  <body bgcolor="#4A3826" link="white" vlink="white" alink="white">
    <table cellpadding="0" cellspacing="0" border="0" align="center" width="711">
      <tr>
        <td valign="top" width="723" height="750">
          <table cellpadding="0" cellspacing="0" border="0" width="708">
            <tr>
              <td valign="top" width="717" height="438">
                <table cellpadding="0" cellspacing="0" border="0" width="703">
                  <tr>
                    <td valign="top" width="2" height="438"></td>
                    <td valign="top" width="714" height="438" bgcolor="white">
                      <table cellpadding="0" cellspacing="0" border="0" width="700" height="748">
                        <tr>
                          <td valign="top" width="710" height="750" class="content">
                            <table cellpadding="0" cellspacing="0" border="0" width="708" height="624" style="border-collapse: collapse">
                              <tr>
                                <td valign="top" width="5" height="624" bordercolor="#4A3826" bordercolorlight="#4A3826" bordercolordark="#4A3826" bgcolor= "#4A3826">
                                  &nbsp;</td>
                                <td valign="top" width="706" height="624" bgcolor="#4A3826" class= "block">
                                  <div style="margin:2 0 0 2px">
                                    <img src= "http://www.kreavie.ca/images/8_w1.gif" alt="" border="0" width= "702" height="40">
                                  </div>
                                  <div align="center">
                                    <center>
                                      <table id="tableimages" width="462" border="0" bordercolor= "#4A3826" height="646" style="border-collapse: collapse" cellpadding="0" cellspacing="0" bgcolor="#4A3826">
                                        <tr>
                                          <td height="102" width="98">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOSO.2.jpg">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOSO.2.jpg" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOSO.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>
                                            </div></td>
                                          <td width="102" height="98">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SASA2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SASA2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SASA.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>
                                            </div></td>
                                          <td width="75" height="98">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SASB2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SASB2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SASB.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>
                                            </div></td>
                                          <td width="100" height="98">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOSC2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOSC2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOSC.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>
                                            </div></td>
                                          <td width="77" height="98">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOSR2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOSR2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOSR.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a> 
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td height="19" width="102">
                                            <div align="center" class="Style5" style="width: 102; height: 11">
                                              <font color="white" size="1"> &nbsp;&nbsp;&nbsp;&nbsp; SOSO (or)
                                              </font>
                                            </div></td>
                                          <td height="19" width="102">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SASA (argent)
                                              </font>
                                            </div></td>
                                          <td height="19" width="75">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SASB (bleu)
                                              </font>
                                            </div></td>
                                          <td height="19" width="100">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SOSC (beige)
                                              </font>
                                            </div></td>
                                          <td height="19" width="77">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SOSR (orang&eacute;)
                                              </font>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td height="98" width="102">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOSV2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOSV2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOSV.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a> 
                                            </div></td>
                                          <td height="98" width="102">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOSN2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOSN2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOSN.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>  
                                            </div></td>
                                          <td height="98" width="75">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SCOS2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SCOS2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SCOS.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a>  
                                            </div></td>
                                          <td height="98" width="100">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SAMA2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SAMA2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SAMA.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a> 
                                            </div></td>
                                          <td height="98" width="77">
                                            <div align="center">
                                              <a onclick="return false;" href= "http://www.kreavie.ca/images/stylos/SOMR2.gif">
                                                <span>
                                                  <img alt= "img" src="http://www.kreavie.ca/images/stylos/SOMR2.gif" border= "1" height="333" width="250">
                                                </span>
                                                <img alt="img" src= "http://www.kreavie.ca/images/stylos/SOMR.gif" style= "border: 1px solid #A0856B" height="96" width="72"></a> 
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td height="33" width="102">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SOSV (vert)
                                              </font>
                                            </div></td>
                                          <td height="33" width="102">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SOSN (nacr&eacute;)
                                              </font>
                                            </div></td>
                                          <td height="33" width="75">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SCOS (cuivre)
                                              </font>
                                            </div></td>
                                          <td height="33" width="100">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SAMA (c/or/na)
                                              </font>
                                            </div></td>
                                          <td height="33" width="77">
                                            <div align="center" class="Style5">
                                              <font color="white" size= "1"> SOMR (c/or/rg)
                                              </font>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td colspan="2" rowspan="2" height="43" width="205">
                                            <div align="justify" class="Style3">
                                              <p>
                                                <font style="font-size: 8pt"> Les montures des stylos sont : Plaqu&eacute; Or 24 Carat ou Plaqu&eacute; Chrome, suivant les r&eacute;f&eacute;rences. Nos stylos utilisent des cartouches de type Cross&reg;.
                                                </font>
                                              </p>
                                              <p>
                                                <font style="font-size: 8pt"> Pour un rendu encore plus luxueux, un service de gravure est offert sur demande, il est effectu&eacute; par un bijoutier certifi&eacute;. (en sus)
                                                </font>
                                              </p>
                                              <p> &nbsp;
                                              </p>
                                            </div></td>
                                          <td height="15" width="75">
                                            <div align="center">
                                              <span class="Style2">
                                                <font size= "4"> 30$
                                                </font>
                                              </span>
                                            </div></td>
                                          <td colspan="2" rowspan="2" height="43" width="150">
                                            <form action="http://ww10.aitsafe.com/cf/add.cfm" method="post" target="_top">
                                              <input type="hidden" name="userid" value="C9136570">
                                              <input type="hidden" name="return" value= "www.kreavie.ca/produits/index.html">
                                              <p>
                                                <label>
                                                  <select name="product[]" size="1" style= "text-transform: uppercase;">
                                                    <option value="SOSO-Stylo Plaqu&eacute; Or 24 Carat- Or" selected> SOSO
                                                    </option>
                                                    <option value="SASA-Stylo Plaqu&eacute; Chrome-Argent"> SASA
                                                    </option>
                                                    <option value="SASB-Stylo Plaqu&eacute; Chrome-Bleu"> SASB
                                                    </option>
                                                    <option value="SOSC-Stylo Plaqu&eacute; Or 24 Carat-Beige"> SOSC
                                                    </option>
                                                    <option value= "SOSR-Stylo Plaqu&eacute; Or 24 Carat- Orang&eacute;"> SOSR
                                                    </option>
                                                    <option value="SOSV-Stylo Plaqu&eacute; Or 24 Carat-Vert"> SOSV
                                                    </option>
                                                    <option value="SOSN-Stylo Plaqu&eacute; Or 24 Carat- Nacre"> SOSN
                                                    </option>
                                                    <option value="SCOS-Stylo Plaqu&eacute; Or 24 Carat-Cuivre"> SCOS
                                                    </option>
                                                    <option value= "SAMA-Stylo Plaqu&eacute; Or 24 Carat-Cuivre/Or/Nacre"> SAMA
                                                    </option>
                                                    <option value= "SOMR-Stylo Plau&eacute; Or 24 Carat- Rouge/Or/Cuivre"> SOMR
                                                    </option>
                                                  </select>
                                                  <br>
                                                </label>
                                              </p>
                                              <p>
                                                <label>
                                                  <input type="hidden" name="price" value="30.00">
                                                  <input name="Add" type="submit" id="Add" value= "Ajouter au panier">
                                                </label>
                                              </p>
                                              <input type="hidden" name="userid" value="C9136570">
                                              <input type= "hidden" name="return" value= "www.kreavie.ca/produits/index.html">
                                            </form>
                                            <form action="http://ww10.aitsafe.com/cf/review.cfm" method="post" name="form2" id="form2" target="_top">
                                              <input type="hidden" name= "userid" value="C9136570">
                                              <input type="hidden" name="return" value="www.kreavie.ca/produits/index.html">
                                              <label>
                                                <input name= "Cart" type="submit" id="Cart" value= "Voir votre panier">
                                              </label>
                                            </form></td>
                                        </tr>
                                        <tr>
                                          <td height="22" width="75">
                                            &nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td height="99" colspan="2" rowspan="3" width="205">
                                            <div align="justify">
                                              <p>
                                                <font style="font-size: 8pt"> Nous personnalisons vos stylos au moyen du transfert d'image. Cela signifie qu'avec un papier sp&eacute;cifique, nous imprimons vos logos ou noms. Pour cela, il vous suffit d'indiquer dans le panier d'achat&nbsp; (dans la case appropri&eacute;e) vos personnalisations .
                                                </font>
                                              </p>
                                              <p>
                                                <font style="font-size: 8pt"> Pour les logos, envoyez-les nous sous les formats
                                                </font>
                                              </p>
                                            </div></td>
                                          <td height="19" width="75">
                                            <div align="center" class="Style2">
                                              <b>
                                                <font size="4" color= "#9D8B79"> 5$
                                                </font></b>
                                            </div></td>
                                          <td colspan="2" rowspan="3" height="99" width="150">
                                            <br>
                                            <br>
                                            <form action="http://ww10.aitsafe.com/cf/add.cfm" method="post" target="_top">
                                              <input type="hidden" name="userid" value="C9136570">
                                              <input type="hidden" name="return" value= "www.kreavie.ca/produits/index.html">
                                              <label>
                                                <select name= "product[]" size="1" style="text-transform: uppercase;">
                                                  <option selected value="PERSO-Personnalisation"> PERSO
                                                  </option>
                                                </select>
                                                <br>
                                              </label>
                                              <p>
                                                <label>
                                                  <input type="hidden" name="price" value="5.00">
                                                  <input name="Add2" type="submit" id="Add2" value= "Ajouter au panier">
                                                </label>
                                              </p>
                                            </form>
                                            <form action="http://ww10.aitsafe.com/cf/review.cfm" method="post" name="form4" id="form4" target="_top">
                                              <input type="hidden" name= "userid" value="C9136570">
                                              <input type="hidden" name="return" value="www.kreavie.ca/produits/index.html">
                                              <label>
                                                <input name= "Cart2" type="submit" id="Cart2" value= "Voir votre panier">
                                              </label>
                                            </form></td>
                                        </tr>
                                        <tr>
                                          <td height="35" width="75">
                                            &nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td height="39" width="75">
                                            &nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td colspan="2" height="11" width="205"></td>
                                          <td height="11" width="75"></td>
                                          <td colspan="2" height="11" width="150"></td>
                                        </tr>
                                        <tr>
                                          <td rowspan="2" height="78" width="102">
                                            <div align="center">
                                              <img src="/images/stylos/P1100606.gif" alt= "EXPBR" name="EXPBR" border="1" id="EXPBR" longdesc= "/images/stylos/P1100606.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
                                            </div></td>
                                          <td rowspan="2" height="78" width="102">
                                            <div align="center">
                                              <img src="/images/stylos/P1100596.gif" alt= "EXPER" name="EXPER" border="1" id="EXPER" longdesc= "/images/stylos/P1100596.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
                                            </div></td>
                                          <td height="17" class="Style2" width="75">
                                            <div align="center" class="Style2">
                                              <font size="4"> 5$
                                              </font>
                                            </div></td>
                                          <td colspan="2" rowspan="2" height="78" width="150">
                                            <br>
                                            <br>
                                            <form name="form5" method="post" action= "http://ww10.aitsafe.com/cf/add.cfm" target="_top">
                                              <input type= "hidden" name="userid" value="C9136570">
                                              <input type="hidden" name= "return" value="www.kreavie.ca/produits/index.html">
                                              <label>
                                                <select name="product[]" size="1" style="text-transform: uppercase;">
                                                  <option value="EXPB- Bo&icirc;te bois de rose-1 stylo" selected> EXPBR
                                                  </option>
                                                  <option value="EXER- Bo&icirc;te &eacute;rable-1 stylo"> EXPER
                                                  </option>
                                                </select>
                                                <br>
                                              </label>
                                              <p>
                                                <label>
                                                  <input type="hidden" name="price" value="5.00">
                                                  <input name="Add3" type="submit" id="Add3" value= "Ajouter au panier">
                                                </label>
                                              </p>
                                            </form>
                                            <form name="form6" method="post" action= "http://ww10.aitsafe.com/cf/review.cfm" target="_top">
                                              <input type= "hidden" name="userid" value="C9136570">
                                              <input type="hidden" name= "return" value="www.kreavie.ca/produits/index.html">
                                              <label>
                                                <input name="Cart3" type="submit" id="Cart3" value= "Voir votre panier">
                                              </label>
                                            </form></td>
                                        </tr>
                                        <tr>
                                          <td height="55" width="75">
                                            &nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td height="11" width="102">
                                            <div align="center" class="Style5">
                                              <font color="white"> EXPBR (bois de rose)
                                              </font>
                                            </div></td>
                                          <td class="Style1" height="11" width="102">
                                            <div align="center" class="Style5">
                                              <font color="white"> EXPER (&Eacute;rable)
                                              </font>
                                            </div></td>
                                          <td height="11" width="75">
                                            &nbsp;</td>
                                          <td height="11" width="100">
                                            &nbsp;</td>
                                          <td height="11" width="77">
                                            &nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td height="11" width="102"></td>
                                          <td height="11" width="102"></td>
                                          <td height="11" width="75"></td>
                                          <td height="11" width="100"></td>
                                          <td height="11" width="77"></td>
                                        </tr>
                                        <tr>
                                          <td height="11" width="102"></td>
                                          <td height="11" width="102"></td>
                                          <td height="11" width="75"></td>
                                          <td height="11" width="100"></td>
                                          <td height="11" width="77"></td>
                                        </tr>
                                        <tr>
                                          <td height="1" width="102"></td>
                                          <td colspan="2" height="1" width="178">
                                            <div align="center" class="Style4">
                                              <b>
                                                <font size= "1"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                  <a target="_top" href= "http://www.kreavie.ca/produits/index.html">(Pr&eacute;c&eacute;dent)</a>
                                                </font></b>
                                            </div></td>
                                          <td height="1" width="100"></td>
                                          <td height="1" width="77" bgcolor="#4A3826"> &nbsp;
                                            <p> &nbsp;
                                            </p>
                                            <p> &nbsp;
                                            </p>
                                            <p> &nbsp;
                                            </p>
                                            <p> &nbsp;
                                            </p>
                                            <p> &nbsp;
                                            </p>
                                            <p> &nbsp;
                                            </p></td>
                                        </tr>
                                      </table>
                                    </center>
                                  </div></td>
                                <td valign="top" width="1" height="624"></td>
                              </tr>
                            </table></td>
                        </tr>
                        <tr>
                          <td valign="top" width="710" height="1"></td>
                        </tr>
                      </table></td>
                    <td valign="top" width="5" height="438"></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </body>
</html>


bon moi j ai mis les url en absolue mais c est cela le principe !

le code est pas mal nettoye aussi !
RAD
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 21:16
qu'est-ce tu as enlevé ou changé que je fasse la même chose sur les autres pages de produits s.t.p , car si cel allège le code cela est mieux

et merci beaucoup Rad
0
Réponse 17 / 28
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
10 nov. 2007 à 21:24
SALUT

j ai corrige pas mal d erreur de code !!! une </div> en trop, ajoute des alt , remplacer des center par des middle sur les image , ajoute la meta iso ect ect :-))

il ne reste plus que 4 ou 5 erreurs pour passer la validation W3C

RAD
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 22:12
salut Rad !

ça gaze ?

pour la validation je n'y serais pas déjà allé, mais après tout pourquoi pas !!!
tu l'as passé au TidyGUI ?

pour Chocolat : regarde le code nettoyé par Rad, la première chose à faire c'est indenter le code !!!
c'est à dire ajouter une tabulation à chaque nouvelle imbrication de balise.
0
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 22:12
j'ai essayé aussi pour cela mais le code ne devient jamais bleu il reste toujours noir

<div align="center">
<img src="/images/stylos/P1100606.gif" alt= "EXPBR" name="EXPBR" border="1" id="EXPBR" longdesc= "/images/stylos/P1100606.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
</div></td>
<td rowspan="2" height="78" width="102">
<div align="center">
<img src="/images/stylos/P1100596.gif" alt= "EXPER" name="EXPER" border="1" id="EXPER" longdesc= "/images/stylos/P1100596.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
</div></td>

là il n'y est pas car je l'ai enlevé de peur de faire des bêtises

et pourtant j'ai fait comme les stylos
je dois comprendre car j'ai aussi la page des lampions à faire et les autres

merci Rad
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 22:20
pour le code c'est avec ce bouton.
0
Réponse 18 / 28
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
10 nov. 2007 à 22:35
SALUT Dalida

j ai dabord dus le modifier manuelement car certaines erreur interdisaent le passage sur tydi

puis je l ai passer a tydi et reindente ensuite !

RAD

0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
10 nov. 2007 à 22:37
c'est du travail de légionnaire romain ça !!!
moi j'ai pas eu le courage…
0
Réponse 19 / 28
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
10 nov. 2007 à 22:40
lool non 5 - 10 mn pas plus :-))
0
Réponse 20 / 28
chocolat2006 Messages postés 51 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 15 novembre 2007
10 nov. 2007 à 23:01
désolée les gars je suis pas pro mais artiste et chocolatière et honnêtement je lutte à faire un site pro mais grâce à vous j'y parviens.

Je réponds pas vite car avec le code nettoyé par Rad, je fais aussi les changement sur la page des stylos en anglais et je dois dire qu'à force d'avoir la tête penchée vers l'avant je commence à ressembler à une tortue.haha


pour Dalida

pour le code c'est avec ce bouton. non je disais que j'essaie de faire pareil que Rad mais pour cette partie

<div align="center">
<img src="/images/stylos/P1100606.gif" alt= "EXPBR" name="EXPBR" border="1" id="EXPBR" longdesc= "/images/stylos/P1100606.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
</div></td>
<td rowspan="2" height="78" width="102">
<div align="center">
<img src="/images/stylos/P1100596.gif" alt= "EXPER" name="EXPER" border="1" id="EXPER" longdesc= "/images/stylos/P1100596.gif" style="border: 1px solid #A0856B" align="middle" width="100" height="75">
</div></td>

et j'y arrive pas alors je cherche mais là je nettoie la partie anglaise et après je dois faire
http://www.kreavie.ca/produits/cadre-lampions.html
avec les agrandissements et le nettoyage et pareil pour la page anglaise et je vais pouvoir créer les autres pages avec la base que m'a donnée Rad pour que cela soit propre!
et fo aussi que je change mes photos et que je fasse mes textes (mais ça c'est le plus facile)

Et la bonne nouvelle?? IL DOIT ETRE FINI POUR LUNDI SOI...aaahh je dors quand??
0

Discussions similaires

Conhost.exe
ThaBestGamer -
bazfile -

3 réponses
autocad :fenetre ouvir/enrigistrer a disparu
pierrrou -
Pnic974 -

65 réponses
iCloud affichage fenêtres intempestives. Réglages impossible.
jemlabd -
jemlabd -

9 réponses
Fenêtre firefox réduite
fredfoc -
MPMP10 -

4 réponses
Caler une adresse au niveau de la fenêtre d'une enveloppe
®omain -
kent -

15 réponses