Page 1 sur 2
problème nvu image de fond
Publié : 03 août 2006, 16:22
par neophus
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)
Publié : 03 août 2006, 17:01
par chinon37
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
Publié : 03 août 2006, 17:39
par neophus
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énierie</font></font><font
style="font-size: 11pt;" size="2">, </font>ce
sont deux ingénieurs qui ont choisi
d’associer
leurs compétences afin de répondre aux nouveaux
principes posés par la Loi sur l’Eau du 3 janvier
1992 et
précisés par divers arrêtés :</p>
<ul>
<li>
<p>Ludovic GRUSS, ingénieur
géologue de formation, est spécialisé
en assainissement autonome. Il a participé à
près de deux cent études
d’assainissement individuel dans la région, dont
la moitié concernaient des réhabilitations
d’assainissement non collectif. Après deux ans
d’activité au sein de l’entreprise ABE
SOL où il prenait en charge des études
géotechniques et des études
d’assainissement, il a choisi de créer ASH
Ingénierie pour se consacrer entièrement au
développement d’une activité
assainissement.</p>
</li>
</ul>
<ul>
<li>
<p>Vincent GRZEGRZULKA, ingénieur
hydrogéologue de formation, a travaillé pendant
deux ans au cabinet d’études
hydrogéologiques BERGA SUD, spécialisé
dans la recherche et la protection des ressources en eaux. Soucieux du
respect de la réglementation en vigueur, il crée
ASH Ingénierie pour contribuer à
pérenniser la qualité des eaux souterraines et
prévenir les atteintes à la salubrité
publique et/ou l’environnement.</p>
</li>
</ul>
<p>Cette équipe, jeune et dynamique, est
présente à
tous les niveaux des projets :</p>
<ul>
<li>
<p>La réalisation de devis
adaptés au mieux aux besoins des clients,</p>
</li>
</ul>
<ul>
<li>
<p>Le suivi des chantiers, la communication
auprès des différents interlocuteurs
(maîtres d’ouvrage, maîtres
d’œuvre, particuliers, etc.)</p>
</li>
</ul>
<ul>
<li>
<p>Le traitement et
l’interprétation des mesures faites sur le terrain,</p>
</li>
</ul>
<ul>
<li>
<p>L’élaboration de notes de
calcul ou de rapports d’études.</p>
</li>
</ul>
<p>La dimension humaine de l’entreprise ainsi que
ses facilités
d’adaptation lui permettent de répondre rapidement
aux
attentes de ses clients, et ainsi les satisfaire dans les meilleurs
dé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>
Publié : 03 août 2006, 17:52
par chinon37
à 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 des
gabarits 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
Publié : 04 août 2006, 09:57
par neophus
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)
Publié : 04 août 2006, 10:26
par chinon37
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
Publié : 04 août 2006, 11:19
par neophus
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)
Publié : 04 août 2006, 12:08
par chinon37
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
Publié : 04 août 2006, 12:27
par neophus
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)
Publié : 04 août 2006, 18:17
par chinon37
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
Publié : 07 août 2006, 09:58
par neophus
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énierie</font></font><font
style="font-size: 11pt;" size="2"> </font>est
un bureau d’études et de conseil
implanté
dans le département du Gard, intervenant dans tous les
domaines liés à la géologie,
l’hydrogéologie
et l’environnement.</p>
<p>Son activité comprend :</p>
<ul>
<li>
<p>L’assistance aux collectivités
dans la mise en place et la gestion de Services Publics
d’Assainissement Non Collectif (SPANC), </p>
</li>
</ul>
<ul>
<li>
<p>La réalisation
d’études de sol pour l’assainissement
non collectif des particuliers, collectivités et industriels,</p>
</li>
</ul>
<ul>
<li>
<p>La recherche d’eau à usage
public et/ou privé par l’implantation et le suivi
de forages,</p>
</li>
</ul>
<ul>
<li>
<p>La mise en oeuvre de suivis
piézométriques, d’essais par pompage
pour les particuliers, les collectivités et les industriels,
</p>
</li>
</ul>
<ul>
<li>
<p>Études préalables à
l’implantation de forages géothermiques,</p>
</li>
</ul>
<ul>
<li>
<p>L’instruction de dossiers
« Loi sur l’Eau ».</p>
</li>
</ul>
<p><br>
</p>
<p align="center">Un renseignement ?</p>
<p align="center">Une demande de devis ?</p>
<p align="center"><br>
</p>
<p align="center">N’hésitez pas
à entrer en contact
avec nous, notre formulaire est <font color="#0000ff">ici</font>
à
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)
Publié : 07 août 2006, 10:18
par chinon37
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
Publié : 07 août 2006, 10:29
par neophus
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)
Publié : 07 août 2006, 10:57
par chinon37
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
Publié : 07 août 2006, 11:01
par neophus
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)
