Lurch

Pas de réaction ? Monique n'est pas encore venue m'étriper ???

super idée !!! La véritée tout nue : pourquoi je ne suis pas devenu une star ! Et dans la page, en accroche : Le témoignage de Sophie Marceau... La photo avec Jennifer Aniston ! Sorry

Oui je viens de voir ça (sûrement l'anim du titre...) et je n'y pige pas grand chose en javascript, je verrai demain. haha ! merci ! Je vais mettre un lien de mon site vers ma fiche du Hub ! Là, si on ne me jette pas des pierres, je ne comprendrai pas ! Edit : Tu me fais penser que je vais peut-être changer le titre. "C'est Ma Zique - Pourquoi je ne suis pas devenu une star !" Accrocheur et pis je me positionne sur le mot "star" c'est pas mal ! Edit [bis] Il semble que l'erreur de javascript se trouve là : M'sieur Javascript est allergique à CDATA

Seb, tu as quoi comme matos ? C'est peut-être parce que je modifiais et re-modifiais et re-re (etc...). Tu es peut-être tombé au mauvais moment. J'ai commencé la validation :les fichiers css valifés, les 2 menus + la page accueil + le titres (la bannière c'est que du code) et + la page musique validés xhtml trans. Je continuerai le reste + tard. De toutes façons, l'annuaire et les annonces sont invalidables car services hébergés et je n'ai que très peu accès au code (déjà, pas de doc type....) Pour le fun j'ai passé l'annu au validator (le terrible) : 144 erreurs !! ps : je viens de vérifier, sur l'accueil du site j'ai 1 erreur de script

Bonjour ! La nouvelle version de mon site est en ligne : http://cmazik.net Vos critiques et observations sont les bienvenues ! Je l'ai testé sous IE6 et Firefox sous PC et ça semble fonctionner. Une amie l'a testé sous Mac + IE et il y a des problèmes de textes qui dépassent... J'ai encore quelques finitions à faire mais dans l'ensemble il a l'air exploitable. Voilà, merci d'avance !

Nom d'une cigogne déplumée ! Si c'est cette page que tu n'arrives pas à faire tourner, c'est normal ! Je t'ai donné la page corrigée et tu ne l'utilises pas (tu n'avais plus qu'à enregistrer la page "index.html" et la renommer en "pomotion02.htm" , y replacer ton menu et faire pareil pour le css). Ta page a une mauvaise structure car tu ouvres un bloc principal, <div class="page"> et à l'intérieur tu as mis : 1 - ton menu <div class="menu">....</DIV> 2 - un paragraphe de texte <p class="argantxt1"> puis un autre paragraphe de texte <p class="argantxt3"> et ainsi de suite jusqu'à... <p class="argantxt5"> 5 paragraphes entrés dans le bloc principal, avec la balise < class="xxx"> c'est à dire que tu forces chaque paragraphe à se comporter comme un bloc avec le <p>. Mais pourquoi n'utilises-tu pas le <div> ???? C'est fait pour ça ! Voilà ce que donne la 1ère partie de ton texte selon ta construction : PLus loin, l'image qui doit se trouver à gauche du texte : Et le CSS correspondant : Tout en absolu, "forçant" les positions, sans que rien ne soit ordonné dans un même bloc. C'est plus rationnel de faire : un paragraphe + l'image qui va avec = un même bloc. [ <div class"paragraphe1"> texte + image</div> ] Et, avec "float" tu cales ton image à droite ou à gauche tu texte. Sinon, même un verre de lait n'y retrouvera pas sa fraise !! Je t'avais refais le même passage ainsi : Comme tu vois, ici tu as dans un même bloc le texte et l'image. Le CSS qui correspond : .paragr01 donne les paramètres du bloc, ici uniquement un espace en haut de 5% (pas besoin de plus !) .foto01 donne le reste : "float:left" et "width:200px" indiquent que l'image doit se coller sur le bord gauche du bloc (paragr01) et occuper la surface à droite sur une longueur de 200 pixels (longueur de l'image) "padding-right:5%" indique qu'il y a un espace de 5% qui doit rester vide à droite de l'image. "height:174px" indique que la hauteur de l'image est de 174 pixels. Pourquoi dans ce cas il n'est pas besoin d'indiquer les hauteur et largeur du bloc dans .paragr01 ? Parce que c'est la taille de l'image qui importe (c'est le seul objet qui n'est pas flexible dans ce bloc). En fait, le bloc va prendre la hauteur de l'image (174px) sauf si le texte est trop long. Dans ce cas, le bloc prenda la hauteur qu'il faut et, si tu veux que des lignes de texte ne viennent pas se coller à gauche, sous l'image, tu peux jouer avec "padding-bottom" dans les attributs de style de l'image. Ainsi tout le texte sera aligné sur une même marge (à 5% du bord droit de l'image). Ce n'est pas le cas ici, mais c'est le cas pour le paragraphe suivant dans ta page. Mais, le plus important, tu vois bien qu'avec cette construction EN RELATIF et avec des % tu te moques en fait des mensurations du bloc. Le texte s'installe automatiquement dans la place qui rese libre. Et ce, même en redimensionnant la fenêtre du butineur. Toute ta page dois être construite ainsi. De la même façon, J'avais mis le logo dans un bloc (.titre je crois) mais sans "float" puisque le logo doit être centré. Mais AUCUN des blocs que je t'ai proposés n'est en position absolue. Et ainsi ton footer trouve sa place ans aucun problème. Si avec tout ça, tu n'y arrives pas, je n'ai plus qu'à prendre le train pour t'aider mais très grosse facture de lait-fraise en vue !!! [ on y ajoutera une bouillabaisse]

Et tu trouveras ta page et ton css corrigés ICI Bon, il te restera à faire des choses mais le footer est bien en bas et je t'ai restructuré tout ça [Et 1 gros camion-citerne de lait-fraise pour moi ! ]

Normal elle est un peu carabistouillée ta structure de page... Je ne peux pas t'envoyer les fichiers sans ton e-mail (je ne crois pas que l'on puisse uloader avec les MP)

Je regarde ton css et j'y vois pas mal de positions absolues encore. Pour les blocs qui viennent directement dans le bloc "page", essaie de les mettre en relatif. Et le script js en début de ta page ? c'est pour quoi ? ce n'est pas le truc qu'il es poposé dans l'article que l'on nous a communiqué ? Si oui, ça ne convient peut-être pas avec ma solution. [Edit : j'ai vu c'est pour le menu] Un conseil :pour t'y retrouver dans tes blocs quand tu testes ta page, pense à les colorier d'un fond (ou mettre des bordures colorées) provisoirement. Je fais comme ça et on voit mieux la place de chaque bloc et ses limites. Edit : Je regarde de + près ton css. Effectivement, c'est un peu carabistouillé ! Bon, je t'ai arrangé le .page, ton logo ne va pas du tout, enfin je te donne le truc un peu corrigé tout à l'heure.]

Tu as écris : Je pense qu'il faut mettre le clear ailleurs :

Et de l'aspirine aussi, j'ai un peu mal au crâne... Le gros truc c'est d'éviter les positions absolues (bis repetita) et de bien utiliser le "clear" qui permet de remplir un truc sans qu'il soit visible "visibility:hidden".

Gribouille, je crois que j'ai trouvé la solution. Je développe ça dans un post sur ton autre fil.

Voilà où j'en suis : cela semble fonctionner à peu près. Voilà ce que ça donne : Le CSS Code HTML Dans mon site, j'ai un titre du site, comme tout le monde, mais aussi un titre différent par page que j'appelle ici "titrepage". Je l'ai inclus dans le bloc titre pour plus de facilité mais je ne suis pas certain que cela soit nécessaire. La seule difficulté que je rencontre encore semble être la longueur des côtés. Je vais un peu tricher en faisant des côtés(menu gauche et menu droit) dont le texte sera définitif donc la longueur aussi. Pour le moment j'ai fixé arbitrairement la longueur des côtés à 900px. Le pied de page s'installe sans problème, quelle que soit la longueur du bloc centre gâce à la ligne : <hr class="clear" /> que j"ai mise juste avant la fin du cadre. Cela impose au bas du cadre de descendre sous les autres blocs. Tout ceci a l'air de fonctionner sous IE et sous Firefox et en utilisant le "relative" (car je crois que si on ne renseigne pas l'attribut position, le bloc est en relatif). [ à Pierre Dureau ! ]. J'utilise aussi le plus possible les %. Jusqu'à maintenant, je bloquais sur le positionnement horizontal des côtés c'est pourquoi je les mettais en "absolute" mais avec l'utilisation de "float" ça a l'air de coller. Voilà ! Je vais faire les finitions et me boire 1 bière + 1 lait-fraise. [j'espère que je n'ai pas dis de tros grosses ânneries dans ce post...]

Bon ben moi je suis ce fil de près car je suis en plein dedans. Tout collait mais tout s'écroule avec le footer !! Voilà en gros comment j'ai structuré ma page (mal à l'évidence) : 1- Un Div pour le titre (pos:absolute; top:0; width:90%, margin-left:5%). 2- Un cadre (on dit container quand on est branché si je comprends bien ) pour le reste (pos absolute; top:0; width:90%; margin-let:5%; height:100%). 2 . 1 - Un div centre pour le corps de la page (pos relative; top:0; margin-left:20%; margin-right:20%) 2 . 2 - Un div gauche (pos absolute; top:0; left:0; width:120px; height:800px) 2 . 3 - Un div droit (idem gauche sauf : right:0) Dans l'html, j'ai srtucturé tout ça sur ce principe (en pensant qu'il vaut mieux que le corps de la page soit lu avant le reste ==> accessibilité) : <div class="cadre"> <div class="centre">texte page</DIV> <div class="gauche">menu</div> <div class="droit">texte côté droit</div> </div> <div="titre">TITRE</div> Bon, en plus, comme je suis perfectionniste et que je ne fais jamais simple (déjanté, quoi ) j'avais mis un div "titre page" mais bon je vais simplifier... Bref, là où ça carabistouille complètement, c'est quand les côtés sont plus longs que le centre : pas moyen de mettre une ligne de séparation genre bas de page (même vide) et on a l'impression que les colonnes sont tronquées. J'ai lu les articles conseillés à Gribouille mais là je suis un peu "largué" (cette histoire de hauteur minimum qui n'est pas prise comme il faut par IE et que, donc, il faut piéger avec des <body> plus ou moins exotiques, j'ai mal à la tête...) J'ai recommencé plusieurs fois mon css, plus rien n'est à sa place maintenant. (bon j'ai sauvegardé l'ancien) il ne doit pas manquer grand chose. Maintenant je lis le conseil de Pierre Dureau : "il faut tout mettre en relatif" Bon, ben je dois tout recommencer ? J'ai essayé le "tout relatif" mais j'ai des problèmes de positionnement... Pour cette version j'étais parti des exellents articles de pompage (j'ai peut-être loupé une ligne). Je fatigue beaucoup, là !!!! SOS !!!

Ben pourtant ça passe sur mozzila

Essaie de voir ici pour les menus

J'ai exactement le même point de vue. Je ne suis pas naïf. Il n'empêche que le fait d'accepter expressément que des tiers lisent les courriers c'est quelque chose qui peut être utilisé plus tard pour faire état d'un...état de fait. Nulle intention de ma part de faire un "procès" à toi ou aux utilisateur de Gmail ! Ni même à Google (qui d'ailleurs se fiche pas mal de ce post héhé !). En l'espèce, il n'y a, je pense, aucune intention malveillante mais cela peut être observé d'un oeil appréciateur par d'autres. Mais on ne va pas lancer un débat philosophique ici Puis rien ne dis que je ne me laisserai pas tenter un jour... [Mais c'est peu probable.] Tu parles !

Autant pour moi, en effet! Mais il y a tellement d'infos sur le Hub que je n'ai pas encore fait le tour de tous les articles...

Hello ! J'avais déjà visité (rapidement) ton site que j'ai trouvé très bien présenté mais aujourd'hui je vais essayer de mettre des lunettes de critique. Habituellement je surfe avec IE6 mais cette fois j'ai pris firefox pour voir. La page d'accueil : Ben moi je la trouve très chouette en ce qui concerne la présentation. Sobriété et originialité. Faire, peut-être, sur les liens du bas (nous contacter, etc...) un effet quand la souris passe dessus genre a.hover{text-decoration:underline;} voire même un changement de couleur en rapport avec le vert du logo a.hover{text-decoration:underline; color:#006600;} Quand on clique sur le logo, on arrive à une page de présentation d'Epice. C'est une bonne idée mais, effectivement cela manque de ALT. En effet, on ne sais pas où même ce lien. Et puis, sur ce graphisme pourquoi ne pas rajouter un truc genre "présentation d'Epice" ? Ce n'est pas compliqué à faire avec un logiciel comme Paint Shop Pro. Présentation d'Epice Avec IE6 pas de problème. Avec Firefox, le menu (en jscript ou dhtml, je n'ai pas regardé) déborde de l'écran et le menu déroulant se bloque pafois. D'une façon générale, je rejoins Monique, il est préférable d'aérer tes textes en séparant bien les paragraphes. Je rajouterai que tu devrais essayer de justifier ton texte (text-align:justify) enfin, ça c'est une question de goût... Pour être perfectionniste, ce genre de passage : Essaie de mettre le "aine" de 15aine en exposant ou mieux écris quinzaine. Un dernier truc, que j'avais remarqué l'autre jour : sur la page produits essaie de mettre des images vraiment en rapport (la canne à sucre reviens souvent ). En ce qui concerne le menu, j'ai laissé tombé ce genre de truc, au demeurant très classe, dans la mesure où ça ne passe pas bien sur les butineurs exotiques. Tu n'as pas encore mis de doctype, Monique te le rappellera certainement un jour. Ton CSS Tu as mis une image en fond de page pour une couleur unie. Cette couleur correspond au code : #f7efde. A la place de background-image: url(/fondBeige.gif); essaie : background:#f7efde; Tu allègeras un peu ta page et donc le temps de chargement. A part ça, ton site est vraiment très chouette et, en plus, le sujet m'intéresse. Voilà en ce qui me concerne. PS : le lait-fraise équitable, on y a déjà pensé?

Bonjour ! Je viens de lire ton article. Le fait de savoir que les mails sont lus "électroniquement" par un tiers me fait flipper. Je sais que Google est, à priori une maison sérieuse, que ce n'est que de la lecture "électronique" (je suppose que l'on entend par là une lecture par un robot), que ce n'est que pour cibler la pub... Mais accepter par contrat que l'on lise mes mails, ça je ne peux pas ! C'est ouvrir la porte à bien des abus. La jurisprudence considère que le courriel est du domaine privé, comme le courrier papier. Je crois que les derniers textes votés par le parlement balaient cette notion. Mon côté militant pour le respect des droits fondamentaux se réveille et je ne testerai donc pas gmail.

Et bien, je ne regrette pas d'avoir suivi ce fil ! Pour moi, le flash c'est une animation qui met un temps fou à se charger (je suis en RTC) et qui lasse énormément. C'est pourquoi je suis allergique à ce truc. Et je découvre que le flash sert aussi à faire des graphismes fixes, et qu'en plus c'est léger ??? Ne rigolez pas, cela ouvre de nouveaux horizons pour moi ! Encore un truc à creuser et à apprendre : l'activité de webmaster est décidément très prenante...

Bienvenue dans ce forum ! Content de voir que tu ne t'es pas découragée et, tu verras, on a tous et toutes des choses à apprendre mais aussi à enseigner aux autres. C'est le principe de ce forum qui se distingue par sa richesse en matière de connaissances et par sa convivialité.

Je ne suis pas expert sur la question mais quelques éléments : Tout d'abord il existe des sociétés d'artistes et auteurs de tous genres. Le créateur d'un site est concerné puisqu'il peut faire valoir son droit à la propriété intellectuelle. A mon avis, le moyen le plus simple et le moins onéreux de protéger sa création en tant que webmaster, est de faire valoir ses droits à l'antériorité. En clair, cela veut dire que tu peux te constituer des éléments de preuves qui montrent que tu as "entre tes mains" à une date précise, un logo, un site dans son entier, etc... Et que tu les as mis en ligne à un moment précis. Comment faire ? Et bien, par exemple, on peut imaginer que tu gardes tes fichiers, y compris les "brouillons" sur un cd-rom et que, avant la mise en ligne, tu t'envoies ce cd-rom à toi-même par la poste en recommandé avec AR. Il faut alors garder précieusement ce pli fermé avec l'accusé de réception. Les dates d'envoi et de réception montrent qu'à ce moment tu étais en possession de ces fichiers. Si personne n'est en mesure de démontrer qu'il possédait ces mêmes fichiers avant cette date, tu as un élément de preuve d'antériorité. Il existe également l'enveloppe SOLEAU que tu pourras trouver à l'INPI. Tu peux aussi faire un constat d'huissier de justice. Celui-ci visitera ton site, tel jour, telle heure et constatera (et imprimera) ce qu'il voit (url, descriptif du site, etc...).

Oups ! j'ai été un peu trop rapide et je m'aperçois qu'avec ce lien je t'envoie quasiment là où tu étais. Bon vois ceci : http://www.webmaster-hub.com/index.php?showtopic=2741 En lisant tranquilement les posts. Et je te conseille aussi : http://openweb.eu.org/debutant/ Voilà !

Oui, je viens de voir ta réponse dans l'autre partie du forum. Effectivement, si tu ne connais encore rien au css, ces posts ne peuvent pas être très clairs. Pour comprendre mieux de quoi il s'agit (css, etc...), je te conseille d'aller jeter un oeil ici : http://www.webmaster-hub.com/index.php?showforum=13. Comme tu as pu le constater, le problème de la gestion d'une police exotique sur un site n'est pas facile à résoudre. Je pense, qu'avant d'essayer de chercher une solution concernant la police, tu devrais te renseigner sur les feuilles de styles. Tu découvriras, ainsi, de nouveaus horizons en matières de création de site. Et puis, il faut aller doucement... [Edit]Très sincèrement, je viens de jeter un coup d'oeil très rapide sur ton site et je ne vois pas pourquoi tu t'embêtes avec cette histoire de police. Il présente très bien comme ça (à toute première vue).