Problème d'image de fond (html)

Suggestions et questions sur le forum et son fonctionnement. Forum technique dédié également au traitement de l'image : colorisation, astuces pour Photoshop, animation au format GIF, utilisation pour le Web, etc.
Répondre
Avatar du membre
Database
Maître 2e Dan
Maître 2e Dan
Messages : 2320
Enregistré le : jeu. 27 oct. 2016, 01:45

Problème d'image de fond (html)

Message par Database » jeu. 25 oct. 2018, 16:39

Problème d'image de fond.

Curiosité pour la Database. L'image de fond ne s'applique pas pareil quand j'affiche mes pages en mode Intranet et via le Web ...
En fait, sur le Web, elle est "tassée" vers le haut. Ce qui fait que le changement de couleurs ne se positionne pas aux bons endroits. Je l'avais agrandie un peu pour cause d'ajout du drapeau BD-NU (pour faire plaisir à jmrazer), et voilà qu'elle se tasse encore plus vers le haut.
Cela pourrait-il être mieux traité si je basculais sur un background-image via CSS ?

[plutôt une question pour Tovenaar ... :wink: ]

En fait, il apparait que l'image est traitée pour s'afficher sur une partie visible de l'écran, dans mon cas, ce serait à peu près 1/3. ... Donc si on l'agrandit, elle se tasse ... A-t-on accès à ce mode de travail ?
Le fait que mon image soit en 300 ppp a-t-il de l'incidence ?

Par ailleurs, cette image de fond (on dit bien 'de fond') vient écraser le 'tableau' via lequel sont gérées les cavernes. Quand je vire le fond, le tableau entier sort en jaune moutarde ... Depuis quand un fond peut-il écraser ce qui est 'au-dessus' ?

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » jeu. 25 oct. 2018, 18:23

Database a écrit : Cela pourrait-il être mieux traité si je basculais sur un background-image via CSS ?

[plutôt une question pour Tovenaar ... :wink: ]
Si tu as un lien pour montrer la page en question, je vais voir ce que je peux faire.
Image

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » jeu. 25 oct. 2018, 18:45

Sur la page http://www.dlgdl.com/BDs_Accueil.HTM, il y a tout un bloc qui n'est plus centré. :dubitatif:

< center > et < /center > qui ont "disparu".

Et il faudrait que les "div" comme DIV ID="SGROBJ7D282DC242FFA1" STYLE="position:absolute; ... se trouvent DANS un autre "div" comprenant le tableau de navigation.

Et améliorer le style du "body" :

Code : Tout sélectionner

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body style="background:#DAF7A6 url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG) ; font-family:Book Antiqua, Times New Roman, Times;">

texte essai

</body>
</html>
Image

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » jeu. 25 oct. 2018, 21:12

Tovenaar a écrit :Sur la page http://www.dlgdl.com/BDs_Accueil.HTM, il y a tout un bloc qui n'est plus centré. :dubitatif:

< center > et < /center > qui ont "disparu".

Et il faudrait que les "div" comme DIV ID="SGROBJ7D282DC242FFA1" STYLE="position:absolute; ... se trouvent DANS un autre "div" comprenant le tableau de navigation.
J'ai essayé de tout repositionner, sans succès. :deso:

Mais il est facile de décaler tout le bloc de 200 px vers la droite :
Prokov2.jpg
Ce n'est pas centré, mais ça donne quand même bien.
Le contour bleu de quelques vignettes-liens est dû à mon navigateur interne qui exige "border=0".
Image

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » jeu. 25 oct. 2018, 23:33

Et quand on remplace l'image http://www.dlgdl.com/IMAGES/FONDCVRN.JPG par celle-ci avec fond transparent, c'est encore mieux :
FONDCVRN.png
---
Prokov2.jpg
Image

Avatar du membre
arsen33
Maître 1er Dan
Maître 1er Dan
Messages : 1320
Enregistré le : mer. 09 oct. 2013, 14:29

Re: Problème d'image de fond (html)

Message par arsen33 » jeu. 25 oct. 2018, 23:50

Tovenaar a écrit :
Tovenaar a écrit :Sur la page http://www.dlgdl.com/BDs_Accueil.HTM, il y a tout un bloc qui n'est plus centré. :dubitatif:

< center > et < /center > qui ont "disparu".

Et il faudrait que les "div" comme DIV ID="SGROBJ7D282DC242FFA1" STYLE="position:absolute; ... se trouvent DANS un autre "div" comprenant le tableau de navigation.
J'ai essayé de tout repositionner, sans succès. :deso:

Mais il est facile de décaler tout le bloc de 200 px vers la droite :
Prokov2.jpg
Ce n'est pas centré, mais ça donne quand même bien.
Le contour bleu de quelques vignettes-liens est dû à mon navigateur interne qui exige "border=0".
Le problème en déplaçant le bloc de 200 pixels, c'est que cela ne fonctionnera pas avec toutes les configurations d'écran.
Telle que le fichier HTML est construit, il est impossible de centrer le tableau parce que sinon le repositionnement des autres liens qui eux sont fixés ne collera pas avec toutes les configurations.
Le fait d'avoir un tableau dans un tableau n'aide pas à gérer tout ça... Idem pour les images en positionnement fixe.
Je crois qu'il est possible de palier à tout ça avec une seule image Gif regroupant tout et des lignes de code pour gérer le survol de la souris. Il me semble que j'avais fini par faire ça sur un site mais il faudrait que je retrouve mes archives (le site a disparu depuis un moment et la page en question n'a pas été archivée dans un wayback).

Sinon juste quelques petits points :
dans la ligne suivante:

Code : Tout sélectionner

<table border="0" width%="100%" cellspacing=0 cellpadding=0>
le width%=100% ne peut fonctionner (heureusement d'ailleurs parce que sinon ça met un bazar monstre)

sur celle ci:

Code : Tout sélectionner

<td rowspan="3""><a href="http://www.dlgdl.com/GENPAGES/PHEAD_BD.HTM" onmouseover="turnOn('image2')" onmouseout="turnOff('image2')"><img src="La%20Database%20BD%20du%20Loup%20-%20Toute%20la%20BD%20francophone%20-%20Accueil_fichiers/CAVERN03.JPG" name="image2" alt="Franco-Belge" title="La BD Franco-Belge  ..." width="106" height="87" border="0"></a></td>
le " est de trop dans <td rowspan="3"">

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » ven. 26 oct. 2018, 00:01

Il y a beaucoup d'erreurs dans cette page.

Concernant le tableau de navigation qui ne peut être centré en l'état, cette image donne un résultat encore meilleur, du moins pour la page telle qu'elle se présente pour le moment :
FONDCVRN.png
----------------
Prokov3.jpg
arsen33 a écrit :

Code : Tout sélectionner

<td rowspan="3""><a href="http://www.dlgdl.com/GENPAGES/PHEAD_BD.HTM" onmouseover="turnOn('image2')" onmouseout="turnOff('image2')"><img src="La%20Database%20BD%20du%20Loup%20-%20Toute%20la%20BD%20francophone%20-%20Accueil_fichiers/CAVERN03.JPG" name="image2" alt="Franco-Belge" title="La BD Franco-Belge  ..." width="106" height="87" border="0"></a></td>
le " est de trop dans <td rowspan="3"">
Enlever ce " rend le reste du code moins tordu.
Enlever le "width%="100%"" est une bonne chose.

C'est vrai que le langage utilisé par Database pour cette page est assez "hybride".
Image

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » ven. 26 oct. 2018, 00:29

Il y a 2 "div" qui ont le même "id" : SGROBJ7D282DC242FFA6 :dubitatif:

Le tableau de Database fait 710 px de large.
Avec une marge (padding) de 200 px à gauche, ça fait 940 px en tout : ça ne convient pas aux petits écrans.
Réduire cette marge et les coordonnées des images "onmouseover" d'autant serait préférable.

Mais si ce tableau était centré, le problème des "petits écrans" subsisterait.
D'ailleurs, quand on réduit la fenêtre du browser, des images se retrouvent mal placées.

Il faudra peut-être un jour songer à réaliser un menu plus "souple" au niveau de l'affichage. :wink:

J'ai testé une page comportant des corrections (script disponible) avec Firefox et Explorer et il n'y a rien qui s'écrase.
Image

Avatar du membre
Database
Maître 2e Dan
Maître 2e Dan
Messages : 2320
Enregistré le : jeu. 27 oct. 2016, 01:45

Re: Problème d'image de fond (html)

Message par Database » ven. 26 oct. 2018, 02:10

Merci pour tous tes efforts.

Quelques réponses.
Le codage url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG) soit avec le nom de fichier format WEB ne me permet pas de travailler en intranet. C'est pour cela que j'utilise les chemins par défaut ...
Cela pose quelques difficultés liées à CSS mais dès que j'aurais commencé à l'utiliser, ça ira mieux (quand on ne met pas de racine au chemin dans une instruction CSS, il utilise le chemin d'accès audit fichier CSS qui n'existe pas encore chez moi ...)

Le mode de l'utilisation des pages de la Database est expliqué dans le "?". Notamment, la largeur d'écran recommandée pour éviter les problèmes de cadrage.
Tu as raison, un jour il faudra que je reprenne tout ça. Le problème des jeux avec les cavernes étant un peu difficile à régler, j'évite de toucher à tout ça.
Par ailleurs, mes premiers essais ont été faits avec un générateur et j'ai ensuite réduit à la substantifique moelle le code HTML utile. Les DIV avec des ID de 3kms de long sont un vieux reste que je n'ai jamais nettoyé.
Je ne sais pas trop quand tu as récupéré les anciennes pages. En principe, le fichier FONDCVRN ne devrait plus avoir qu'une seule zone en jaune moutarde (qui monte au nez ... :lol: ). Je dois encore vérifier si je n'ai pas fait de fausse manip. Donc merci encore et à suivre demain (ou plus tard lol).

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » ven. 26 oct. 2018, 02:37

Voilà ta page INDEX fonctionnelle et nettoyée.
Les lien des images sont des liens absolu (il fallait quand même que je puisse y voir quelque chose).
La couleur de fond est restée #DAF7A6 ███.
Seule l'image FONDCVRN.png (qui remplace FONDCVRN.jpg) n'est pas sur ton site.
Je la remets ici :
FONDCVRN.png
Je n'ai pas touché aux autres liens.

L'image de fond de la page FONDPGJX.JPG vient d'une autre page prise au hasard sur ton site (il faut en mettre une autre).

Code : Tout sélectionner

<body style="background:#DAF7A6 url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG); font-family:Book Antiqua, Times New Roman, Times;">
font-family:Book Antiqua, Times New Roman, Times; permet d'afficher le texte dans la police Book Antiqua si elle est disponible (c'est généralement le cas) et pas en Times New Roman comme c'était le cas par défaut avec l'obsolète font-name.

Toute la page :

Code : Tout sélectionner

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DLGDL</title>
</head>

<body style="background:#DAF7A6 url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG); font-family:Book Antiqua, Times New Roman, Times;">
<script>
  if (document.images) {
  image0on = new Image();
  image0on.src = "http://www.dlgdl.com/IMAGES/CAVERN11.JPG";
  image0off = new Image();
  image0off.src = "http://www.dlgdl.com/IMAGES/CAVERN01.JPG";

  image1on = new Image();
  image1on.src = "http://www.dlgdl.com/IMAGES/CAVERN12.JPG";
  image1off = new Image();
  image1off.src = "http://www.dlgdl.com/IMAGES/CAVERN02.JPG";

  image2on = new Image();
  image2on.src = "http://www.dlgdl.com/IMAGES/CAVERN13.JPG";
  image2off = new Image();
  image2off.src = "http://www.dlgdl.com/IMAGES/CAVERN03.JPG";

  image3on = new Image();
  image3on.src = "http://www.dlgdl.com/IMAGES/CAVERN14.JPG";
  image3off = new Image();
  image3off.src = "http://www.dlgdl.com/IMAGES/CAVERN04.JPG";

  image4on = new Image();
  image4on.src = "http://www.dlgdl.com/IMAGES/CAVERN15.JPG";
  image4off = new Image();
  image4off.src = "http://www.dlgdl.com/IMAGES/CAVERN05.JPG";

  image5on = new Image();
  image5on.src = "http://www.dlgdl.com/IMAGES/CAVERN16.JPG";
  image5off = new Image();
  image5off.src = "http://www.dlgdl.com/IMAGES/CAVERN06.JPG";

  image6on = new Image();
  image6on.src = "http://www.dlgdl.com/IMAGES/CAVERN17.JPG";
  image6off = new Image();
  image6off.src = "http://www.dlgdl.com/IMAGES/CAVERN07.JPG";

}
function chercheloup(form) {
var adres = "http://www.google.com/search?hl=fr&ie=UTF-8&oe=UTF-8&q="+form.q.value +"+site%3Adlgdl.com&btnG=Recherche+Google&lr="
window.open(adres,'','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes');
}

function turnOn(imageName) {
  if (document.images) 
  {document[imageName].src = eval(imageName + "on.src");}
}
function turnOff(imageName) {
  if (document.images) 
  {document[imageName].src = eval(imageName + "off.src");}}</script>

<font size=4><center>BD's on the WEB, la database BD du Loup.</center></font>
 <table style="text-align:center; border:0">
  <tr>
    <td rowspan=2><a href="BDs_Aide.HTM"><img src="http://www.dlgdl.com/IMAGES/QUSTMARK.GIF" width=55
         alt="Au secours" title="Si la navigation internet ne vous est pas familière ..." border=0 /></a></td>
    <td rowspan=2 valign=middle>Un loup se désaltérait dans les lignes
 claires d'une BD. Il trouva qu'il manquait d'informations. Alors, il décida
 de faire son site ... (lire plus bas)</td>
    <td><a href="BDs_Actus.HTM"><img src="http://www.dlgdl.com/IMAGES/LOGOACTU.GIF" width=80
         alt="actualités" title="Suivez les évolutions du Site ..." border=0 /></a></td>
  </tr>
  <tr>
    <td><a href="BDs_Glossaire.HTM"><img src="http://www.dlgdl.com/IMAGES/LOGOGLOS.GIF" width=80 
    alt="Glossaire" title="Si un mot ou une abréviation vous est inconnu(e)" border=0 /></a></td>
  </tr>
 </table>    

<font size=3>Loup y es-tu ? &nbsp;(promenez-vous dans ses 21.400 pages ...)</font>

<table border="0" cellspacing=0 cellpadding=0 style="padding-left:200px;">
 <tr>
   <td rowspan=7>
     <table border="0" background="FONDCVRN.png" width="710">
      <tr height=30>
       <td></td>
       <td></td>
       <td></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_BD.HTM" onmouseover="turnOn('image2')"
        onmouseout="turnOff('image2')"><img src="http://www.dlgdl.com/IMAGES/CAVERN03.JPG" width=106 height=87 border=0
        name="image2" ALT="Franco-Belge" title="La BD Franco-Belge  ..." /></a></td>
       <td></td>
       <td></td>
       <td></td>
      </tr>
      <tr height=30>
       <td></td>
       <td></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_PF.HTM" onmouseover="turnOn('image1')"
       onmouseout="turnOff('image1')"><img src="http://www.dlgdl.com/IMAGES/CAVERN02.JPG" width=106 height=87 border=0
        name="image1" alt="Petits Formats" title="Les Petits Formats ..." /></a></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_JX.HTM" onmouseover="turnOn('image3')"
       onmouseout="turnOff('image3')"><img src="http://www.dlgdl.com/IMAGES/CAVERN04.JPG" width=106 height=87 border=0
        name="image3" ALT="Journaux" title="Les Journaux et Magazines" /></a></td>
       <td></td>
       <td></td>
      </tr>
      <tr height=30>
       <td></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_GF.HTM" onmouseover="turnOn('image0')"
       onmouseout="turnOff('image0')"><img src="http://www.dlgdl.com/IMAGES/CAVERN01.JPG" width=106 height=87 border=0
       name="image0" alt="Grands Formats" title="Les Grands Formats ..." /></a></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_CX.HTM" onmouseover="turnOn('image4')"
       onmouseout="turnOff('image4')"><img src="http://www.dlgdl.com/IMAGES/CAVERN05.JPG" width=106 height=87 border=0
       name="image4" ALT="Super-Héros" title="Les Super-Héros U.S." /></a></td>
       <td></td>
      </tr>
      <tr height=30>
       <td rowspan=3><a href="GENPAGES/PHEAD_MG.HTM" onmouseover="turnOn('image6')"
       onmouseout="turnOff('image6')"><img src="http://www.dlgdl.com/IMAGES/CAVERN07.JPG" width=106 height=87 border=0
       name="image6" ALT="Mangas ..." title="Les Mangas, Manhwas et Manhuas" /></a></td>
       <td></td>
       <td rowspan=3><a href="GENPAGES/PHEAD_RC.HTM" onmouseover="turnOn('image5')"
       onmouseout="turnOff('image5')"><img src="http://www.dlgdl.com/IMAGES/CAVERN06.JPG" width=106 height=87 border=0
       name="image5" ALT="Récits Complets" title="Les Récits Complets" /></a></td>
      </tr>
      <tr height=30>
       <td></td>
       <td></td>
       <td></td>
      </tr>
      <tr height=30>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
      </tr>
     </table>
    </td></tr>
  </table>
<br />

<div id="SGROBJ7D282DC242FFA1" style="position:absolute; top:285px; left:460px; width:72px; height:29px; z-index:7;">
  <img src="http://www.dlgdl.com/IMAGES/LOUP_ARCD.GIF" alt="Loup" title="plutôt que marcher dans la grotte" width=174 height=100 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA2" style="position:absolute; top:285px; left:600px; width:72px; height:29px; z-index:7;">
  <b>Venez visiter mes cavernes ...</b>
</div>
<div id="SGROBJ7D282DC242FFA3" style="position:absolute; top:390px; left:710px; width:90px; height:60px; z-index:7;">
  <a href="GENPAGES/PHEAD_AL.HTM"><font size=1>Ouinn, moi je veux TOUT voir</font></a>
</div>
<div id="SGROBJ7D282DC242FFA4" style="position:absolute; top:370px; left:780px; width:72px; height:29px; z-index:7;">
  <img src="http://www.dlgdl.com/IMAGES/USER_NON.GIF" alt="énervé" title="Décidez-vous, je fatigue !" width=144 height=80 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA5" style="position:absolute; top:450px; left:215px; width:160px; height:29px; z-index:7;">
  <img src="http://www.dlgdl.com/IMAGES/USER_OUA1.GIF" alt="homme épaté" title="Toutes ces BDs, je suis fou du Loup!" width=144 height=80 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA6" style="position:absolute; top:485px; left:315px; width:140px; height:29px; z-index:7;">
  <a href="BDs_Stats.HTM"><font size=1>Oooouh la la !!!</font></a>
</div>
<div id="SGROBJ7D282DC242FFA7" style="position:absolute; top:320px; left:215px; width:70px; z-index:7;">
  <a href="BDs_NUBD.HTM">
  <img src="http://www.dlgdl.com/IMAGES/FlagNUBD.jpg" alt="NU-BD" title="Un petit voyage hors frontières ? !" width=140 border=0 /></a>
</div>
<div id="SGROBJ7D282DC242FFA8" style="position:absolute; top:145px; left:865px; width:72px; height:29px; z-index:7;">
  <a href="BDs_FAQs.HTM">
  <img src="http://www.dlgdl.com/IMAGES/LOGO_FAQ.GIF" alt="QQOQC" title="To be or not to be ? !" width=110 border=0 /></a>
</div>

<form style="width:200px;">
<div id="SGROBJ7D282DC242FFA6" style="position:absolute; top:430px; left:510px; width:190px; height:29px; z-index:7;">
Rechercher dans la Database avec Google&trade;&nbsp;:<br />
<input type="text" name="q" size="25" 
  style="background-color:lightyellow; color:#000000;" /><br />
<input onClick="chercheloup(this.form)" type="image" name="Submitimage" 
  src="http://www.dlgdl.com/IMAGES/CHERCHE.gif" alt="Chercher" title="Chercher avec Google" 
  align="absmiddle" border="1" width="170" height="36" 
  style="cursor:pointer;margin-top:3px;" />
</div>
</form>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table width=100%>
 <tr>
  <td align=center width=30%>
      <a href="BDs_SourceBib.HTM">Références Bibliographiques</a><br /><br /><br />
      <a href="BDs_Quizz.HTM">Culture BD : Le Quizz du Loup</a>
   </td>
  <td align=center width=40%><a href="BDs_Search.HTM">
      <img src="http://www.dlgdl.com/IMAGES/WANTED.JPG" alt="Non, on ne sait pas tout !" width="70%" border=0 /></a></td>
  <td align=center width=30%><a href="BDs_Parutions.HTM">Calendriers de Parutions</a><br /><br /><br />
      <a href="BDs_Visites.HTM">Et les Martiens, c'est pour quand ?</a>
   </td>
 </tr>
</table>
<br /><br />
<h4>Préface</h4>
<p>La <i>Database BD du Loup</i> est un <b>répertoire</b> évolutif de la Bande Dessinée de langue française. Elle
permet de recenser progressivement TOUT ce qui a été édité dans le cadre de cette définition, tant en
France que dans les pays francophones comme la Belgique, le Luxembourg ou la Suisse, mais aussi le Québec, et si
nécessaire, d'autres terres plus lointaines, le seul critère étant la langue.
Au moment de l'écriture de ces lignes, le nombre d'entrées est d'environ 300.000. Ce
nombre positionne donc la <i>Database BD du Loup</i> comme l'un des (voire le) plus gros site(s)
sur le sujet. Mais le travail n'est pas terminé...<br /><br />
Enfin, ce terme (répertoire) a été choisi de préférence à dictionnaire ou encyclopédie qui
nous ont semblé trop prétentieux et trop galvaudés. Les données stockées ont pour but le
repérage et l'identification des albums ou fascicules existants, avec les grandes lignes
suivantes :
<ul type="circle"><li>Accès multiples par famille, éditeur, collection éditeur, série ou auteur via un
            système d'indexation qui prend bénéfice de la notion internet d'hyperlien
            (on clique et on y est ...),</li>
        <li>informations descriptives des albums ou fascicules
            aussi complètes que possible : éditeur, collection,
            couleur, taille, forme du dos, pagination, suppléments, caractéristiques
            éditoriales,</li>
        <li>titre de l'album ou de la première histoire contenue, au minimum,</li>
        <li>pas de résumé, tout au plus parfois le genre de scénario (humour, policier,
            SF, guerre, sports, super-héros, etc), au niveau des séries. Au lecteur de
            découvrir le contenu,</li>
        <li>pas de cote, d'indice de rareté ou de notion de valeur. Le sujet est trop
            complexe, trop évolutif et trop sujet à critique. Le prix de vente de l'éditeur,
            à parution, fait partie des données fournies autant que possible, pour donner
            une idée de la valeur initiale,</li>
        <li>pour les familles les plus déshéritées du WEB (PF, GF, RC), une iconographie
            raisonnable est proposée avec, pour objectif au moins un scan par série 
            (il s'agit des couvertures, chiffre moyen actuel : 60%, pour les PFs, nous
             approchons les 100% ...),</li>
        <li>Les albums ou fascicules sont rangés par série (cette notion est définie de
            façon précise dans le Glossaire) ou, pour les ouvrages indépendants 
            (one shot) ou petites séries, dans une page divers associée à leur Editeur.
            Une page 'Divers' recense alphabétiquement par titre toute la production des
            éditeurs peu prolifiques (quelques titres). A partir d'une dizaine, l'éditeur
            se voit associer une page 'Divers XXXX' qui lui est spécifique. Ces pages sont
            indexées sur 'XXXX' (donc le nom de l'éditeur) et sont classées alphabétiquement
            par titre d'album (exemple : Divers FLBLB (*), voir lettre F, famille BD). Ces pages
            sont aussi accessibles à partir de la page détail de chaque éditeur concerné.<br />
            (*) Prononcer flebeleb</li>
</ul></p>
<p>Une fonction d'accès direct au moteur de recherche Google a été incluse dans la page d'accueil.
Il suffit de saisir, dans la boîte-texte prévue à cet effet, l'expression que vous
souhaitez rechercher, puis de cliquer sur le bouton-chercher. Attention, ne pas faire [enter].
<br />
Google vous présente alors sa page de résultats de recherche usuelle, la recherche a été
limitée aux pages de la Database.
</p>
<p><font size="1">Prokov/DLGDL - v.4.1.C. - 25 octobre 2018</font></p>
</body>
</html>
Image

Avatar du membre
Tovenaar
Maître Jedi
Maître Jedi
Messages : 27140
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De vuilnisbak

Re: Problème d'image de fond (html)

Message par Tovenaar » ven. 26 oct. 2018, 02:59

Et il faudra bien que tu passes par une feuille de style globale pour éviter les styles internes kilométriques qui deviennent vites ingérables :

Faire une feuille de style "monfichier.css"
et la lier aux pages en insérant cette ligne dans le "head" du document html :

Code : Tout sélectionner

<link rel="stylesheet" href="monfichier.css" type="text/css">
Exemple d'un tout petit fichier .css :

Code : Tout sélectionner

td, th {padding-left:3px;
		padding-top:1px;
		padding-bottom:1px;
		padding-right:1px;
		border-left: 1px solid gray;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid gray;}
img {border:0;margin-right:2px;float:left;}
table {border-left: 0;
		border-top: 1px solid gray;
		border-right: 1px solid gray;
		border-bottom:0;}
Image

Avatar du membre
Database
Maître 2e Dan
Maître 2e Dan
Messages : 2320
Enregistré le : jeu. 27 oct. 2016, 01:45

Re: Problème d'image de fond (html)

Message par Database » ven. 26 oct. 2018, 23:38

Merci Tov'

Je suis bien en train de préparer le passage à CSS ...
Donc j'utiliserai tes divers conseils.
Mais bien sûr, il faudra que je fasse le tour de
- mes pages manuelles
- les modèles des pages générées par mon PHP.

Donc, sans doute pas pour demain ... et en plus, demain, c'est Moneteau avec TatooPF et la clique ...

Répondre

Retourner vers « Le forum du forum »