Dylav

Bon, DK, il est temps que je passe la main… Je t'envoie la feuille de s core et tu prend s la rel è ve ? … maintenant que ton Vista semble réglé

Eh, vous deux, il faut le dire, si on gêne ! Si vous faites du ménage dans vos boîtes de MP, elles fonctionneront à nouveau, vous savez ?

Ah l'enf... Oh pardon, je voulais dire « autant pour moi » (ou « au temps pour moi », comme vous préférez)... Contrordre* : la bûche de cette nuit est bien pour Cédric... mais était-il bien nécessaire de me piéger ? __________ * Merci DK, que ferais-je sans toi Pour l'opticien, tu vas rire, j'en sors...

Les rues de Montcuq (cultes par ailleurs !) accueillent le touriste pour lui mettre des croissants au beurre d'escargot dans les oreilles. L'échelle, étant à cavitation variable, produit des gargouillis ainsi que des vents de nos austères côtes bretonnes. Nous ne pouvons donc plus continuer à jouer les fines bouches. Ainsi, mettons les pieds dans le plat, et les mycoses sous la table. Certains sujets sont, de par leur nature érectile priapique, tristement semblables à un Indien dans une tire présidentielle en route vers l'infini et les Schtroumpfs iront tous au paradis, là où reposent les golgottes qui ont tout perdu. Le 14 février, quand les Iroquois pratiquent la danse, leurs cheveux verts hennissent de bonheur ! Mais on oublie trop vite que la pratique d'absolution des péchés risque d'entraîner une grave et impitoyable déraison érectile fort dommageable à long terme. Après avoir tout cassé, Yann mit Zébulon en vente, puis la société Générale dans sa poche. La brigade financière voyait les choses d'une infime et mesquine façon :

Ben, compte tenu de la surface relative du Plat Pays par rapport à l'ensemble des terres émergées, le renseignement vaut quand même son pesant d'or, pas vrai, une fois*, sais-tu ? __________ * et même plusieurs fois une fois...

Pour toi, peut-être… Quant à nous, on reste sur notre faim. Si tu nous en disais plus ?

C'est le début de la gloire...

Désolé, Cédric, le point de cette nuit est remporté par Thorgal pour sa bûche #9738 postée hier à 3h32 !

Taille et définition d'écran Lorsque tu parles d'affichage sur des écrans de 22, 24 ou 30 pouces de diagonale, tu fais une confusion entre taille physique et définition de l'écran. Ce qui importe pour la programmation de ta page, c'est la largeur de la fenêtre en pixels. Ainsi, sauf si la technologie de l'écran l'interdit, tu pourrais très bien utiliser un écran de 22 pouces avec une définition 800x600. Remarque, ça ferait de gros pixels ! Inversement, mon 17 pouces accepte des définitions 800x600 (c'est en particulier chez moi le défaut en mode sans échec), 1024x768 (la définition que j'ai choisie pour mes œils délicats ) ou 1280x1024 (plus ou moins standard pour cette taille d' écran). Ton site sur grand écran Rien de plus simple, pour tester l'apparence de ta page sur un écran de grande taille. Ajoute dans ta feuille de style une clause de largeur au body (corps de l'écran). body {width:2000px} Comme tu déclares que l'ensemble de tes 3 colonnes doit occuper 100% de la largeur, elles s'empressent de le faire... En revanche, tu découvres un problème avec ton bandeau haut. Comme les images ne couvrent plus la totalité de la largeur des blocs qui les contiennent, tu vas devoir déclarer que la couleur de fond de ces blocs (bandeau, logo et logodroite) est le noir (#000000). Structure standard de page Si je comprends bien, tu voudrais que toutes tes pages se présentent de la même façon, c'est-à-dire un bloc principal contenu encadré d'un bandeau haut, d'un pied de page, et de deux colonnes d'information et de navigation. Je vois deux solutions, soit tu utilises la technique des frames (cadres, en français, qui permet de ne décrire qu'une fois les fameux 4 blocs encadrants), néanmoins déconseillée car elle tombe en désuétude et risque un jour ou l'autre de ne plus être maintenue, soit tu répètes toute la structure pour chaque page. Ça paraît lourd mais, grâce à PHP, que je ne connais pas bien, on doit pouvoir le réaliser avec des includes qui évitent la lourdeur de la répétition de la description, et celle de la fastidieuse modification en série lorsque tu veux en changer le contenu.

Franklin, c'est le benjamin !

Les rues de Montcuq (cultes par ailleurs !) accueillent le touriste pour lui mettre des croissants au beurre d'escargot dans les oreilles. L'échelle, étant à cavitation variable, produit des gargouillis ainsi que des vents de nos austères côtes bretonnes. Nous ne pouvons donc plus continuer à jouer les fines bouches. Ainsi, mettons les pieds dans le plat, et les mycoses sous la table. Certains sujets sont, de par leur nature érectile priapique, tristement semblables à un Indien dans une tire présidentielle en route vers l'infini et les Schtroumpfs iront tous au paradis, là où reposent les golgottes qui ont tout perdu. Le 14 février, quand les Iroquois pratiquent la danse, leurs cheveux verts hennissent de bonheur ! Mais on oublie trop vite que la pratique d'absolution des péchés risque d'entraîner une grave et impitoyable déraison érectile fort dommageable à long terme. Après avoir tout cassé, Yann mit Zébulon en vente, puis la société Générale dans sa poche. La brigade financière

(5756) Le monde fantastique de la licorne

A moins que ce ne soit le contraire...

Les rues de Montcuq (cultes par ailleurs !) accueillent le touriste pour lui mettre des croissants au beurre d'escargot dans les oreilles. L'échelle, étant à cavitation variable, produit des gargouillis ainsi que des vents de nos austères côtes bretonnes. Nous ne pouvons donc plus continuer à jouer les fines bouches. Ainsi, mettons les pieds dans le plat, et les mycoses sous la table. Certains sujets sont, de par leur nature érectile priapique, tristement semblables à un Indien dans une tire présidentielle en route vers l'infini et les Schtroumpfs iront tous au paradis, là où reposent les golgottes qui ont tout perdu. Le 14 février, quand les Iroquois pratiquent la danse, leurs cheveux verts hennissent de bonheur ! Mais on oublie trop vite que la pratique d'absolution des péchés risque d'entraîner une grave et impitoyable déraison érectile fort dommageable à long terme. Après avoir tout cassé, Yann mit Zébulon en vente, puis

Moi, je dis qu'il s'agit d'une prison...

Ce que je t'ai fait modifier ? En fait, pas grand-chose... Premièrement, le principe du bandeau haut, où les deux images d'arrondis coulissent sur les bords en fonction de la largeur de l'écran, tu l'avais déjà mis en place. La nouveauté, c'est que ta bannière est devenue image de fond, ce qui permet justement un parfait ajustement du bandeau à la taille de l'écran de ton visiteur. Sinon, dès que la somme des trois largeurs d'images dépassait la largeur d'écran, la bannière sautait en-dessous, destructurant l'aspect de ta page. Deuxièmement, le principe des 3 colonnes qui flottent à gauche : la 1ère s'adosse au bord gauche du bloc conteneur (hauteur), la 2nde s'adosse à la 1ère, et la 3ème à la 2nde. En donnant leur largeur en % de celle du conteneur, on le remplit parfaitement quelle que soit cette largeur. Troisièmement, tu avais commis quelques erreurs de limites de blocs (les </div>), de telle sorte qu'il y avait une confusion entre colonnes, qui détériorait leur présentation. En final, pour vérifier que tout va bien, tu lances ta page, puis tu réduis la largeur de la fenêtre de ton navigateur pour t'assurer que tout coulisse parfaitement sans se désorganiser. Sur ton écran 1280x1024, si tu réduis la largeur d'environ 1/6ème, tu verras la page comme avec un 1024x768. Si tu réduis d'un tiers, tu auras une vision 800x600 (il n'en existe plus beaucoup, mais il faut encore penser à eux) ! Si c'est OK avec FF et avec IE, tu as de fortes chances de satisfaire tous tes visiteurs...

(5751) Eclairons le débat !

Les rues de Montcuq (cultes par ailleurs !) accueillent le touriste pour lui mettre des croissants au beurre d'escargot dans les oreilles. L'échelle, étant à cavitation variable, produit des gargouillis ainsi que des vents de nos austères côtes bretonnes. Nous ne pouvons donc plus continuer à jouer les fines bouches. Ainsi, mettons les pieds dans le plat, et les mycoses sous la table. Certains sujets sont, de par leur nature érectile priapique, tristement semblables à un Indien dans une tire présidentielle en route vers l'infini et les Schtroumpfs iront tous au paradis, là où reposent les golgottes qui ont tout perdu. Le 14 février, quand les Iroquois pratiquent la danse, leurs cheveux verts hennissent de bonheur ! Mais on oublie trop vite que la pratique d'absolution des péchés risque d'entraîner une grave et impitoyable déraison érectile fort dommageable à

Ça sent le vécu ? OMG, ne cherchez plus,même si ça sonne prometteur, ce n'est pas une contrepèterie !

(5749) On dirait que la neige me manque... (Cambridge, Ontario, Canada)

Bonjour Julien, Commençons par la structure de ta page. Tu as un peu tout mélangé, les blocs s'enchevêtrent mal, et c'est la raison principale de tes ennuis. Verticalement, 3 blocs, repérés par les id bandeau, hauteur et pied_page. Bandeau : 2 blocs flottants, logo à gauche, logodroite à droite, et une image au milieu. La meilleure solution, à mon avis, est de mettre l'image ban.jpg en image de fond centrée horizontalement (URL relative par rapport à l'emplacement de la feuille de style). En largeur 1280, l'image sera complète. Pour les largeurs inférieures, les bords seront tronqués (en 1024 par exemple, on ne voit plus les deux spots latéraux). Hauteur : 3 blocs flottants, formant 3 colonnes, menu, contenu et news. La meilleure solution est de déclarer les colonnes flottant à gauche, elles s'adosseront les unes aux autres. Largeur 20% pour les deux extrêmes, 60% pour la centrale (si par hasard IE te faisait des misères en mettant la colonne de droite sous les autres, réduis la largeur de la colonne centrale à 58% par exemple, ou précise margin:0 sur les 3 colonnes). Pour ce bloc hauteur, le contenu actuel de tes colonnes est tel que tu peux te contenter d'une hauteur de 540 pixels. Tu trouveras ci-dessous la nouvelle version de ta feuille style.css respectant les conditions ci-dessus, et le squelette de la page index.html après résolution php (telle que je la récupère). Pour les images, vérifie les URL (je ne peux retourner à ta page, ton site est bloqué par mon proxy). /* fichier css*/ div { text-align:center; } div#bandeau { /*banniere*/ width:100%; border-style:none float:left; text-align:left; margin-left: 0; text-align:left; border-left-color: #FFFFFF; border-style:none; height:100px; background: url(ban.jpg) no-repeat top center; } div#hauteur { /* hauteur milieu page [ menu (log) + contenu + bloc news (heure + meteo + news ) ] */ width:100%; height:540px; } div#pied_page { /* pied de la page*/ clear:both; width:100%; height:50px; background-color:#33FF99; } div#menu { /*menu droite*/ float:left; width:20%; height:100%; background-color:#FF6699; } div#contenu { /*contenu de la page*/ float:left; width:60%; height:100%; background-color:#FFCC00; } div#bloc_news { /*colonne droite*/ float:left; width:20%; height:100%; background-color:#FF3300; } div#logo { /* case en haut à gauche*/ float:left; width:20%; height:100%; background-color:#0FF0FF; } div#logodroite { /*case en haut a droite */ border-left-color: #FFFFFF; border[ -left ]-width = 0px ; margin-left: 0; text-align:left; border-style:none; float:right; width:20%; height:100px; background-color:#FFFFFF; } div#log { /* bloc de login */ width:100%; height:150px; background-color:#FF9FF0; } div#heure { /* bloc heure et date*/ width:100%; border-style:none; height:150px; background-color:#FFFFFF; } div#meteo { /*bloc meteo */ width:100%; height:150px; background-color:#FF9FF0; } div#news2 { /* bloc de news (site) */ width:100%; height:150px; background-color:#F9F5FF; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="index_fichiers/style.css"> <meta name="author" content="Xxxxxxxxx Julien"> <title>Tutoland</title> </head> <body> <div id="bandeau"><!-- debut banniere --> <div id="logo"><img src="logo.jpg" align="left"></div> <div id="logodroite"><img src="logo2.jpg" align="right"></div> <!--pas d'image "ban", elle est dans la feuille de style--> </div><!--fin banniere--> <div id="hauteur"><!-- debut hauteur contenu + colonne droite + colonne gauche --> <div id="menu"><font color="#ffffff"> <!-- debut col gauche --> <div id="log"><font color="#ffffff"> <hr><strong>Login</strong></font> </div> <hr><strong>Liens</strong></font> </div> <!-- fin col gauche --> <div id="contenu"> <!-- debut col centrale --> <strong><br>Bienvenue sur Tutoland, <br>Site en cours de construction ....</strong> <br><br><img src="cons.jpg"> </div> <!-- fin col centrale --> <div id="bloc_news"> <!--début bloc news (col droite)--> <div id="heure"> <!--debut heure--> <font color="#ffffff"><hr> <strong>Date et Heure</strong> <br><br>Nous sommes le <br> 17-02-2008 et il est <br> 22:58 </font><hr> </div> <!--fin heure php--> <div id="meteo"> <!--debut meteo--> <font color="#ffffff"><strong>Méteo</strong><br> <br><img src="meteo.gif"></font><hr> </div> <!--fin meteo--> <div id="news2"> <!--debut news2--> <font color="#ffffff"><strong>News</strong> <br><br>Nouvelle version du site Tutoland !<br> <br>Plus belle!<br>Plus simple d'emploie!<br> et plus rapide! </font><hr> </div> <!--fin news2--> </div> <!--fin bloc news--> </div> <!--fin bloc hauteur--> <div id="pied_page"><font color="#ffffff"> © Tutoland-Entertainment <br> Version:1.1</font> </div> </body></html> Je pense qu'avec ça, ta page devrait beaucoup mieux se comporter, tant sous FireFox que sous Internet Explorer. Et probablement même avec les autres navigateurs... Nota : ainsi rédigée, ta page n'est pas encore parfaite. Il y reste en effet des clauses de style qui devraient être rapatriées dans la feuille de style : par exemple, les instructions <font color="#xxxxxx"> qui s'écrivent color:xxxxxx en CSS).

Merci, Cédric, je vais m'en servir cette nuit-ci...

Si trouille, c'est la... ... peur !

Ben alors, DK, et le 5746 ? (5746) Eh oui, un train peut en cacher un autre ! (Severn Bridge, Ontario) Et on reprend avec le n° 5748

Bonsoir Julien, Effectivement, tu as un problème général de positionnement de bandeau haut (en tout cas pour la définition d'écran 1024x768 qui est la mienne), et un problème particulier avec Internet Explorer, qui semble sérieusement déraper dans l'affichage des blocs de ta page. J'ai sorti l'environnement de ta page (fichier / enregistrer sous). Je vais étudier ça, mais je ne te promets pas une réponse dès ce soir, il est déjà bien tard. Je peux en tout cas te donner un élément de réponse : on ne peut pas exprimer la hauteur d'un bloc en pourcentage. Le navigateur lui donnerait la hauteur nécessitée par son contenu. En particulier, pour un bloc dont tu ne définis qu'une image de fond, la hauteur sera nulle, car l'image de fond n'est pas considérée comme un contenu, et le bloc est donc vide.