libelinfo

une autre solution consiste à précharger les images avant.. je ne sais pas si vous avez utilisé une librairie pour ça mais avec mootools, il existe la fonction suivantes : Asset.images qui permet de stocker les images voulue dans un tableau. exemple : var tbl_imgs = new Asset.images(['chemin/image1','chemin/image2', etc. ], onProgress: function(counter, index){ // ce qui se passe pendant le chargement, donc on peut afficher ici un gif de chargement et / ou un message. // on affecte à chaque image du tableau un id nommé "image_tableau" tbl_imgs[index].setProperty('id', 'image_tableau'); }, onComplete: function() { // ce qui se passe une fois que le chargement est terminé. } }); ensuite, on appel les images à partir du tableau : appel de l'image x à partir de son index de manière à ce qu'elle remplace l'image déjà présente qui a l'id "image_tableau" tbl_imgs[index].replaces($('image_tableau'));

bonjour, en théorie c'est bien à l'agence web de vous envoyer le document. celui-ci doit exposer, en gros, un résumé du travail effectué ainsi que son prix et doit être signé par les deux parties (et daté biensûr). (attention il ne s'agit pas de la facture). pour le reste je ne préfère pas trop m'avancer car étant en portage, les formulations etc. peuvent être différentes, on ce qui me concerne, ce document là se nomme le compte rendu d'activité.

dans ce cas le souci pourrait plutôt venir de $domaine et $famille qui elles ne sont peut peut être pas initialisées comme il le faudrait ?

autre possibilité, la variable est-elle déclarée dans une fonction ?

est-ce que par hasard la variable ne serait pas est redécalrée dans le fichier qui fait appel à libellesen.php ?

quand on clique sur l'image d'un produit c'est bien ça ? et bien.. ce n'est pas du flash.. mais du javascript. de nombreux frameworks permettent ce genre de choses comme "mootools" ou encore JQuery. il existe des tonnes d'exemple sur le net, il suffit de faire une recherche sur google avec les mots "javascript lightbox" bonne chasse

sous firefox il existe un petit addon très pratique pour ça : "ScreenGrab!"

donc en gros, l'intégration en "div" implique surtout qu'on travail avec des "blocs" et la feuille de style. tous passe par les styles en fait en se basant essentiellement sur des float et des display sachant que ces attributs là peuvent être appliqués à toutes les balises ou presques : un <span> <p> <h1> <label> etc. etc. peuvent être travaillés en tant que blocs ça rend le code nettement plus propre et plus lisible, les tableaux sont encore utilisés mais dans des cas particuliers où on a vraiment besoin de tableaux pour de longs listings par exemple avec plusieurs colonnes. donc... voilà ce que pourrait donner ton code html dans les grandes lignes : <div id="bloc_page"> <div id="header"> <span style="float:left">HEADER</span> <div id="connection_header"> <img src="connectezvous.png" height="26" width="125" /><br /> <img src="ligne_connectezvous.png" height="2" width="162" /> <form name="login" method="post" action="http://www.chat-europe.com/connexion.html"> <label for "pseudo">Pseudo</label><br /> <input value="" name="pseudo" id="pseudo" class="formulaire" type="text" /><br /> <label for "password">Mot de passe</label><br /> <input name="password" id="password" class="formulaire" type="password" /><br /> <div class="centrer"> <input src="valider.png" type="image" /><br /> <a href="http://www.chat-europe.com/inscription.html" class="type1">Pas encore inscrit ?</a><br /> <a href="http://www.chat-europe.com/forgot.html" class="type1">Mot de passe oublié ?</a> </div> </form> </div> </div> <div id="dedicace"> <span>Dédicaces : </span> <div id="texte_défilant">ton texte défilant (ce serait mieux d'éviter une iframe pour ça. au passage, tu peux utiliser le div #texte_défilant directement + du javascript )</div> </div> <div id="contenu"> <div id="col_gauche">COLONNE GAUCHE</div> <div id="centre">COLONNE CENTRALE</div> <div id="col_droite">COLONNE DROITE</div> </div> </div> et ta feuille de style : BODY { font-family: Arial,Helvetica,sans-serif; font-size: 12px; } div { display:block; } #bloc_page { width : 1000px; /* les padding vont servir à contenir proprement les éléments enfants tout en laissant s'afficher les ombres droite et gauche*/ padding-left:12px; padding-right:12px; /* centre ton div au milieu de la page */ margin-left : auto; margin-right : auto; /* on repète sur l'axe Y une image de fond pour avoir les ombres du côté gauche et du côté droit de ta page en la callant à partir du coin supérieur gauche de ton DIV */ background: url('image de fond avec les ombres gauche et droite') repeat-y top left; /* simple repère visuel pour savoir où on en est */ border:1px solid red; } /* DEBUT DU HEADER */ #header { /* on indique juste la hauteur étant donné que le div est à 100% en largeur à défaut d'indication contraire */ height: 238px; background: url('bandeau en fond du header') no-repeat top left; /* simple repère visuel pour savoir où on en est */ border:1px solid green; } #connection_header { /* cette fois ci on doit lui indiquer une taille en largeur et hauteur*/ width:190px; height:210px; /* on le cale à droite dans le div parent càd de #header*/ float:right; /* on rajoute un espace de 10px de chaque côté pour éviter que les éléments soient collés contre le bord du notre div */ padding-left:10px; padding-right:10px; /* simple repère visuel pour savoir où on en est */ border:1px solid black; background-color:#FFF; } /* ATTENTION STYLE IMBRIQUÉ : indique que le style appliqué à ce formulaire ne concerne QUE ce formulaire et TOUS les éléments qui composent CE formulaire et dont le parent est #connection_header */ #connection_header { /* on ajoute une marge de 15x au dessus du div */ margin-top:15px; } /* style appliqué aux images, champ de saisie, champ de mot de passe et label dépendant du div #connection_header, chaque élément et séparé par une virgule, ce qui évite de répéter ce même style 4 fois */ #connection_header img, #connection_header input[type="text"], #connection_header input[type="password"], #connection_header label { /* interdit qu'un élément aille se coller à la gauche ou à la droite du bloc */ clear:both; /* cale l'element à gauche */ float:left; } #connection_header label { /* on ajoute juste à l'objet "label" une marge de 4px au dessus, ce style s'ajoute donc au précédent */ margin-top:4px; } /* là il s'agit d'une classe que l'on pourra éventuellement réutiliser ailleur */ .centrer { margin-left:auto; margin-right:auto; /* on le met en inline block pour imposer un bloc avec un affichage sur une nouvelle ligne et contenant du texte */ display:inline-block; padding-top:15px; text-align:center; width:100%; /* pour IE qui fait des siennes */ /* simple repère visuel pour savoir où on en est */ border:1px solid silver; } /* FIN DU HEADER */ /* DEBUT DE DEDICACE */ #dedicace { display:inline-block; width:100%; /* simple repère visuel pour savoir où on en est */ border:1px solid black; } /* là pas de style "nommé" on sait juste que ce style va s'appliquer à TOUS les SPAN contenus dans #dedicace (en l'occurence un seul dans notre cas) */ #dedicace span { /* correspond au titre que l'on colle à gauche */ float:left; /* petite marge de 10px à droite */ margin-right:10px; } /* idem que ci dessus, pas style "nommé", va s'appliquer à TOUS les DIV contenus dans #dedicace, correspond donc au div "texte_défilant", on aurait aussi pût le noter de cette façon : #dedicace #texte_défilant */ #dedicace div { /* simple repère visuel pour savoir où on en est */ border:1px solid maroon; } /* FIN DE DEDICACE */ /* DEBUT CONTENU */ #contenu { border:1px solid blue; display:inline-block; } /* col_gauche et col_droite aurait pû être noté ainsi : #col_gauche, #col_droite au lieu de faire deux styles séparés mais pour le coup j'ai préférée les distinguer pour plus de compréhension */ #col_gauche { width:200px; /* hauteur à titre indicatif histoire d'y voir plus clair dans l'état actuel de la page */ height:100px; float:left; /* simple repère visuel pour savoir où on en est */ border:1px solid #096; } #centre { width:592px; float:left; /* hauteur à titre indicatif histoire d'y voir plus clair dans l'état actuel de la page */ height:100px; /* simple repère visuel pour savoir où on en est */ border:1px solid red; } #col_droite { width:200px; float:left; /* hauteur à titre indicatif histoire d'y voir plus clair dans l'état actuel de la page */ height:100px; /* simple repère visuel pour savoir où on en est */ border:1px solid #096; } /* FIN CONTENU */ /* ELEMENT DIVERS REPRIS DE LA FEUILLE DE STYLE ORIGINALE */ a.type1 { text-decoration: none; color: rgb(255, 173, 9); font-weight: bold; } /* on ajoute juste text-decoration qui va s'ajouter au style déjà définit ci-dessus */ a.type1:hover { text-decoration: underline overline; } comme tu le vois, ton code html est du coup simplifié et toute ta mise en page se trouve dans la feuille de style. tu trouveras sur le net de nombreux tuto sur le sujet mais je t'ajoute quand même un lien, la "bible" du CSS : http://fr.selfhtml.org/ (pas récent mais très pratique et toujours d'actualité) et plus précisément cette page : http://fr.selfhtml.org/navigation/css.htm et celle-ci http://fr.selfhtml.org/navigation/quickbar/index.htm et... bienvenu dans l'intégration en "div"

donc finalement j'ai trouvée ton site, je n'ai pas l'impression que ta feuille de style soit fautive. après un passage rapide : le problème semble plutôt venir de multiples tableaux imbriqués les uns dans les autres, à éviter (sans vouloir me montrer une extrêmiste de l'intégration façon "web2"), ça alourdie considérablement une page. l'intégration avec des DIV est beaucoup plus propre est plus légère. autre souci avec les tableaux : les colspan et rowspan, à éviter aussi. c'est une vraie galère pour faire une intégration propre, la preuve sous IE qui gère très mal les hauteurs ou largeur de cellules. autres soucis rencontrés : tu as un <h1 style="font-size: 0px;"> --- </h1> qui se balade tout seul en haut de la page (je comprend pas tellement à quoi il sert... ) et le font-size: 0px n'est pas prit en compte par IE certaines cellules ont un style introuvable dans la feuille de style (<td class="style1">) par contre je ne m'explique pas pourquoi IE affiche la typo aussi grosse dans la section "derniers inscrits"... peut être lui assigner une taille pour le tableau de ton header, il peut parfois arriver qu'un "espace fantôme" s'affiche si les balises de fermetures sont après un saut de ligne, donc, essayer en les mettant sur la même ligne : <tr> <td> cellule de text </td></tr> au lieu de de : <tr> <td> cellule de text </td> </tr> je regarderai le reste en détails plus tard

difficile de se rendre compte sans le source de la page... serait il possible d'avoir le source ou le lien vers la page ?

pour ça c'est très simple, il suffit de : mettre dans une même image tes deux boutons l'un au dessus de l'autre, donc tu te retrouves avec une image qui va faire, dans ton cas précis : 20 + 20 => 40px de haut. et ta feuille de style va donner ceci : sur le a:hover on décale juste l'image à l'aide du background-position:bottom left; .element_menu a { background:transparent url(../img/av_double.gif) no-repeat scroll top left; /* on place l'image en haut à gauche du bloc */ color:RoyalBlue; display:block; height:24px; margin:5px 0 0 0; padding-left:5px; width:103px; /*108 (taille originale de ton image) - 5 valeur de ton padding-left */ } /* au passage de la souris sur ton lien, l'image est juste décalée pour avoir l'effet de "roll-over" */ .element_menu a:hover { background-position:bottom left; /* on place l'image en bas à gauche du bloc */ }

le "padding" est une petite bête sournoise.. il faut savoir que lorsqu'on a un bloc, quel qu'il soit et qu'on lui indique une largeur et/ou une hauteur en % ou px + un padding, la taille de bloc devient dans les faits : width : valeurs indiquée + valeur du padding-left / right. donc si ton bloc fait : 200px et que tu lui ajoute un padding de 5x à gauche et 5px à droite, ton bloc se retrouve avec une taille de 210px. il faut donc soustraire les valeurs du padding à celle de la longueur indiquée ce qui donne dans ton cas: .element_menu a background:transparent url(../img/av.gif) repeat scroll 0 0; color:RoyalBlue; display:block; height:24px; margin:5px 0 0 0; padding-left:5px; width:103px; /*108 (taille originale de ton image) - 5 valeur de ton padding-left */ } le fonctionnement est le même pour la hauteur et padding-top / bottom

pour ça, tu fais comme te l'a indiqué yuston mais en plus tu indiques une taille à ton bloc <a>, ce qui donne : .element_menu a{ background:url("../img/av.gif"); color:RoyalBlue; display:block; margin: 1px 2px 0 0; width : 108px; /*longueur de ton image*/ height : 20px; /*hauteur de ton image*/ } ensuite à toi de jouer eventuellement avec un padding ou un margin

une solution consisterait à la retracer en vectoriel. prendre l'image en fond, et retracer par dessus en courbes de beziers. de la même manière tu pourra aussi y adapter un drapeau anglais ou autre. une fois en vecteurs, tu peux alors la redimensionner à l'échelle que tu souhaites

fotolia.fr est pas mal aussi

et il y aussi le cas des retours à la ligne auto ou non "white-space" je n'ai pas voulue rentrer dans les détails, peut-être à tort

tant que tu indiques une valeur en hauteur (height) (idem pour la largeur) que se soit pour les DIV ou les cellules de tableaux ou tout autre éléments, cette valeur, quelle qu'elle soit, annule le rendimensionnement. si tu ne veux pas voir d'ascenseur il faut alors supprimer la valeur height de ton style .fenetretexte ligne 96 ainsi que l'overflow-y dans ton css ainsi que la valeur height de ta cellule à la ligne 112 de ton code html.

de rien mais.... en théorie, sauf quelques rares cas, tu ne devrais pas avoir besoin d'indiquer une hauteur à tes cellules. elles se redimensionnent en fonction de leur contenu

bonjour, en regardant rapidement j'ai un peu de mal à comprendre pourquoi tu places et des tableaux imbriqués dans d'autre tableaux avec des DIV dans les cellules... d'autre part, j'ai l'impression que ton souci vient de là : <td valign="top" height="6356"> de quoi avoir le vertige

complètement d'accord avec baulet sur le site d'une municipalité ce n'est pas ce que je cherche, comme dit précédemment des informations pratiques / administratives / culturelle etc. mais pas "politique". à la rigueur s'il y a un "billet du maire", un article où il se présente, l'information peut y être indiquée et encore...

flash pourrait être une bonne alternative dans le cas présent

pour ça il faudrait le tester... attention à la version de php, ce script fonctionne pour php 3 et 4

ok, je vois disons qu'un serveur php local et en l'occurrence wamp reste totalement aveugle à tout ce qui se passe en dehors de localhost donc de son dossier "www". à ma connaissance, il n'est pas possible d'aller chercher un dossier ou un fichier de cette manière s'il est ailleurs.

ce n'était pas mon intention mais justement je voulais de précisions quant au reste

heu.. houla si je comprend bien ta phrase, tu voudrais en quelque sorte transformer ton PC en serveur accessible depuis le net ?? c'est assez peu recommandé pour x raison de sécurité...