Dylav

Tu as raison, Bob, de rappeler que tu as lancé un topic sur (je cite) « Ballads et musiques qui font ressentir des choses... » Mais il s'agissait de répertorier les oeuvres qui nous ont remués. Le topic de Liliumette, lui, semble plutôt évoquer les concerts auxquels nous avons assisté. C'est une dimension différente, non ? A mon avis, les deux peuvent coexister

... Hold-up

Salut Bob, Tu n'ignores pas que chacun a la possibilité de fournir, dans son profil, l'adresse de son site web (ainsi que celle de son blog Zébulon). J'ai en effet relevé que tu avais toi-même renseigné cette rubrique*, dans ton propre profil. Alors, dis-nous, es-tu un fan des Pinheads, ou en es-tu un toi-même ? __________ * il serait d'ailleurs bon que tu ailles la rectifier : tu as malencontreusement répété le préfixe http://Http://ThePinheads.new.fr

Attention, il ne reste déjà plus que 22 jours ! Vous noterez que les 5 premières places des 2 tableaux sont tenues par les mêmes...

... Paris une mise... un pari.

Si j'ai bien compris ta question, ton image centrale répétée, pourquoi ne la mets-tu pas en image de fond de la <div id="x">, par : Et, si tu ne veux pas écrire sur l'image, tu mets une marge gauche de largeur fixe égale à celle de l'image. Par exemple ici, pour une image latérale de largeur 50 pixels :

En toute sincérité, le mot « monstre » ne me fait pas vraiment peur, parce que je sais pertinemment que je n'entre pas dans cette catégorie. En revanche, j'en connais au moins un... mais je ne suis pas cafteur ! En matière de XHTML / CSS, de recommandations du W3C, et de ses validateurs de code, il est vrai que c'est dur dur de se faire montrer du doigt ses erreurs de codage. Mais, piqué au vif, tu corriges rageusement, ligne par ligne... et tu te surprends à crier « Yesssssssssssss ! » quand le feu passe au vert (« votre page est valide »). A propos de DTD, va voir sur pompage.net (j'aime bien ce site), l'article Les déclarations «Doctype» et les en-têtes «Content-type», de Tommy Olsson (mars 2006), traduit en français par Philippe Janvier.

Allez, je vais scier des bûches

Je sors les compteurs demain, promis On en est à 78 jours, plus que 22 points en course ! Et on arrête de se chamailler, les enfants

moi, je préfère sept roses, c'est un spectacle franchement plus charmant

Bon, de peur d'être en retard, voici que j'étais en avance... Fâcheux, tout ça, fâcheux... Allez, bûche

Coucou

Merci pour les « monstres », Fantassin... Je comprends ce que tu as voulu dire, mais cela m'attriste parce que j'avais sincèrement l'impression d'avoir tenté d'être simple dans mes explications. Voilà qui prouve probablement que je ne maîtrise peut-être pas le sujet aussi bien que je le croirais. Ceci dit, tout à fait d'accord avec toi pour l'apprentissage pas à pas. On vit quelques galères dans les mises au point, mais les notions s'ancrent définitivement dans la tête. Et quelle satisfaction de voir émerger une page, puis deux, puis toute une ribambelle, solidement unies par des liens hypertexte croisés dans tous les sens... et de pouvoir dire « C’est moi qui l’ai fait ! »

Lexgamer, ne serais-tu pas un gros flemmard ? Nous ne cessons, depuis le début de ce topic, de t'inciter à consulter des tutoriaux spécialement élaborés pour aider le lecteur à appréhender facilement les tenants et les aboutissants des divers élements à manipuler. En français, un bloc, c'est un ensemble de choses formant un tout plus ou moins homogène (©TLFI). En HTML, c'est la même chose, c'est un conteneur, auquel tu peux imposer un comportement. Après, dire s'il est vide ou plein, c'est toi qui vois. Pour les include, je te renvoie à la réponse que t'as fournie Sloshy dans le message #2 du présent topic. La méthode n'a pas encore eu le temps de changer

moutarde ... de Meaux

Attends, Casper, ton truc allemand de Youtube, là, tu appelles ça un rock ? Malheureux...

motard... sumo... motard, et plus tard

obèse Oui, c'est une histoire de pneu... à la taille !

Là, Olivier, je te trouve drôlement sévère... Il est vachement intéressant, Sean Connery, cet Ecossais qui a su mener une carrière cinématographique intéressante (en particulier, il a réussi à se sortir du carcan James Bond après huit films à succès), et continue imperturbablement à militer pour l'indépendance de son pays. Je n'en suis pas un inconditionnel, mais quel homme... Il a même, bien malgré lui, été sacré homme le plus sexy de l'année à l'âge de 70 ans : es-tu sûr d'y parvenir, toi ?

blanc Journal d'une femme en blanc, d'André Soubiran Salut Lolokiss

Petite précision En relisant mon message #18, je me suis aperçu que j'avais commis une petite erreur dans la formulation de l'attribut border des blocs #bloc2 et #bloc3, en omettant de préciser dans quelle unité j'exprimais la bordure. Il faut écrire : J'ai effectué la correction. N'oublie pas de le faire également, au risque de ne pas voir apparaître cette bordure sous FireFox (beaucoup moins permissif qu'Internet Explorer).

Le fichier que je t'ai envoyé pourra sans problème porter l'extension .php, afin que l'interpréteur PHP l'analyse pour en faire une page HTML. Ce que tu ne sembles pas comprendre, en revanche, c'est qu'il est totalement inutile de le faire interpréter par PHP, puisqu'il ne contient aucune instruction PHP. Ce fichier peut donc, également sans problème, porter l'extension .html. Pour t'assurer de cela, teste avec les deux extensions... Pour l'autre question, je t'ai répondu juste ci-dessus. Il s'agit du comportement des liens actifs. a {color:#000000; /* couleur lien actif */ text-decoration:none; /* lien actif non souligné */ } a:hover{color:#990000; /* couleur lien actif survolé */ font-weight:bold; /* lien en gras au survol */ }

Les blocs <div> A partir du moment où tu sépares contenu (page HTML) et présentation (feuille CSS), tu peux constater que tes 3 blocs étaient vides. Le bloc 1 Le bloc 1 est vide, puisque l'image est traitée en image de fond, donc décrite dans la feuille de style. Rappel : j'ai étiqueté ce bloc "bloc1", et c'est cette étiquette qui fait la liaison entre page HTML <div id="bloc1"> et feuille de style #bloc1 {...} Remarques : j'ai capturé l'image dans ton post, où elle a les dimensions 754x120. J'en ai fait, pour des raisons esthétiques, les dimensions des blocs 1 et 3. Si ton image réelle n'a pas ces dimensions, il te suffira de réajuster les dimensions du bloc 1 à celles de l'image. Au cas où le bloc aurait des dimensions supérieures à celles de l'image, on verrait, sur le reste de sa surface, la couleur de fond (ici red=rouge, comme tu le souhaitais dans ton message #11). Il te restera à remplacer l'adresse de ma capture par celle de ton image d'origine. Le bloc 2 Il est "écarté" du bloc 1 par une marge avant (margin-top). Il possède une marge intérieure à gauche (padding-left). La bordure est d'épaisseur 1 pixel, de type trait, et de couleur argent. L'interligne est légèrement augmenté (line-height), proportionnellement à la taille de la police (em). Dans ta maquette, ce bloc aussi était vide. Pour la démonstration de la mise en oeuvre des liens actifs, j'ai construit un petit menu qui, clin d'oeil, branche sur des sections de Zébulon : attention au ©opyright ! Tu remarqueras que, dans la présentation que j'ai adoptée, les liens actifs ne sont pas soulignés, et qu'ils changent de couleur et deviennent gras lorsque le curseur les survole. Il existe bien entendu des tas d'autres possibilités. Le bloc 3 Encore un bloc vide. Marge avant et bordure : même chose que pour le bloc 2. Si tu souhaites y mettre une image de fond, il te suffira de faire comme pour le bloc 1. Même remarque pour le corps de l'écran : pour y mettre une image de fond (qui sera partiellement masquée par tout ce que tu inséres dans ta page), il suffit d'ajouter un attribut background dans body {...} dans la feuille de style. Conclusion Cette page HTML fonctionne telle quelle. A toi de l'aménager habilement pour en faire exactement ce que tu veux

Bonjour Lexgamer, Voici un résultat qui répond globalement à tes attentes. Il te restera à peaufiner les détails. Je commence par te livrer les sources. Les explications viendront ensuite. Le fichier test2.php (qui pourrait d'ailleurs être directement test2.html, puisque PHP n'aura rien à interpréter) : <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Test 2</title> <link rel="stylesheet" type="text/css" href="format.css"> </head> <body> <div id="bloc1"> </div> <div id="bloc2"> <br><a href="http://www.zebulon.fr/astuces/astuces-windows.html">Astuces</a> <br><a href="http://www.zebulon.fr/bidouilles/index.php">Bidouilles</a> <br><a href="http://telechargement.zebulon.fr/">Téléchargements</a> <br><a href="http://forum.zebulon.fr/">Forums</a> <br><a href="http://www.zebulon.fr/annuaire/index.php">Annuaire</a> </div> <div id="bloc3"> </div> </body> </html> et la feuille de style format.css : body {font:14px sans-serif; /* Style et taille de la police de la page */ margin:1em; /* marge du document HTML */ } a {color:#000000; /* couleur lien actif */ text-decoration:none; /* lien actif non souligné */ } a:hover{color:#990000; /* couleur lien actif survolé */ font-weight:bold; /* lien en gras au survol */ } #bloc1 {width:754px; /* largeur du bloc 1 */ height:120px; /* hauteur du bloc 1 */ background:red url(http://www.hiboox.com/images/5006/48448beb.jpg) no-repeat; /* couleur et image de fond */ } #bloc2 {width:140px; /* largeur du bloc 2 */ height:223px; /* hauteur du bloc 2 */ border:1px solid silver;/* bordure du bloc 2 */ margin-top:20px; /* marge extérieure imposée au-dessus */ padding-left:10px; /* marge intérieure imposée à gauche */ text-align:left; /* texte cadré à gauche */ line-height:1.5em; /* espacement entre les lignes de texte */ } #bloc3 {width:754px; /* largeur du bloc 3 */ height:120px; /* hauteur du bloc 3 */ border:1px solid silver;/* bordure du bloc 3 */ margin-top:20px; /* marge extérieure imposée au-dessus */ } La feuille de style externe Tout d'abord, j'ai rétabli, dans le header de la page, la balise <link> qui fait la jonction avec la feuille de style. Rien de nouveau, tu connaissais déjà. Les tableaux et les blocs En HTML, la balise <table> a été créée pour formater les tableaux énumératifs, les listes de données. Aux débuts des navigateurs, il n'existait guère de solution satisfaisante pour mettre en forme une page, et de petits malins ont eu l'idée de détourner l'utilisation de cette balise pour élaborer des pages web attractives. Ils ont hélas été très copiés. Mais les temps ont changé, les recommandations et les spécifications aussi. Dans ton cas, tu utilises la balise <table> pour créer des tableaux qui ne contiennent qu'une ligne et une colonne, c'est-à-dire une case unique. Tu ne gagnes donc rien à cette utilisation, par rapport à celle de la balise <div>, faite pour ça et beaucoup moins lourde à "écrire". C'est pourquoi je te propose une solution basée sur trois blocs <div> qui remplacent avantageusement les tableaux, on peut le constater d'un coup d'oeil... il n'y a pas photo ! à suivre...

bûche