Aller au contenu

Dylav

Modérateurs
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    45 408

  • Inscription

  • Dernière visite

  • Jours gagnés

    206

 Type de contenu 

Tout ce qui a été posté par Dylav

  1. Dylav
    Bonne question, inspecteur. Moi, j'aurais tendance à répondre « non ». Mais je ne suis pas le maître du jeu... Toc toc ! Kévina... Kévina ? Kévina ? Excuse-nous de te réveiller mais nous souhaiterions, l'inspecteur et moi, savoir s'il est tolérable d'accepter le mot « bûche » dans une signature comme pouvant participer au jeu (cf. le cas flagrant de Cédric_65) ?
  2. Dylav
    Rhôôô... Diana !
  3. Dylav
    (sic) J'hallucine...
  4. Dylav
    Bonsoir Lomaster, En attendant ton retour, juste un petit constat de ma perception visuelle de ta dernière version, en résolution 1024*768 : sous FireFox 1.5.0.7, et sous Internet Explorer 6.0.29 ! La seule différence réside dans le comportement du bandeau menu défilant (je n'ai pas cherché pourquoi). Sous IE, le menu défile sur toute la largeur. Sous FF, il ne défile que sous la partie gauche, à l'exclusion de la partie se situant sous l'ordi et le contact. Bizarre, bizarre... Par ailleurs, je ne comprends pas tes soucis sur une image (?) en haut à droite... Animation fluide ? Je ne sais pas exactement quel type d'effet tu recherches, mais je peux te proposer un fond défilant grâce à un petit script JavaScript très simple (mais fallait le faire, quand même ! Je peux le dire, il n'est pas de moi, comme tu le verras). <!-- Fondefilant.js --- l'image de fond défile verticalement -------------- // // The background image is actually scrolled on the page. Wow ! // // Original : Roy Sinclair ([email protected]) // This script and many more are available free online at // The JavaScript Source -> http://javascript.internet.com // var backgroundOffset = 0; var bgObject = eval('document.body'); function scrollBG(maxSize) { backgroundOffset = backgroundOffset + 1; if (backgroundOffset > maxSize) backgroundOffset = 0; bgObject.style.backgroundPosition = "0 " + backgroundOffset; } var ScrollTimer = window.setInterval("scrollBG(307)", 64); // // ---------------------------------------------------------------- End --> Dans ta page HTML (+ feuille de style si tu veux), - niveau style, tu références l'image de fond, - niveau <body>, tu références le script de défilement... <html><head> <title>Fond défilant</title> <style type="text/css"> body {background-image: url(Fondefilant.jpg)} </style> </head> <body> <script type="text/javascript" src="Fondefilant.js"></script> </body></html> et c'est tout. @ tout-à-l'heure
  5. Dylav
    ... incontinence oups...
  6. Dylav
    Hello Derrick, hello MyLord, Ben, en fait, le nombre 666 est réputé satanique. Alors je ne suis pas sûr qu'il ait été bon de naître le 6 juin, cette année... De toute façon je m'en fiche, je ne suis pas superstitieux, ça porte malheur ! Peux-tu expliquer ?
  7. Dylav
    ... triple-saut Aucune connotation, OF, ne t'inquiète pas
  8. Dylav
    Pour le bandeau bannière, il semble que le résultat soit conforme à tes voeux ! Néanmoins, sans vouloir être perfectionniste, je trouve que la mise en page évolue bizarrement lorsque tu diminues la largeur de ton écran. Au lieu de pratiquer un affichage pleine page pour la fenêtre de ton navigateur, mets-toi en affichage personnalisé , puis amuse-toi (je ne sais pas si c'est le mot ) à diminuer la largeur de la fenêtre. En toute sincérité, je ne saisis pas pourquoi (sous IE en tout cas), - la largeur de la zone "contact" semble augmenter (même en valeur absolue), - le bandeau menu défilant n'occupe plus toute la largeur de la colonne centrale. Je vais tenter des investigations plus poussées ce soir. Ceci dit, il faut savoir faire la part des choses : si ces anomalies ne se produisent que pour des largeurs inférieures à 800px, je crois qu'on peut les ignorer, car il ne doit pratiquement plus rester personne avec des résolutions inférieures à 800x600. Mais je n'aime pas les problèmes inexpliqués. Il reste également à élucider la présence non désirée d'un bandeau noir important et inutile en haut de page (au moins sous IE. Pour FF je regarderai ce soir). De toute manière, si tu souhaites un étroit bandeau noir, la solution est simple : tu qualifies le <body> avec une marge en haut, body {margin-top: 20px } <-- 20 px ou 1%, par exemple, et tu n'imposes rien d'autre, de sorte que ta colonne centrale s'étalera sur le reste de la hauteur de la page.
  9. Dylav
    Je ne suis pas entré dans les détails, mais il me semble qu'il serait bon de mettre ta div "contact" après la div "entete" (et non avant). En plus, il doit falloir y indiquer un truc genre "position:relative", pour qu'elles restent sur la même "ligne" (regarde pour ça l'exemple des 3 colonnes de "sourisfolle"). Autre solution (peut-être plus simple), tu remplaces la div "contact" par un <span> "contact" dans la div "entete". Tu le décris avant le <span> "ordi", en "float:right" aussi, pour qu'il se situe à droite de "ordi". Du coup, en-dessous, le bandeau menu déroulant prendra bien toute la largeur de la <div> "tout", ce qui n'a pas l'air d'être le cas dans ta solution intermédiaire actuelle. Excuse-moi d'être un peu approximatif et peut-être incomplet, mais je suis au boulot, avec des moyens moins confortables que chez moi. En particulier, je n'ai pas FF sous la main... Je me reconnecterai vers 18 ou 19 h. @+ Dylav Nota tout bête : ne mets pas de "e" à "contact". Conseil tout bête : ne mets pas l'adresse e-mail en clair. Une bonne solution consiste à remplacer le @ par le mot "at" (ou "chez" en français, par exemple, toto.dupont chez free.fr). Ainsi, les robots ne détectent pas qu'il s'agit d'une adresse e-mail, ton interlocuteur comprend quand même, et tu évites le spamming sauvage...
  10. Dylav
    Bonjour Lomaster, Voilà. J'ai reproduit une arborescence similaire à la tienne avec, en premier niveau, la page html et la feuille de style, ainsi qu'un sous-répertoire "photo", qui contient 3 images, "banniere.gif", "ordi.jog" et "1.jpg". J'ai ensuite appliqué exclusivement les modifications ci-dessous (marquées en gras). Dans la feuille de style, #ordi {float:right} #entete { background: white url(photo/banniere.gif) fixed top left no-repeat; [...] } et, dans la page HTML, <div id="entete"> <span id="ordi"> <img src="photo/ordi.jpg" alt="ordi" title="ordi"> </span> </div> Résultats : Avec InternetExplorer, ça fonctionne exactement comme attendu. Avec FireFox, c'est agaçant, on ne voit pas la bannière, mais son espace est bien réservé. On voit bien l'ordi, qui flotte à droite correctement. Bizarre, le menu déroulant est tronqué à droite, sans raison apparente. C'est d'autant plus infernal que, 1) il semble que ça ne réagisse pas comme pour toi, 2) les recommandations W3C sont respectées, à mon avis, mais je n'ai pas soumis la page HTML et la feuille de style aux validateurs W3C. Je dois t'abandonner maintenant, pour la journée. A ce soir. Il faut quand même que je me mette au taf...
  11. Dylav
    ... bijoux
  12. Dylav
    ... Muddy Waters
  13. Dylav
    Merci. A demain.
  14. Dylav
    Tu as raison, ça devrait être ça. Je n'ai pas d'idée immédiate. Je me propose de faire un test chez moi, mais demain, si ça ne te dérange pas
  15. Dylav
    Beetlejuice
  16. Dylav
    Mais personne ne savait que Robert l'endive blanche, le fameux receleur aux dents jaunes, scrutait son ordinateur. Il cherchait fébrilement une pastèque flétrie, reniflant le vent avec gourmandise et circonspection, quand soudain Circonspection hésita sur l'Immaculée Conception qu'il circonvint pour maculer conceptuellement de sa main le tableau idyllique très connement paluché aux fines herbes. « Quelle déception », pensa Zézette, subrepticement revenue du fort lointain jadis habité par des ermites errants
  17. Dylav
    Rolling Stones pour la chanson "Dandelion"
  18. Dylav
    Surtout que j'ai pris des risques... je suis allé faire autre chose, et je suis revenu trop tard. Lucie, tu viens de rater un point sacrément facile, je ne te dis que ça... nananère ! Allez, bonne bûche, bonne nuit, tout ça, qwa
  19. Dylav
    Eh, les fossiles, je vais vous couper les faux-cils à la faucille... Mes copines n'ont pas toutes été des canons, mais des comme ça, jamais... promis-juré !
  20. Dylav
    Ah que coucou ?
  21. Dylav
    J'ai déjà eu ça, quand je donnais une mauvaise URL pour l'image de fond. Dans ce cas, contrairement à la réaction de la balise <img> (croix rouge dans un petit carré blanc), la feuille de style dédaigne la chose et n'affiche aucune indication. Peux-tu me décrire l'arborescence de rangement des objets de ton site, en indiquant où tu ranges la page HTML, où tu ranges la feuille de style, où tu ranges les images ? Et on retrouvera le chemin relatif à donner à l'image de fond de la <div> "entete".
  22. Dylav
    Voilà l'idée. Ce qu'il te faut, c'est une sorte de coulisse, comme le tiroir qui rentre dans la boîte d'allumettes. Ton bloc <div> "entete" va avoir une largeur à ta convenance (par exemple, en % de la largeur de l'écran), et être rempli par l'image "banniere" en image de fond. Quant à l'ordi, ce sera un bloc <span> "ordi" flottant, cadré à droite dans le bloc <div>, et contenant l'image "ordi". Ainsi, l'ordi flottera sur la bannière, se positionnant à droite en fonction de la largeur allouée à la bannière. A noter que c'est la hauteur de l'image "ordi" qui imposera la hauteur de la <div> "entete". Pour cela, deux documents à modifier. 1. la feuille de style 1.1. dans le paragraphe #entete, tu remplaces la ligne background-color par une ligne background: white url(photo/banniere.gif) fixed top left no-repeat; qui signifie que, sur ton fond blanc, tu poses l'image banniere.gif (tu mets son url dans la parenthèse : attention, l'adresse est relative et dépend donc des emplacements respectifs, sur ton site, de la feuille de style et de l'image), qui doit rester fixe, positionnée en haut et à gauche du bloc, et non répétée : c'est l'expression courte de l'ensemble des paramètres background en une seule ligne (tu connais sans doute cette écriture). 1.2. tu ajoutes un paragraphe #ordi dont nous verrons plus bas l'usage #ordi { float:right; } 2. la page HTML <div id="entete"> <span id="ordi"> <img src="photo/ordi.jpg" alt="ordi" title="ordi"> </span> </div> Dans le bloc <div> "entete", on ne voit plus la description de l'image "bannière", puisqu'elle a été exprimée en image de fond dans la feuille de style. Pour l'image "ordi", la situation a également changé : elle est incluse dans un bloc <span> "ordi", réputé flottant calé à droite dans le bloc <div> "entete" (c'est ce que dit le paragraphe #ordi en 1.2. ci-dessus). Ainsi, l'ordinateur se placera là où on le lui demande (comme une justification à droite, en imprimerie), en coulissant sur la bannière. Si au pire tu n'accordais qu'une largeur de 142px à ta colonne, la bannière serait tronquée automatiquement à cette largeur, et serait par ailleurs invisible, totalement recouverte par l'ordi (dont la largeur est justement 142px). Toujours est-il qu'il n'y aura plus de pavé blanc au bout à droite, puisque c'est la place réservée à l'ordi. Pour finir, voici l'aspect actuel de ta page d'accueil dans la résolution 800x600 : comme tu peux le voir, ce n'est pas heureux : l'image "bannière" déborde. En revanche, la nouvelle solution devrait donner un rendu impeccable. Je ne peux pas te montrer l'effet actuel en 640x480 (mon écran ne me propose pas cette résolution), mais c'est probablement encore moins beau. Ceci dit, ils ne doivent plus être très nombreux, les internautes utilisant cette résolution. En conclusion, même si tu indiques que tu as conçu ton site pour une vision optimale dans la résolution 1280x1024, tu ne dois jamais oublier que tout le monde n'en est pas là. La preuve, nous ne nous comprenions pas parce que je suis en 1024x768 : eh oui, c'est pour mon confort, avec mon 17", mes oeils ne sont plus tout jeunes... Mais qu'est-ce que je suis bavard, pour quelques lignes à modifier ! Si en plus cela ne fonctionne pas, tu seras autorisé à me mettre des claques... virtuelles
  23. Dylav
    J'ai vu le pb. J'ai une idée de solution pour toi. Simple. Laisse-moi un peu de temps pour la rédiger.
  24. Dylav
    tracteur Ferrari
  25. Dylav
    ... émir Salut Vivi, salut Lulu, salut Matelot !
×
×
  • Créer...