Perrine

Bonjour doomer2 J'ai rencontré le même problème avec Opera. C'était parce que j'avais juste mentionné le margin de mon body mais pas le padding. - body {margin:0;} FF et IE ne mettent pas de marge, mais Opera oui - body {margin:0; padding;0} FF, IE et Opera ne mettent aucune marge

Merci beaucoup, ça marche Effectivement Laurent, je suis embêtée car j'ai ce problème dans toutes les pages. Dès que je grossis un peu trop les caractères, certains mots se chevauchent, les div se décalent ... Je ne sais pas encore comment le gérer. Si je revois complètement ma CSS ou si je mets une CSS à disposition avec moins de graphique et qui prennent 100% de la largeur du body.

Bonjour à tous, Dans cette page, j'ai plusieurs <h2 > avec pour chacun, un retour en haut de page. Extrait du code pour le premier < h2 > de la page : <a name="chap1"></a><h2>Chapitre 1 - Préambule</h2> <p class="up"><a href="#up" title="Atteindre le haut de la page">haut</a></p> Extrait du CSS pour ces 2 balises : h2{ font-size:0.8em; color:#E3CF88; padding:5px 50px 5px 10px; background-color:#300C0E; margin:40px 0px 20px 0px; } p.up{ margin-top:-42px; margin-right:8px; text-align:right; } Or, d'un point de vue sémantique, me suis rendue compte que c'était quand même mieux si le lien vers le haut de la page était placé avant le < h2 > dans la page. Donc, ça donne ça : <p class="up"><a href="#up" title="Atteindre le haut de la page">haut</a></p> <a name="chap1"></a><h2>Chapitre 1 - Préambule</h2> Je suis obligée de modifier la classe p.up sinon le lien "haut" est décalé vers le haut. Ca donne donc ça : (je rajoute un padding-top sinon le h2 est trop collé au paragraphe précédent) p.up{ margin-bottom:-59px; margin-right:8px; text-align:right; padding-top:20px; } Bien sûr, ça marche sur firefox ... mais sur IE, le lien "haut" passe dessous le h2 est on ne le voit plus. J'ai essayé de rajouter un z-index mais décidement, je crois que je n'ai pas compris comment l'utiliser car ça ne marche pas. J'ai mis en ligne les 2 fichiers modifiés donc ne vous étonnez pas si vous voyez tous les liens "haut" à partir du 2ème, décalés vers le bas.

Bonjour à tous Voici un article extrait du journal 01.net de ce jour. J'ai pensé que ça pouvait intéresser certains. Si ce post n'a pas sa place ici, je fais confiance aux modos pour me le dire Bart Decrem (Mozilla) : « Des constructeurs informatiques vont préinstaller Firefox sur leurs PC » Bonne lecture

J'utilise IE et j'avoue que cette barre a quelques fonctionnalités intéressantes : On peut valider les pages de son site grâce aux validateurs W3C et WDG en 1 seul clic. Plus la peine de se rendre sur la page du validateur. On peut activer/désactiver les CSS. C'est pas forcément super utile mais ça permet de voir comment se construit la page sans CSS. On peut avoir des informations sur la page (poids, temps de chargement ...) A mon niveau d'utilisation, ça reste une barre d'outils "gadget" mais assez pratique finalement, surtout pour le fait de pouvoir valider sa page.

A vrai dire, j'ai jamais essayé de récupérer des fichiers par ce moyen là. Je pensais qu'on avait accès au code direct Enfin ceci étant, si je ne souhaite pas qu'on remonte le DirectoryListing c'est surtout parce que c'est mon site et qu'y naviguer par ce biais là, c'est un peu comme si on rentrait chez moi par infraction Merci pour les infos en tout cas, on apprend tout le temps et partout sur ce forum !

Bonsoir, Je diffuse certes du contenu mais j'aime bien garder un minimum de contrôle dessus. Après tout, c'est moi et les contributeurs qui sommes à l'initiative du site et je n'aimerai pas savoir que quelqu'un a tout repompé. Et puis, quelqu'un qui préfère récupérer les sources de mes fichiers plutôt que de les regarder sur mon joli site ( ) , je ne donne pas cher de ses intentions.

Coucou bigornot, Au niveau des couleurs, j'aime beaucoup. Pas de couleur flashie, mais du gris qui contraste suffisamment avec le blanc pour qu'on discerne les contours des colonnes. Le bleu et le jaune vont bien ensemble. Peut-être que le rouge orange tire un peu trop vers le rouge, j'aurai essayé avec plus de jaune. La couleur de la typo est à revoir parce que gris / gris en haut et gris / blanc en bas, on voit mal. Pourquoi pas reprendre les 3 couleurs que tu as utilisées ? (jaune, bleu et rouge). Tu peux essayer de garder le noir pour le texte en dehors de tes 3 colonnes et à l'intérieur de chacune des colonne, reprendre la couleur de son header ou décaler d'une couleur (colonne avec header bleu, police en jaune par ex ...) L'espacement entre les 2 div du haut (horizontaux) me parait trop important par rapport aux autres espaces. Le chevauchement sur le premier div avec le logo ne me choque pas, au contraire, j'aime beaucoup. En revanche, je trouve qu'il est trop prononcé sur le div "Le Net de Truc31" Pour le reste, j'aime

J'ai eu de très bons échos sur Mambo, NPDS et e107. A toi ensuite de parcourir un peu chacun des portails pour voir les différents modules qu'ils proposent

Ok pour la page 404 Nullette, je comprends ce que tu voulais dire La solution de petit-ourson me semble la plus simple à mettre en place puisque tu as juste à modifier un seul fichier. Pour la structure de ton site, pourquoi la trouves-tu mauvaise ? En tout cas, je n'ai pas de conseil à donner là dessus ... sauf que j'ai lu quelque part qu'il était bien de ne pas muliplier les dossiers et sous-dossiers afin de faciler le travail des robots. C'est tout.

Mmmh, c'est louche Je sais pas trop quoi te dire de plus. J'avoue que je sèche

Et même en rafraichissant la page ? Le site ne change pas ? As-tu essayé de re-uploader les fichiers sur le distant ?

Je ne me suis pas encore intéressée au possibilité du .htaccess, mais je crois qu'il va falloir que je m'y attelle Comment tu définis ça petit-ourson ? Nullette, pas besoin de mettre les balises meta et toute la smala. Tu peux mettre une page vide, sans aucun code. Tu l'appelles index.html et tu la mets à la racine de chaque dossier. Et, je n'ai pas bien compris l'histoire du 404. Je me rends compte que je me suis peut-être mal expliquée. Cette page index vide ne se met que dans les dossiers qui n'ont pas déjà leur propre page index. Si tu as l'arborescence suivante : /monsite/index.html /monsite/page1.html /monsite/images/image1.jpg /monsite/images/image2.jpg /monsite/style/screen.css /monsite/dossier1/index.html ... Tu ne mets des index vides que dans les dossiers /images/ et /styles/ car ils ne disposent pas déjà de leur propre index. Le /dossier1/ a un index donc pas la peine. Me fais-je comprendre ?

Bonsoir Austin Es-tu sur d'avoir bien spécifié d'écraser les fichiers qui sont sur ton serveur distant ? Sinon, il est possible que les fichiers sur le distant n'aient pas été modifiés

Salut Nullette, Quand tu tapppes l'url suivante : www.webmaster-hub.com dans ton navigateur, tu vas en fait chercher la page www.webmaster-hub.com/index.htm ou index.php ... Mettre une page index dans chacun de tes sous-dossiers évite à tout utilisateur de pouvoir naviguer dans ton site, via l'arborescence de celui-ci. Sans index, l'utilisateur a accès à l'arborescence du dossier (tous les fichiers contenus dans le dossier) et peut même remonter aux dossiers parents. Avec index, le navigateur affiche automatiquement la page index et n'affiche plus l'arborescence. Ainsi, plus possible de naviguer. Ton index peut être une page blanche ... peu importe. S'il y a d'autres raisons pour la présence de cette page, je suis tout ouie

Bonjour à tous, Il est de coutume de se présenter lorsqu'on s'installe quelque part. Et, comme je prévois de passer vous voir plusieurs fois par jour, il est normal que vous sachiez qui se cache derrière Azon J'ai découvert le HTML et CSS avec Dreamweaver il y a 4 ans et des poussières. Je suis vite devenue accro à ces langages et me suis lancée dans la création de mon premier site traitant d'un jeu de stratégie sur l'époque napoléonienne. Non non, je ne suis pas fana de Napo mais mon père oui ... alors me voila embarquée dans cette folle ouverture. Depuis 4 ans, je gère donc au mieux www.histwar.com, passant du HTML, au php avec PHPNUKE. Dernièrement, ayant travaillé en tant que chef de projet dans une agence web sur Toulouse, je découvre le XHTML, l'accessibilité, le référencement (mais aussi et surtout le positionnement). Et c'est ainsi que je découvre votre communauté. Le style me plait, l'ambiance aussi ... Je suis touchée par la cordialité des échanges ... Je me risque à poser quelques questions. Merci à FrenchDread et LaurentDenis pour leur aide. Et je me dis qu'il est temps que je me présente, puisqu'après tout, demain je serai encore là, et après-demain ... Perrine

Merci C'était effectivement une des pistes que j'avais suivie mais je ne savais pas qu'on pouvait définir le background comme ça. J'en étais restée à la forme suivante : background-image:url(image.jpg); background-repeat:no-repeat; background-position:top; Et donc, j'étais coincée avec les positions puisque je devais choisir entre top et right Encore merci

Je détaille un peu mon post du dessus. Je me doute que c'est pas facile de réfléchir sur des pages HTML et des feuilles de style qu'on n'a pas écrites soi-même donc je vous refais la même en image 1- Le truc initial, proposé par LaurentDenis, est le suivant : #menu_global dans le flux normal #contenu en position float #footer avec un clear:both. Dans cette config, le footer se place bien en dessous du menu et du contenu mais on n'a pas pris en compte le div #roue (qui est juste un div permettant de compléter le graphisme du header) Le screen est là 2- Pour prendre en compte le div #roue, je l'avais initialement mis en float:right (en gardant la config proposée par LaurentDenis) Voici ce que ça donne avec 2 float:right On voit que le div #roue se place en premier, puis le #div contenu à sa gauche puis le div #menu_global mais comme il n'y a plus de place, il se met en dessous. 3- Je tente donc de mettre le #roue en position:absolute; right:0px; mais du coup, il cache une partie du contenu en se mettant au dessus de lui : Contenu en partie recouvert (Vous voyez qu'il manque un bout de "commander vos" ?) 4- Donc, je me dis que ce problème de superposition peut être réglé avec la propriété z-index mais soit ça ne fait rien, soit je ne sais pas l'utiliser. (pas de screen puisque ça ne change rien ) 5- Je vais dans ma cuisine me servir un bon thé histoire de me vider la tête et revenir sur de bonnes bases 6- Peut-être que la façon dont est écrit mon code HTML est pas bonne. Rappelez-vous, #roue est dans le parent #page. Et si je le mettais dans #contenu pour le positionner dans ce dernier ? Sauf que #page n'est pas positionné puisqu'il est en float ... enfin je crois ... je tente quand même ... Un float:right dans un float:right Oh ! c'est presque ça ! Cette fois ci, les div ne se marchent plus dessus et se laissent la place l'un l'autre. Sur la page d'accueil, c'est pas génant esthétiquement parlant. Après "chefs d'armée et de" on va à la ligne plutot que continuer encore un peu ... passons. En revanche, ça l'est plus dans la page dossier_presse.php où nous avons un <h2> avec un fond de couleur Screen avec le <h2> qui va à la ligne trop tôt à cause de la roue (On note aussi un léger décalage de la roue. Ce décalage apparait que dans IE et pas dans Firefox ...) Voilà où j'en suis ...

Autant pour moi ... le clear:both est nécessaire. Juste que j'avais testé cette nouvelle CSS uniquement dans IE. Une question réglée !

Bonjour, Ok, merci pour tous ces compléments d'info. Je ne savais pas trop comment utiliser la propriété clear. LaurentDenis, j'ai suivi vos conseils. J'en ai aussi profité pour faire remonter le contenu avant le menu. Voici les id modifiés dans la feuille de style : #menu_global{ width:155px; background-color:#000000; } #contenu{ width:610px; padding:35px 10px 25px 0px; float:right; } #footer{ width:570px; font-size:0.7em; text-align:center; margin-left:auto; margin-right:auto; background-color:#2C0606; padding:4px 5px 5px 10px; } Bizarrement, ou pas, je n'ai pas besoin de mettre clear:both dans le footer pour que ça fonctionne. Sur cette page : http://www.lesgrognards.com/www/ le menu repousse le footer Sur celle-ci : http://www.lesgrognards.com/www/dossier_presse.php le contenu repousse le footer. Tout serait donc parfait s'il n'y avait pas l'id roue. Rappelez-vous, c'est le bas de la roue qui venait habiller le coin haut droit du contenu, en dessous du soldat à droite. A l'origine ce div était placé en float:right ce qui le poussait complètement à droite et le calait parfaitement. Maintenant, à cause du float:right du contenu, la mise en page est faussée puisque le contenu ne semble pas pouvoir recouvrir le div roue. Du coup, une fois le div roue placée à droite, le div contenu placé à sa gauche, le menu n'a plus de place et vient se mettre en bas de page. Je crois qu'il existe une propriété z-index qui permet de gérer la superposition des div. Mais je n'arrive pas à l'utiliser. Si j'ai bien compris, il faut que les 2 div avec la propriété z-index soit dans le même conteneur pour que cela fonctionne. C'est mon cas, puisque que #roue et #contenu ont comme conteneur #page. Or, je ne vois aucune différence quand j'attribue z-index:1 et z-index:2 à l'un ou à l'autre. Peut-être que cette propriété ne fonctionne pas avec le float ? J'essaie donc de définir #roue de la façon suivante : #roue{ width:99px; height:148px; padding:0px 0px 0px 0px;; background-image:url(../images/roue.jpg); background-repeat:no-repeat; position:absolute; right:0px; } Mais là, le div #roue cache une partie du contenu puisqu'il se superpose à lui. Je tente alors à nouveau les z-index ... sans résultat. Est ce que vous avez une idée ? Et pourquoi le footer ne nécessite pas le clear:both pour être décalé ? Merci d'avance

Bonsoir, Depuis ce matin, j'ai beau lire et relire l'openweb et ce post ci, je n'arrive pas à faire une page avec un header + menu à gauche + contenu. Ma page est à l'adresse suivante : http://www.lesgrognards.com/www/index.php La page est structurée de la manière suivante : 1- un div "page" pour entourer le tout 2- un div "header" qui contient le ... header 3- un div "haut" dans lequel est compris un div pour afficher la date, et un div pour le menu horizontal 4- un div en float:right pour le bas de la roue 5- un div "menu_global" qui comprent 3 div pour découper l'image du menu 6- un div "contenu" pour le contenu du site 7- un div "footer" pour le footer Voilà donc comment est constitué le code HTML : <body> <div id="page"> <!-- Header et menu de navigation du haut --> <div id="header"></div> <div id="haut"> <div id="date">Mardi 19 Octobre 2004</div> <div id="nav_haut"><a href="index.php" class="nav_haut" rel="index">accueil</a> | <a href="#" class="nav_haut" title="Utilisez MAJ+Click pour ouvrir le forum HistWar dans une nouvelle fenetre">forum</a> | <a href="#" class="nav_haut">chat</a> | <a href="#" class="nav_haut">contact</a></div> </div> <div id="roue"></div> <!-- Fin du header et de la nav haut --> <!-- Menu de navigation vertical --> <div id="menu_global"> <div id="langue"><a href="index.php" hreflang="fr"><img src="images/flag-french.jpg" alt="Version française" title="Version française" /></a> <a href="index.php" hreflang="en"><img src="images/flag-english.jpg" alt="English version" title="English version" /></a></div> <div id="menu"> Actualité <ul> <li>· <a href="#" class="menu">Récentes</a></li> <li> · <a href="#" class="menu">Archives</a></li> <li>· <a href="#" class="menu">Newsletter</a></li> <li>· <a href="dossier_presse.php" class="menu">Dossier Presse</a></li> <li>· <a href="#" class="menu">Médaille d'Honneur</a></li> </ul> HW - Les Grognards <ul> <li>· <a href="#" class="menu">Présentation</a></li> <li>· <a href="#" class="menu">Screenshots</a></li> <li>· <a href="#" class="menu">Téléchargements</a></li> </ul> Autres Jeux <ul> <li>· <a href="#" class="menu">1806</a></li> <li>· <a href="#" class="menu">La Grande Armée</a></li> <li>· <a href="#" class="menu">Téléchargements</a></li> </ul> Ressources <ul> <li>· <a href="#" class="menu">Liens</a></li> <li>· <a href="#" class="menu">Récits Historiques</a></li> <li>· <a href="#" class="menu">Merveilleuses</a></li> </ul> </div> <div id="boudinB"></div> <div id="w3c"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" /></a></div> </div> <!-- Fin de navigation vertical --> <!-- Corps de la page --> <div id="contenu"> <h1>Le jeu HistWar se présente ...</h1> <p>bla bla bla bla</p> </div> <!-- Pied de page --> <div id="footer">2001 - 2004 © JMM et son équipe - <a href="#">Copyright</a> | <a href="#">Mentions Légales</a> | <a href="#">Plan du Site</a> | <a href="#">Contact</a></div> <!-- Fin pied de page --> </div> </body> En ce qui concerne la CSS, en voici un extrait : /* div contenant le menu vertical (choix langue + parchemin + bas du parchemin */ #menu_global{ width:155px; background-color:#000000; position:absolute; } #langue{ width:155px; height:21px; text-align:center; padding:12px 0px 0px 0px; background-image:url(../images/parchemin_haut.jpg); background-repeat:no-repeat; background-position:bottom; } #menu{ color:#8A0909; font-size:0.7em; font-style:italic; font-weight:bold; line-height:1.65; padding:6px 0px 6px 8px; background-image:url(../images/menu.jpg); background-repeat:repeat-y; } #menu ul { list-style-type: none; margin-top:3px; margin-bottom:10px; } #menu li { list-style-type: none; margin-left:-42px; } #boudinB{ height:27px; padding:0px 0px 25px 0px; background-image:url(../images/boudinB.jpg); background-repeat:no-repeat; } #w3c{ text-align:center; } /* div contenant le contenu */ #contenu{ width:615px; padding:25px 20px 30px 0px; position:relative; left:165px; } /* footer */ #footer{ width:570px; font-size:0.7em; text-align:center; margin-left:auto; margin-right:auto; background-color:#2C0606; padding:4px 5px 5px 10px; } Comme vous pouvez le voir sur la page index.php, le menu de gauche (menu_global) recouvre le footer. Or, vous l'aurez bien compris, je souhaiterai que le footer se mette en dessous du menu_global quand ce dernier est plus long que le contenu ou en dessous du contenu quand ce dernier est plus long que le menu_global. Pour l'instant donc, le menu étant en position:absolute, le div "page" n'en tient pas compte pour se fixer sa longueur. Je suppose donc que c'est pour ça que le menu recouvre le footer. J'ai essayé une autre possibilité : Mettre le menu en position:relative et le contenu en position:absolute, mais du coup, le footer ne tient pas compte de la longueur du contenu pour se placer. En gros, c'est le même problème qu'au dessus sauf qu'au lieu que ce soit le menu qui pose souci, c'est le contenu. Donc, dans une logique implacable, je tente de placer les 2 div en position:relative ... mais là, le div contenu se place en dessous du div menu_global. Même en donnant des positions grâce aux attributs left et top, rien à faire. Normal me direz vous ?? oui ... mais je débute, alors j'ai encore du mal à comprendre toutes les subtilités. Et donc voilà ... et je bidouille à droite à gauche mais à force, je sens que je perds toute logique et j'ai bien peur de faire difficile alors que c'est tout simple. Il y a surement un truc qui m'échappe au niveau de la logique des positionnements des div mais je ne vois pas où. La nuit porte conseil dit-on ? Le hub aussi j'espère !

En effet, j'ai lu un peu vite Merci pour ces détails

Merci Je viens de trouver un article qui détaille tout bien : http://www.openweb.eu.org/articles/dublin_core/ FrenchDread, tu dis que ça ne sert pas en matière de référencement. Néanmoins, dans l'article de l'Openweb, il est mentionné le fait que les robots s'en servent pour décortiquer nos pages : Donc, peut-on dire que même si ces balises ne sont pas obligatoires pour un bon référencement, elles sont tout de même utiles ?

Bonjour à tous J'ai récemment dévouvert les balises méta dc.title, dc.keywords, dc.description. Qu'est ce donc ? Comment les utiliser ? Se substituent-elles aux balises méta "traditionnelles" (keyword, description) ? PS : Je dévore ce forum depuis 2 jours ... merci pour toutes ces expériences que vous avez su capitaliser