Dylav

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

Tu as failli m'avoir, Sousou, avec ta bûche cachée...

Pô sympa, Fantassin ! Ce n'est pas la question qu'on cherchait, c'est la réponse...

Pauvre Casper, tu as manifestement vécu une très dure semaine...

Ne serait-ce que pour lui, il faut envisager plutôt l'une que l'autre. « Cependant, considérons gaiement la situation et suicidons-nous dans les champs de colza en fleurs », déclara soudain Casper, inévitablement morbide et pourtant blagueur invétéré. Quant au tigre, celui des frosties, bien plus beau,

pouvoir L'imagination e s t au pouvoir... enfin, peut- ê tre pa s vraiment, en ce moment !

Telles les Vestales, les dragons sont préposés au barbecue, et l'évolution des espèces en a fait, au fil des millénaires, des spécialistes de la cuisson des merguez...

Diable, encore raté... je me suis bêtement laissé aller sur le forum Programmation ! Tu ne t'es pas senti trop seul, Sousou ? Bûche quand même.

Tout d'abord, qu'est-ce que le PHP ? Le PHP, "Personal Home Page" devenu "Hypertext Preprocessor", est principalement un langage de programmation web côté serveur ce qui veut dire que c'est le serveur (la machine qui héberge le site web en question) qui va interpréter le code PHP et générer du code qui pourra être interprété par un logiciel. Le plus souvent, le code généré est le HTML afin d'être lu par un navigateur mais il peut être utilisé pour d'autres langages ou formats tels que WML, GIF, PDF, etc. © Wikipédia En d'autres termes, en fonction de données fournies par le client, PHP permet au serveur de construire dynamiquement une page HTML circonstanciée. Dans l'immédiat, tu ne sembles pas en être à un tel niveau de sophistication. Donc PHP ne te sert à rien. Je te suggère alors, dans un premier temps, d'apprendre à construire, à l'aide de HTML et CSS, des pages web dites statiques, c'est-à-dire entièrement prédéterminées avant d'être appelées par le client. Ensuite, qu'est-ce que CSS ? CSS, pour "Cascading Style Sheets", ou "Feuilles de style en cascade", est utilisé pour définir les couleurs, les polices, le rendu, et d'autres caractéristiques liées à la présentation d'un document. L'objectif est de bien séparer la structure (écrite en HTML ou similaire) et la présentation (en CSS) du document. © Wikipédia Eh bien oui, j'ai choisi, dans le message #10 ci-dessus, une solution de facilité qui te permette d'obtenir rapidement le résultat souhaité (compte tenu de ta difficulté à appréhender mon message #8 ci-dessus), et je t'ai donc proposé de décrire la couleur de fond d'une table directement dans la clause style de la balise <table>. Du coup, la feuille de style ne jouait aucun rôle dans cette problématique, ce qui explique que sa suppression n'a effectivement aucun effet sur la coloration du tableau. En réalité, une volonté de bonne normalisation de ta page web nécessite de séparer contenu et présentation, donc d'indiquer les caractéristiques de tes tables dans la feuille de style. Je t'invite donc à relire le message #8, dont la solution n°1 résoud en partie le problème. Dans cet esprit, pour élaborer les débuts de ta maquette du message #11, il faut écrire dans la feuille de style : body { background: #FFFFFF url(UrlImageFondBody); /* image sur fond blanc */ font: 14px sans-serif; /* Style et taille de la police de la page */ margin: 1em; /* Marge du document HTML */ } #tab1 { background: #990000 url(UrlImageFondTableau1); /* image sur fond rouge */ margin: 3em; /* marge extérieure autour du tableau */ padding:3em; /* marge intérieure dans le tableau */ text-align: left; /* dans le tableau, alignement du texte à gauche */ width: 200px; /* largeur du tableau en pixels */ height: 50px; /* hauteur du tableau en pixels */ border: 1px; /* largeur de la bordure du tableau en pixels */ } #tab2 { background: #D5DEEC url(UrlImageFondTableau2); /* image sur fond bleu clair */ margin: 3em; /* marge extérieure autour du tableau */ padding:3em; /* marge intérieure dans le tableau */ text-align: left; /* dans le tableau, alignement du texte à gauche */ width: 200px; /* largeur du tableau en pixels */ height: 50px; /* hauteur du tableau en pixels */ border: 1px; /* largeur de la bordure du tableau en pixels */ } et, dans ta page HTML, pour l'ouverture des tableaux, respectivement : ... <table id="tab1"> ... <table id="tab2"> ... C'est, comme je te l'expliquais dans mon message #8, les étiquettes tab1 et tab2 qui font la liaison entre HTML et CSS pour appliquer les styles souhaités respectivement aux tableaux 1 et 2. On verra plus tard comment ajuster éventuellement les différentes dimensions (margin, padding, width, height, border). Maintenant, si tu veux qu'on aille plus loin ensemble, il est nécessaire que tu me fournisses le code de tes fichiers TEST2 et FORMAT, puisque ce sont eux qui décrivent le véritable contenu de ta future page web. En tout état de cause, comme cela t'a déjà été conseillé plus haut, consulte des tutoriels pour t'imprégner des caractéristiques de HTML (relativement simples à appréhender) et CSS (qui peuvent être utilisées de façon très simple, mais également avec des niveaux de sophistication étonnants). Tu dois passer le cap de la compréhension de mes messages #6 et #8 (et accessoirement #10).

Bien, chef... Alors, ... fossé Brigitte Fossey, qui commença sa carrière à 6 ans, dans « Jeux interdits » (1952)

Sofy, tu n'es pas gentille, de me parler ainsi... Carotte

Eh oui, même si, à l'origine, il y a eu un oeuf, Sofy est vivipare (dont les petits accomplissent leur évolution embryonnaire dans le corps de la mère de sorte qu'ils peuvent, à la naissance, mener une vie autonome*). Elle fait d'ailleurs partie de la classe des mammifères (caractérisés essentiellement par la présence de mamelles, d'un cœur à quatre cavités, d'un système nerveux et encéphalique développé, par une température interne constante et une respiration de type pulmonaire*). Ce qui n'empêche pas que Sofy, c'est Sofy, quoi ! Bisous, Sofy __________ * © TLFI, le Trésor de la Langue Française Informatisé

prèche purée (en Alsace)

maillot 'jour à tous

Merci, mais soyons honnêtes, il n'est pas de moi. C'est une adaptation du titre du film « Laissons Lucie faire », de Emmanuel Mouret (2000), où Marie Gillain pétille comme à son habitude

Oui, je commence à me faire du souci. C'est qu'elle semble devenir diablement forte, et il ne faudrait pas que je laisse Lucie faire ! bûche et pour de bon, ce coup-ci...

du Tarn ? Darne de... ... saumon

Bon sang, il faut que je recale mon horloge... Bonne bûche, bonne nuit