Perrine

Trouvé ! C'est le sup entourant le [TM] qui fait tout foirer dans IE J'ai été obligé de le supprimer pour ne pas que les texte se chevauche. <span class="lettrine">P</span>rédécesseur des Grognards et de 1806, <em>La Grande Armée At Austerlitz</em>^[TM] est un Wargame qui propose de reconstituer des batailles de la Campagne de 1805.

Salut K-ZimiR Effectivement, très réussi ! Comme quoi ... pas la peine d'être un pro de Photoshop pour avoir un design réussi J'aime beaucoup ... harmonie des couleurs, ni trop fade, ni trop criard En plus, une partie sur les JV ... suis fan Bravo

Re Je reprends les points que j'ai abordés au dessus et ensuite, j'essaie de te proposer quelque chose qui fonctionnerait Pour le display:inline, il faut uniquement le mettre dans le sélecteur li et pas ul. Cette propriété te permet de modifier la manière dont va s'afficher la boite dans le flux de la page. De base, ul et li ont des comportements de type bloc (donc retour à la ligne après chaque fermeture de la balise) Pour qu'une liste d'items s'affiche en ligne, tu spécifies display:inline dans le le li mais pas dans le ul. C'est pour ça que tout à l'heure, ton menu s'affichait à droite du header. Il s'est affiché en ligne à cause du display:inline et maintenant, il s'affiche en dessous car tu as supprimé le display:inline. En passant, j'ai vu que tu avais mis un visibilty:visible. Le menu n'avait pas disparu, il était juste sur le fond blanc et comme la police est blanche, on le voyait plus Ensuite, la question du *{ margin: 0; padding: 0; } Ca avait été expliqué dans un billet sur je ne sais plus quel excellent blog (Si je retrouve, je donnerai le lien) Derrière cette astuce se cache 2 idées : La première, consiste à initialiser les padding et margin de toutes les balises à 0. IE, FF, Opera (...) traitent les blocs différemment. Certains navigateurs appliquent par ex un certain padding aux hx etc ... Donc, pour ne pas te prendre la tête, on met ces 2 propriétés à 0 dans toute la page. La deuxième idée, c'est de le dire une fois pour toute grâce au sélecteur universel * que tous les blocs ont ces propriétés là et tu n'as plus besoin de les répéter pour chaque sélecteur comme tu l'as fait avec #nav et li par exemple. Autre chose, si tu définis toutes les tailles de police à 12px, tu peux le définir une fois pour toute dans le body et tu n'auras plus à le répétér pour tes p, a et li ------------------ Maintenant, si je devais construire le header, je créerai un div #header, qui a pour bg l'image et à l'intérieur, l'ul pour le menu et le div rechercher. Ce qui donne pour le XHTML <div id="header"> <ul id="nav"> <li id="t-nomasis"><a href="#">nomasis</a></li> <li id="t-menu"><a href="#">menu</a></li> <li id="t-contenu"><a href="#">contenu</a></li> <li id="t-accueil"><a href="#">accueil</a></li> </ul> <div id="recherche"> <form action="/nomablog/index.php/" method="get"> <p class="field">rechercher <input name="q" id="q" type="text" size="15" value="" accesskey="4" /><input type="submit" class="submit" value="ok" /></p> </form> </div> </div> et pour la CSS : #header{ width:750px; background:url(http://nomasis.com/nomablog/themes/nomatheme/img/header.jpg) top no-repeat; padding-top:112px; /*Ici la valeur pour que le menu se place là ou il faut par rapport au haut du header */ } #header ul{ font-size: 12px; color: #FFFFFF; height: 22px; text-align: left; left: 410px; width: 340px; } #header ul>li{ list-style: none; display:inline; } Je dis pas que ça va tomber pile poil du premier coup hein Il va falloir que tu fasses des réajustements sur les paddings pour que tout se cale au même endroit Il m'apparait plus les logiques ensuite de mettre le padding: 6px 20px 6px 20px; dans le li et pas dans le a. J'espère que je n'ai pas trop embrouillé et j'espère encore plus ne pas avoir fait d'erreur dans mes explications

Ok, c'est normal. Enlève le display:inline de #nav C'est pas le ul qui doit être en ligne mais les li uniquement Encore un article de Laurent à ce sujet : Boîtes bloc, boîtes en ligne et propriété display J'ai pas trop le temps, je dois partir, je te réponds plus en détail dans l'après-midi pour le reste

Bah voui m'sieur !!! Bien sûr qu'on utilise Firefox Cela dit, j'aime bcp le design du blog de la miss !

Bonjour Nomasis Dans #nav, tu ne peux pas avoir 2 positionnements différents : position:relative et float:right ... C'est l'un où l'autre Je te renvoie aux articles de Laurent Denis sur le positionnement des blocs : Initiation au positionnement CSS : 1.flux et position relative Initiation au positionnement CSS : 2.position float Initiation au positionnement CSS : 3. position absolue et fixe Tu peux enlever le float:right je pense et garder la position en relative avec les propriétés top et left. En fait, si je me trompe pas, le navigateur garde le dernier positionnement indiqué dans l'id et dans ton cas, c'est le float:right (si tu l'avais mis au début de l'id, tu n'aurais probablement pas eu de problème) C'est grâce au float:right que les li s'alignent sur une unique ligne ? Je voudrai pas dire de bétises, mais je crois qu'il est préférable de faire un display:inline dans ce cas là. ------------------- Pour optimiser ta CSS, je te conseille de regrouper toutes les propriétés génériques de la sorte : *{ margin: 0; padding: 0; } Si tu ne fais pas de lien sur le header, tu peux le mettre en background. Ainsi, si tu veux le changer par la suite, tu as juste à éditer la CSS ... et puis, ça te permettra aussi de proposer plusieurs CSS, on sait jamais Dans le #nav a, tu peux regrouper les padding et les écrire comme ceci : padding: 6px 20px 6px 20px; Le premier chiffre = top Le deuxième = right le troisième = bottom le quatrième = left -------------- J'espère que tout ça va t'aider ... je garantis pas que tous mes conseils soient pertinents, suis une noob donc si besoin de corriger, vous gênez pas

Salut MarvinLeRouge et bienvenue sur le Hub

Bonjour Wanbli Oui, j'ai même relancé IE et un ami m'a confirmé hier soir en visitant le site ... Merci en tout cas

Oui oui ... j'ai fait un copier / coller bête et méchant en modifiant juste le passage qui me permet de mettre toutes mes css dans un unique dossier <?php if(isset($_POST['change_style'])) // On vérifie que le formulaire a été soumis { if(file_exists("style/".$_POST['style']."")) { // On fait un cookie d'une année de durée pour garder en mémoire le style choisi et le récupérer à la prochaine visite setcookie('style', $_POST['style'], time()+(365*24*3600)); // Si le fichier *.css existe on définit une variable $css correspondant au style choisi $css = $_POST['style']; } } elseif(isset($_COOKIE['style'])) // Si le formulaire n'a pas été soumis, on vérifie si le cookie style existe et si tel est le cas on définit une variable $css correspondant à ce style { $css = $_COOKIE['style']; } else // Si le cookie n'existe pas et que le formulaire n'a pas été soumis, on définit une variable $css correspondant au style par défaut, ici un_style.css par exemple { $css = "screen.css"; } ?> Merci encore

J'ai rajouté le position:relative mais ça ne change rien. A part un bug je vois pas ... la lettrine s'affiche partout très bien, sauf sur cette page là

And the winner is ..... la vaillante équipe du HUB Merci beaucoup, tout marche nickel maintenant

Aaaaaaaaaaaaaah Ok ! Désolé, j'avais pas compris Vais tester ça, et je vous tiens au courant. merci

Si j'enlève setcookie('style', $_POST['style'], time()+(365*24*3600)); j'ai plus d'erreur ... mais d'une page sur l'autre, je perds les préférences (normal tu vas me dire et tu auras raison ! )

Est ce que j'ai bien mis le script au bon endroit ? Est ce que tu as l'erreur toi aussi quand tu veux sur la page aide.php et que tu changes de style ? Je ne comprends pas où j'ai fait l'erreur et ça vient forcément de moi puisque ça marche chez toi Je vais essayer de recommencer, sans changer le script ... je ne voulais pas avoir un dossier pour chaque CSS donc j'ai traffiqué un peu, peut-être que je me suis trompée.

Oui mais si je mets avant le doctype, la ligne <link rel="stylesheet" type="text/css" media="screen" href="style/screen.css" /> va aussi s'écrire avant le doctype et ça va pas

Ce qui est encore plus bizarre, c'est que ça ne fonctionne pas pareil en local et en distant. En local : plus aucune feuille de style n'est prise en compte : <link rel="stylesheet" type="text/css" media="screen" href="style/" /> D'après les quelques tests que j'ai fait, cette ligne link est le résultat de ça : elseif(isset($_COOKIE['style'])) // Si le formulaire n'a pas été soumis, on vérifie si le cookie style existe et si tel est le cas on écrit la ligne d'appel de cette feuille de style { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/".$_POST['style']."\" />\n"; } donc ça veut dire qu'il ne voit pas le cookie c'est ça ? ou que le cookie n'a pas été enregistré ? (Or, les cookies sont bien activés dans mon FF) Et en distant : cette fameuse erreur mais le changement de feuille fonctionne.

J'ai fait ce que tu m'as dit Anonymus et je n'ai aucune ligne avant le <---- Je vous mets le code entier de ma page aide.php, peut-être que je me suis plantée en insérant le code php tout simplement : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>HistWar - Histoire et Wargame - Le jeu de stratégie napoléonien {Aide à la navigation} </title> <meta name="description" lang="fr" content="HistWar est un jeu de stratégie et de tactique retraçant les batailles de l'époque napoléonienne. Revisitez l'histoire aux commandes d'une armée, à l'instar de Napoléon pendant la période 1804 - 1815" /> <meta name="keywords" lang="fr" content="wargame, napoléon, napoleon, austerlitz, premier empire, jeu vidéo, jeu de stratégie, jeu de tactique, 1804, 2 décembre" /> <?php if(isset($_POST['change_style'])) // On vérifie que le formulaire a été soumis { if(file_exists("style/".$_POST['style']."")) // Si le fichier *.css existe on écrit la ligne d'appel de cette feuille de style { setcookie('style', $_POST['style'], time()+(365*24*3600)); echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/".$_POST['style']."\" />\n"; // On fait un cookie d'une année de durée pour garder en mémoire le style choisi et le récupérer à la prochaine visite } } elseif(isset($_COOKIE['style'])) // Si le formulaire n'a pas été soumis, on vérifie si le cookie style existe et si tel est le cas on écrit la ligne d'appel de cette feuille de style { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/".$_POST['style']."\" />\n"; } else // Si le cookie n'existe pas et que le formulaire n'a pas été soumis, on écrit la ligne d'appel à une feuille de style par défaut, ici un_style.css par exemple { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/screen.css\" />\n"; } ?> <link rel="stylesheet" type="text/css" href="style/print.css" media="print" title="normal" /> </head> <body> <div id="page"> <!-- Header et menu de navigation du haut --> <? include ("header_fr.php"); ?> <!-- Fin du header et de la nav haut --> <!-- Début Contenu --> <div id="contenu"> <h1>Aide à la navigation</h1> <p>bla bla bla</p> <h3>Changer la résolution</h3> <p>Le site est consultable dans deux résolutions : 1024x768 et 800x600. Par défaut, la résolution 1024x768 est choisie mais vous pouvez à tout moment la changer en utilisant le formulaire ci-dessous :</p> <form method="post" action="<?php $_SERVER['PHP_SELF'] ?>"> <fieldset> <select name="style"> <option value="screen_800.css" selected="selected">800x600</option> <option value="screen_980.css">1024x768 </option> </select> <input type="submit" name="change_style" value="Changer la résolution" /> </fieldset> </form> <p>Choisir une résolution adéquate à votre écran vous permettra, entre autres, de faire disparaitre la barre de défilement horizontal en bas du navigateur ... qui est si pénible pour consulter des pages.</p> </div> <!-- Fin Contenu --> <!-- Menu de navigation vertical --> <? include ("nav_fr.php"); ?> <!-- Fin de navigation vertical --> <!-- Pied de page --> <? include ("footer_fr.php"); ?> <!-- Fin pied de page --> </div> </body> </html> C'est grave docteur ?

Je viens de faire les modifs mais ça ne change pas le pb J'ai toujours le message d'erreur et le changement de CSS passe bien ... mais avec le message d'erreur :

Re-bonjour à tous Je souhaite intégrer le style switcher PHP de ElMoustiko, décrit dans son tutorial mais je bloque. ElMoustiko, si tu as quelques instants, peux-tu m'expliquer ou je coince ? Sinon, quelqu'un qui aurait utilisé le script et qui aurait compris comment ça marche (pas comme moi quoi ) Voilà le code que j'ai mis dans la page aide.php : <?php if(isset($_POST['change_style'])) // On vérifie que le formulaire a été soumis { if(file_exists("style/".$_POST['style']."")) // Si le fichier *.css existe on écrit la ligne d'appel de cette feuille de style { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/".$_POST['style']."\" />\n"; setcookie('style', $_POST['style'], time()+(365*24*3600)); // On fait un cookie d'une année de durée pour garder en mémoire le style choisi et le récupérer à la prochaine visite } } elseif(isset($_COOKIE['style'])) // Si le formulaire n'a pas été soumis, on vérifie si le cookie style existe et si tel est le cas on écrit la ligne d'appel de cette feuille de style { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/".$_POST['style']."\" />\n"; } else // Si le cookie n'existe pas et que le formulaire n'a pas été soumis, on écrit la ligne d'appel à une feuille de style par défaut, ici un_style.css par exemple { echo " <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"style/screen.css\" />\n"; } ?> Le formulaire, toujours sur la page aide.php : <form method="post" action="<?php $_SERVER['PHP_SELF'] ?>"> <fieldset> <select name="style"> <option value="screen_800.css" selected="selected">800x600</option> <option value="screen_980.css">1024x768 </option> </select> <input type="submit" name="change_style" value="Changer la résolution" /> </fieldset> </form> La première fois que je viens sur la page aide.php, le script php écrit correctement la ligne link et je n'ai donc aucun souci. En revanche, quand j'essaie de changer de feuille de style, j'ai l'erreur suivante qui s'affiche : Mais le changement de css passe bien. EN LOCAL, j'ai un autre problème : la css change bien, je n'ai pas de message d'erreur. Je vais visiter le site avec la résolution choisie et c'est en revenant sur la page aide.php que j'ai un problème : la page s'affiche sans style. Je comprends pas Quelqu'un peut m'aider pour ce 2ème souci of the day ? Merci

Bonjour à tous J'ai une classe définie comme suit : .lettrine{ float:left; /* positionnement de la lettrine dans le conteneur*/ font-size:36px; /* hauteurs de lignes pour la lettrine*/ font-weight:bold; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; line-height:1; margin-right:4px; } Elle me permet d'afficher une lettrine en début de paragraphe. Dans FF, tout colle bien, mais dans IE, ça part un peu en live ... mais pas sur toutes les pages Voici une page dans laquelle ça fonctionne bien : http://www.lesgrognards.com/www/jeu_histwar_1806.php et une autre dans laquelle ça ne marche pas du tout puisque le contenu du p se chevauche : http://www.lesgrognards.com/www/grande_armee_austerlitz.php Je ne comprends pas d'où ça vient puisque c'est exactement le même code et la même classe utilisée. Inutile de dire que dans FF, tout marche nickel. Une petite idée ? Merci par avance

Bonjour 7m0 Pour une liste d'hébergeurs, tu peux aller voir ici : http://forum.phpbb.biz/viewforum.php?f=42 Ils ont une liste, je pense, assez complète. Pour le téléchargement par ftp, j'utilise Filezilla : http://telecharger.01net.com/windows/Inter...ches/17966.html SPIP en revanche, je connais pas du tout donc peux pas t'aider Bonne chance pour ce nouveau projet

Salut doomer De mon côté, tout marche bien sauf la bannière. En effet, je suis en 1600x1200 et comme tu as calé le bg en left, je me retrouve avec la banniere en plein milieu, comme ça : Essaie de la caler vers la droite plutôt, non ? A part ça, tout nickel

Tiens, il semblerait que ton ami ne soit pas le seul à ne pas vouloir de la confirmation visuelle : http://forum.phpbb.biz/viewtopic.php?t=892...er=asc&start=30 (En 3ème page, achaab demande comment mettre à jour sans la confirmation. Apparemment, il faut juste éditer les fichiers qu'il liste et basta )

Salut iubito, Sur les phpnuke like qui utilisent aussi ce système, il existe des mods pour le désactiver. Peut-être cela existe-t-il déjà pour phpBB ? Ou alors, en développement dans un futur proche. Dans tous les cas, si ton pote demande à la communauté, je serai étonnée que personne ne l'aide ( http://forum.phpbb.biz/ )

Vi, une autre solution serait de faire une petite annonce pour que les participants t'envoient préalablement leurs questions et tu tries. Pour les participants qui arrivent le jour même, tu peux très bien expliquer que les questions ont été déjà sélectionnées et que s'ils ne peuvent pas poser les leurs, ils peuvent au moins lire celles des autres ainsi que les réponses.