problème nvu image de fond

neophus · Message par **neophus** » 03 août 2006, 16:22

bonjour a tous

je suis un petit nouveau sur nvu et je dois faire un site durant mon stage, il s'avère que j'ai un problème concernant un fond de page, une image qui s'affiche en mosaique, pourtant la taille de l'image est bonne et je ne vois pas comment la redimensionner et quoi faire

merci d'avance

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 03 août 2006, 17:01

peux-tu donner le code source de ta page: à priori, il y a un probleme de transparence sur certaines cellules (car il semble que tu as fait une mise en pages par tableau (déconseillée par tous les spécialistes)
Avec le code, on essaiera de t'aider

neophus · Message par **neophus** » 03 août 2006, 17:39

oui j'ai bien fait un tableau car c'est ce qu'on ma dit de faire pour faire le site donc bon...

voici le code

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>index</title>
</head>
<body
 style="background-image: url(file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_10.jpg);">
<table style="text-align: left; width: 100px;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><img style="width: 153px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_01.jpg"></td>
      <td><img style="width: 94px; height: 38px;" alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_02.jpg"></td>
      <td><img style="width: 134px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_03.jpg"></td>
      <td><img style="width: 144px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_04.jpg"></td>
      <td><img style="width: 135px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_05.jpg"></td>
      <td><img style="width: 109px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_06.jpg"></td>
      <td><img style="width: 511px; height: 38px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_07.jpg"></td>
    </tr>
    <tr>
      <td rowspan="1" colspan="7"><img
 style="width: 1280px; height: 135px;" alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_08.jpg"></td>
    </tr>
    <tr>
      <td><img style="width: 153px; height: 694px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_09.jpg"></td>
      <td rowspan="1" colspan="5"
 style="height: 617px; width: 694px; text-align: left; vertical-align: top;">
      <p><font face="Berlin Sans FB, sans-serif"><font
 color="#99cc00"><font style="font-size: 22pt;"
 size="6">a</font><font style="font-size: 16pt;"
 size="4">s</font></font><font
 style="font-size: 22pt;" size="6"><font
 color="#3366ff">h</font></font></font><b>
      </b><font face="Bradley Hand ITC, cursive"><font
 color="#3366ff">ing&eacute;nierie</font></font><font
 style="font-size: 11pt;" size="2">, </font>ce
sont deux ing&eacute;nieurs qui ont choisi
d&rsquo;associer
leurs comp&eacute;tences afin de r&eacute;pondre aux nouveaux
principes pos&eacute;s par la Loi sur l&rsquo;Eau du 3 janvier
1992 et
pr&eacute;cis&eacute;s par divers arr&ecirc;t&eacute;s :</p>
      <ul>
        <li>
          <p>Ludovic GRUSS, ing&eacute;nieur
g&eacute;ologue de formation, est sp&eacute;cialis&eacute;
en assainissement autonome. Il a particip&eacute; &agrave;
pr&egrave;s de deux cent &eacute;tudes
d&rsquo;assainissement individuel dans la r&eacute;gion, dont
la moiti&eacute; concernaient des r&eacute;habilitations
d&rsquo;assainissement non collectif. Apr&egrave;s deux ans
d&rsquo;activit&eacute; au sein de l&rsquo;entreprise ABE
SOL o&ugrave; il prenait en charge des &eacute;tudes
g&eacute;otechniques et des &eacute;tudes
d&rsquo;assainissement, il a choisi de cr&eacute;er ASH
Ing&eacute;nierie pour se consacrer enti&egrave;rement au
d&eacute;veloppement d&rsquo;une activit&eacute;
assainissement.</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>Vincent GRZEGRZULKA, ing&eacute;nieur
hydrog&eacute;ologue de formation, a travaill&eacute; pendant
deux ans au cabinet d&rsquo;&eacute;tudes
hydrog&eacute;ologiques BERGA SUD, sp&eacute;cialis&eacute;
dans la recherche et la protection des ressources en eaux. Soucieux du
respect de la r&eacute;glementation en vigueur, il cr&eacute;e
ASH Ing&eacute;nierie pour contribuer &agrave;
p&eacute;renniser la qualit&eacute; des eaux souterraines et
pr&eacute;venir les atteintes &agrave; la salubrit&eacute;
publique et/ou l&rsquo;environnement.</p>
        </li>
      </ul>
      <p>Cette &eacute;quipe, jeune et dynamique, est
pr&eacute;sente &agrave;
tous les niveaux des projets&nbsp;:</p>
      <ul>
        <li>
          <p>La r&eacute;alisation de devis
adapt&eacute;s au mieux aux besoins des clients,</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>Le suivi des chantiers, la communication
aupr&egrave;s des diff&eacute;rents interlocuteurs
(ma&icirc;tres d&rsquo;ouvrage, ma&icirc;tres
d&rsquo;&oelig;uvre, particuliers, etc.)</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>Le traitement et
l&rsquo;interpr&eacute;tation des mesures faites sur le terrain,</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>L&rsquo;&eacute;laboration de notes de
calcul ou de rapports d&rsquo;&eacute;tudes.</p>
        </li>
      </ul>
      <p>La dimension humaine de l&rsquo;entreprise ainsi que
ses facilit&eacute;s
d&rsquo;adaptation lui permettent de r&eacute;pondre rapidement
aux
attentes de ses clients, et ainsi les satisfaire dans les meilleurs
d&eacute;lais.</p>
      </td>
      <td><img style="width: 617px; height: 694px;"
 alt=""
 src="file:///C:/Documents%20and%20Settings/INFO/Bureau/site/images/v4_11.jpg"></td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 03 août 2006, 17:52

à priori, tu n'a pas une image, mais 11 images....
Quelles sont les images v4_01 à v4_09 et v4_11?
ton image de fond est la v4_10, non?
mets cette image comme fond (backgroud-image) dans le tbody en faisant attention que ce tbody soit de la même taille que l'image et supprime toutes les autres images: la V4_10 deviendra le fond et tu n'auras pas ce problème de "découpe"
l'idéal est d'abandonner les tabeaux pour faire une mise en pages par <div>
Tu trouveras desgabarits ici qui te faciliteront la tâche.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

neophus · Message par **neophus** » 04 août 2006, 09:57

oui c'est bien comme tu dit avec la 10 en fond dans la partie concernée qui ne marche pas, celle ci est en fond et les autres images sont placées avec l'insertion d'image standard, ta solution avec le tbody je voudrais bien que tu m'explique plus en détail car moi et le code...

merci de me repondre si vite, je vais regarder ton lien en attendant pour voir si ça pourrait m'aider

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 04 août 2006, 10:26

dans la partie basse de l'écran Nvu, tu as une barre (la barre d'état) dans laquelle tu retrouves les balises utilisées (exemples: <body>, <table>, <tbody>, <td>....) Elles apparaissent en fonction de l'élément sélectionné dans la page: apparait la balise de l'élément sélectionné et tous les éléments parents. (la derniere balise sur la ligne est l'élément sélectionné).

pour mettre ton image en fond:
-tu commences par supprimer toutes les images insérées (pour y voir clair)
- ensuite, tu cliques à l'intérieur de ton tableau (n'importe où)
- dans la barre d'état, tu cliques sur la balise <tbody) avec le bouton droit du mulot
- tu choisis: -> styles internes -> propriétés du fond -> image : tu vas chercher ton image puis pas de répétition, centré horizontal et centré vertical
- tu quittes par Ok: ton image doit être en fond de ton tableau!!!!

neophus a écrit :merci de me repondre si vite, je vais regarder ton lien en attendant pour voir si ça pourrait m'aider

Pour aller plus vite, j'ai commencé la réponse avant que tu ne poses la question

neophus · Message par **neophus** » 04 août 2006, 11:19

wahou ça répond vite chez vous lol, très bien je vais regarder tout ça, pour l'instant j'ai pris la solution d'importer un swf dans nvu et du coup j'ai pas ce problème ^^

EDIT: bon j'ai essayer ce que tu m'a dit par contre ce que je ne comprend pas c'est qu'elle image de fond il faut que je mette dans le cas que tu m'explique, est-ce mon image 10? ou alors je met la totalité de l'ensemble du site sans decoupage en JPG?
car là j'ai essayer en reprenant ma découpe et sur l'image 10 j'ai fait ce que tu a dit l'image est bien centrée (enfin presque il y a juste un tout petit décalage) par contre sous firefox ça ne marche pas du tout j'ai la meme chose que depuis le début de mon post et sous IE ça marche presque bien il me manque juste mon trait de côté par rapport au logo mon bon ça à la limitte c'est pas trop grave je peut me debrouiller ^^

bon bref j'aimerais que tu me recadre je me noie un peu la j'ai vu ou il faut que j'aille avec le tbody et tout par contre j'ai pas compris la logique sur la façon de faire

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 04 août 2006, 12:08

dans le tbody, tu mets ton image entière, non découpée. Elle viendra en arrière de toutes les cellules.
Pourquoi ça ne marche pas sous FF: tu ne voies pas ton image? ton image est bien dans le dossier où tu enregistres tes pages html?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

neophus · Message par **neophus** » 04 août 2006, 12:27

oui seulement je remis mes parties d'images découpés comme au début et au lieu de faire format-couleur et fond de page j'ai utilisé ta methode tout en gardant mon tableau etc, mais bon ça marche mal donc je vais faire comme tu a dit sans découpage ^^

EDIT: j'ai essayé de le faire en partant d'un tableau avec une cellule (tbody) et après sans tableau (body) dans nvu ça marche bien ainsi que IE mais firefox lui ça foire totalement et je sais pas pourquoi

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 04 août 2006, 18:17

peux tu envoyer le code source de ta page modifiée
-> tu fais un copier coller de ton code
-> tu sélectionnes le tout dans ton message et tu cliques sur code au dessus du cadre dans lequel tu écrit
On pourra peut-être y voir plus clair
L'idéal serait mêmeque tu mettes ta page en ligne avec l'image et que tu donnes l'adresse iinternet

neophus · Message par **neophus** » 07 août 2006, 09:58

voici le code de la nouvelle page avec le tableau et le tbody

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>index</title>
</head>
<body>
<table style="text-align: left; width: 100px;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody
 style="background-position: center; background-repeat: repeat; background-image: url(file:///C:/Documents%20and%20Settings/INFO/Bureau/fichiers%20temporaires/site/images/v4_10.jpg);">
    <tr>
      <td><img style="width: 153px; height: 38px;"
 alt="" src="images/v4_01.jpg"></td>
      <td><img style="width: 94px; height: 38px;" alt=""
 src="images/v4_02.jpg"></td>
      <td><img style="width: 134px; height: 38px;"
 alt="" src="images/v4_03.jpg"></td>
      <td><img style="width: 144px; height: 38px;"
 alt="" src="images/v4_04.jpg"></td>
      <td><img style="width: 135px; height: 38px;"
 alt="" src="images/v4_05.jpg"></td>
      <td><img style="width: 109px; height: 38px;"
 alt="" src="images/v4_06.jpg"></td>
      <td><img style="width: 511px; height: 38px;"
 alt="" src="images/v4_07.jpg"></td>
    </tr>
    <tr>
      <td colspan="7" rowspan="1"><img
 style="width: 1280px; height: 135px;" alt=""
 src="images/v4_08.jpg"></td>
    </tr>
    <tr>
      <td><img style="width: 153px; height: 694px;"
 alt="" src="images/v4_09.jpg"></td>
      <td style="text-align: left; vertical-align: top;"
 colspan="5" rowspan="1">
      <p><font face="Berlin Sans FB, sans-serif"><font
 color="#99cc00"><font style="font-size: 22pt;"
 size="6">a</font><font style="font-size: 16pt;"
 size="4">s</font></font><font
 style="font-size: 22pt;" size="6"><font
 color="#3366ff">h</font></font></font><b>
      </b><font face="Bradley Hand ITC, cursive"><font
 color="#3366ff">ing&eacute;nierie</font></font><font
 style="font-size: 11pt;" size="2"> </font>est
un bureau d&rsquo;&eacute;tudes et de conseil
implant&eacute;
dans le d&eacute;partement du Gard, intervenant dans tous les
domaines li&eacute;s &agrave; la g&eacute;ologie,
l&rsquo;hydrog&eacute;ologie
et l&rsquo;environnement.</p>
      <p>Son activit&eacute; comprend&nbsp;:</p>
      <ul>
        <li>
          <p>L&rsquo;assistance aux collectivit&eacute;s
dans la mise en place et la gestion de Services Publics
d&rsquo;Assainissement Non Collectif (SPANC), </p>
        </li>
      </ul>
      <ul>
        <li>
          <p>La r&eacute;alisation
d&rsquo;&eacute;tudes de sol pour l&rsquo;assainissement
non collectif des particuliers, collectivit&eacute;s et industriels,</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>La recherche d&rsquo;eau &agrave; usage
public et/ou priv&eacute; par l&rsquo;implantation et le suivi
de forages,</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>La mise en oeuvre de suivis
pi&eacute;zom&eacute;triques, d&rsquo;essais par pompage
pour les particuliers, les collectivit&eacute;s et les industriels,
          </p>
        </li>
      </ul>
      <ul>
        <li>
          <p>&Eacute;tudes pr&eacute;alables &agrave;
l&rsquo;implantation de forages g&eacute;othermiques,</p>
        </li>
      </ul>
      <ul>
        <li>
          <p>L&rsquo;instruction de dossiers
&laquo;&nbsp; Loi sur l&rsquo;Eau&nbsp;&raquo;.</p>
        </li>
      </ul>
      <p><br>
      </p>
      <p align="center">Un renseignement&nbsp;?</p>
      <p align="center">Une demande de devis&nbsp;?</p>
      <p align="center"><br>
      </p>
      <p align="center">N&rsquo;h&eacute;sitez pas
&agrave; entrer en contact
avec nous, notre formulaire est <font color="#0000ff">ici</font>
&agrave;
votre disposition.</p>
      <p><br>
      </p>
      </td>
      <td><img style="width: 510px; height: 694px;"
 alt="" src="images/v4_11.jpg"></td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

et un screen sous firefox

puis sous IE

et voici la page avec aucun tableau et l'utilisation du body avec fond

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body
 style="background-image: url(file:///C:/Documents%20and%20Settings/INFO/Bureau/fichiers%20temporaires/site/v4%20copier.jpg); background-position: center;">
<br>
</body>
</html>

sous firefox

sous IE

je precise bien que j'ai mit alignement vertical et horizontal pour les deux cas

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 07 août 2006, 10:18

Pour la page sans tableaux, le code est complet????
Il n'y a qu'une image????

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

neophus · Message par **neophus** » 07 août 2006, 10:29

oui il n'y qu'une seule image placée en fond de page c'est tout

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 07 août 2006, 10:57

le bandeau ash ingenierie n'est pas une image indépendante de l'image de fond????
et la partie "grisée transparente" non plus????
désolé si j'insiste, mais quelque chose m'échappe!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

neophus · Message par **neophus** » 07 août 2006, 11:01

non sur la deuxième version il s'agit d'une image jpg de tout l'ensemble lol que j'ai placé en image de fond c'est tout

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Geckozone

problème nvu image de fond

problème nvu image de fond

Qui est en ligne ?