Sujet Précédent Sujet Suivant

Mon titre de page n'est pas au bon endroit

nic74 Messages postés 9 Statut Membre -  
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
Selon la résolution des écrans d'ordinateur le titre de mon site internet est décalé par rapport au reste de la page. J'ai utilisé un template pour faire le site. C'est peintresetudiantsplus.com et le code est le suivant : 

<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40/">
<HEAD>
<meta name="keywords" content="peintre etudiant,peintres etudiants,peintres,etudiants">
<meta name="resource-type" content="document">
<meta name="Generator" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="revisit-after" content="1">
<meta name="classification" content="peintre bâtiment">
<meta name="description" content="service de peintre étudiant intérieur et extérieur">
<meta name="robots" content="ALL">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="copyright" content="PEINTRES ETUDIANTS PLUS">
<META NAME="Author" LANG="fr" CONTENT="Nicolas DESJARDINS"> 
<META NAME="Publisher" CONTENT="Nicolas DESJARDINS"> 
<META NAME="Reply-to" CONTENT="info@peintresetudiantsplus.com (Nicolas DESJARDINS)"> 
<meta http-equiv="reply-to" content="info@peintresetudiantsplus.com">
<meta http-equiv="Content-Language" content="FRENCH">
<HEAD>
<TITLE>PEINTRES ETUDIANTS PLUS</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<link rel="File-List" href="index-8_fichiers/filelist.xml">

<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!--[if !mso]>
<style>
v\:*         { behavior: url(#default#VML) }
o\:*         { behavior: url(#default#VML) }
.shape       { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</HEAD>
<BODY BGCOLOR=#7F8286  LEFTMARGIN=0 TOPMARGIN=0 rightmargin="0" bottommargin="0" MARGINWIDTH=0 MARGINHEIGHT=0 style="background-position:top center " onLoad="MM_preloadImages('images/m11.jpg','images/m21.jpg','images/m31.jpg','images/m41.jpg','images/m51.jpg')">
<center>
<TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0 background="images/1_home_65.jpg" style="background-position:bottom; background-repeat:no-repeat ">
	<TR>
		<TD>			<TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0>
          <TR>
            <TD> <IMG SRC="images/2.jpg" WIDTH=765 HEIGHT=46 ></TD>
          </TR>
          <TR>
            <TD> <TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0>
              <TR>
                <TD> <IMG SRC="images/3.jpg" WIDTH=87 HEIGHT=225 ></TD>
                <TD> <TABLE WIDTH=593 BORDER=0 CELLPADDING=0 CELLSPACING=0>
                  <TR>
                    <TD> <TABLE WIDTH=593 BORDER=0 CELLPADDING=0 CELLSPACING=0>
                      <TR>
                        <TD background="images/5.jpg" WIDTH=300 HEIGHT=64 ><!--[if gte vml 1]><v:shapetype id="_x0000_t202"
 coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" alt="" style='position:absolute;
 left:132pt;top:41.25pt;width:5in;height:30.75pt;z-index:1' filled="f"
 stroked="f">
 <v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
  <tr>
    <td align="center"><font color="#EEEEEE" face="Arial" size="6"><b>
    <span lang="en-ca">&nbsp;&nbsp; ⌂</span></b></font><span lang="en-ca"><font color="#EEEEEE" face="Arial" size="6"><b>⌂⌂</b></font><font size="5" color="#EEEEEE" face="Arial">
    </font></span><font size="5" color="#EEEEEE" face="Arial">PEINTRES ÉTUDIANTS 
    PLUS</font></td>
  </tr>
</table>
 </v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:176px;top:55px;width:484px;height:45px'><img width=484
height=45 src="index-8_fichiers/image001.gif" v:shapes="_x0000_s1025"></span><![endif]></TD>
                        <TD background="images/6.jpg" WIDTH=290 HEIGHT=64 ><div style="padding-top:25px; padding-right:33px " align="right">
						&nbsp;</div></TD>
						<TD bgcolor="#FFFFFF" WIDTH=3 HEIGHT=64 ></TD>
                      </TR>
                    </TABLE></TD>
                  </TR>
                  <TR>
                    <TD bgcolor="#FFFFFF" WIDTH=593 HEIGHT=158 ><TABLE WIDTH=587 BORDER=0 CELLPADDING=0 CELLSPACING=0 style="margin-left:3px ">
	<TR>
		<TD>
        <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/m11.jpg',1)" href="index.html"><img src="images/m1.jpg" name="Image20" width="117" height="158" border="0"></a></TD>
		<TD>
        <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/m21.jpg',1)" href="index-1.html"><img src="images/m2.jpg" name="Image21" width="118" height="158" border="0"></a></TD>
		<TD>
        <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/m31.jpg',1)" href="index-2.html"><img src="images/m3.jpg" name="Image22" width="118" height="158" border="0"></a></TD>
		<TD>
        <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/m41.jpg',1)" href="index-3.html"><img src="images/m4.jpg" name="Image23" width="118" height="158" border="0"></a></TD>
		<TD>
        <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/m51.jpg',1)" href="index-4.html"><img src="images/m5.jpg" name="Image24" width="116" height="158" border="0"></a></TD>
	</TR>
</TABLE></TD>
                  </TR>
                  <TR>
                    <TD bgcolor="#FFFFFF" WIDTH=593 HEIGHT=3 ></TD>
                  </TR>
                </TABLE></TD>
                <TD> <IMG SRC="images/4.jpg" WIDTH=85 HEIGHT=225 ></TD>
              </TR>
            </TABLE></TD>
          </TR>
        </TABLE></TD>
	</TR>
	<TR>
		<TD>			<TABLE WIDTH=765 BORDER=0 CELLPADDING=0 CELLSPACING=0>
          <TR>
            <TD background="images/bak1.jpg"> <IMG SRC="images/spacer.gif" WIDTH=87 HEIGHT=330 ></TD>
            <TD> <TABLE WIDTH=593 BORDER=0 CELLPADDING=0 CELLSPACING=0>
              <TR>
                <TD> <TABLE WIDTH=593 BORDER=0 CELLPADDING=0 CELLSPACING=0>
                  <TR>
                    <TD> <IMG SRC="images/2t1.jpg" WIDTH=593 HEIGHT=5 ></TD>
                  </TR>
                    <TR>
                    <TD background="images/2bak1.jpg" WIDTH=593 HEIGHT=259 style="padding-top:15px;padding-left:25px;padding-right:25px;padding-bottom:10px ">
											
					<img src="images/spacer.gif" height="10px" style="display:block ">
							<font face="arial,helvetica,sans-serif" color="#ff3333">
                            <p style="text-align: center; line-height: 150%" align="center">
                            <font color="#000000"><strong>
                            <span lang="en-ca" style="font-size: 13.5pt; font-family: Arial Black">
                            PEINTRES ÉTUDIANTS PLUS c'est :</span></strong></font></p>
                            <p style="TEXT-ALIGN: center" align="center">
                            <span lang="FR-CA" style="font-family: Arial Black">
                            <font color="#000000">&nbsp;</font></span></p>
                            </font>
							<font face="arial,helvetica,sans-serif">
                            <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                            <span lang="FR-CA" style="font-family: Wingdings">
                            <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </font></span></span>
                            <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                            <font size="2">Une entreprise gérée par un peintre  étudiant</font></span></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                    <span lang="FR-CA" style="font-family: Wingdings">
                    <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </font></span></span>
                    <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                    <font size="2">Une garantie écrite de<b> </b></span><b>
                    <span lang="en-ca" style="font-family: Arial Black" dir="LTR">
                    2</span></b><span lang="FR-CA" style="font-family: Arial Black" dir="LTR"> 
                    ans sur vos travaux</span></font></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                    <span lang="FR-CA" style="font-family: Wingdings">
                    <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </font></span></span>
                    <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                    <font size="2">Une assurance responsabilité pour votre 
                    demeure</font></span></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                    <span lang="FR-CA" style="font-family: Wingdings">
                    <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </font></span></span>
                    <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                    <font size="2">Une satisfaction garantie</font></span></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                    <span lang="FR-CA" style="font-family: Wingdings">
                    <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </font></span></span>
                    <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                    <font size="2">Des peintres expérimentés, formés et 
                    qualifiés</font></span></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
                    <span lang="FR-CA" style="font-family: Wingdings">
                    <font size="2">ü</font><span style="font-style: normal; font-variant: normal; font-weight: normal; font-family: Times New Roman"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </font></span></span>
                    <span lang="FR-CA" style="font-family: Arial Black" dir="LTR">
                    <font size="2">Un prix compétitif</font></span></p>
                    <p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 36.0pt">
<object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/hDW_2E2pzeM&hl=en&fs=1&rel=0&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hDW_2E2pzeM&hl=en&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object>
                    
                            <p style="text-align: center"><span lang="en-ca">
                            <font size="2">N'HÉSITEZ PAS À DEMANDER VOTRE ESTIMÉ 
                            GRATUIT. </font></span>
                            <p style="text-align: center"><span lang="en-ca">
                            <font size="2">NOUS TRAVAILLONS PRINCIPALEMENT SUR 
                            LA RIVE-SUD ET À MONTRÉAL.</font></span><p style="text-align: center">
                            </font></TD>
                  </TR>
                  <TR>
                    <TD> <IMG SRC="images/2t2.jpg" WIDTH=593 HEIGHT=4 ></TD>
                  </TR>
                </TABLE></TD>
              </TR>
              <TR>
                <TD background="images/1.jpg" WIDTH="593" height="62" style="padding-top:25px " class="copy" ><div align="center">
					© 2002-2008 - Tous droits réservés à PEINTRES ÉTUDIANTS PLUS.</div>
				</TD>
              </TR>
            </TABLE></TD>
            <TD background="images/bak2.jpg"> <IMG SRC="images/spacer.gif" WIDTH=85 HEIGHT=330 ></TD>
          </TR>
        </TABLE></TD>
	</TR>
	<TR>
		<TD WIDTH=765 HEIGHT=44 >
        <img src="images/bot.jpg" style="margin-left:84px " width="599" height="5"></TD>
	</TR>
</TABLE>
</center>
</BODY>
</HTML></title>

19 réponses

Réponse 1 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
pourquoi en mettre autant ?
quand tu parles de titre c'est la balise 'title' ou autre chose ???
b g
0
Réponse 2 / 19
nic74 Messages postés 9 Statut Membre
 
Désolé si c'est trop long. En fait non ce n'est pas la balise, c'est le "⌂⌂⌂ PEINTRES ÉTUDIANTS PLUS" qu'on voit en haut de la page qui est trop à gauche et qui sort du rectangle gris
Merci
0
Réponse 3 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
tu as beaucoup trop de td, tr .... il va falloir faire du tri
ton erreur se situe ici : 
<span style="position: absolute; z-index: 1; left: 176px; top: 55px; width: 484px; height: 45px;">

et de plus les images <img height="45" width="484" v:shapes="_x0000_s1025" src="index-8_fichiers/image001.gif"/> et <td height="64" width="300" background="images/5.jpg"> ce n'est pas trop clair
essaie de corriger b g
0
Réponse 4 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
  
c'est le "&#8962;&#8962;&#8962; PEINTRES ÉTUDIANTS PLUS" qu'on voit en haut de la page qui est trop à gauche et qui sort du rectangle gris
vois dans la réponse précédente, il faut que tu vérifies ton code, la présence des images au bon endroit etc ... car, pour moi sous FF cette 'bande' n'apparaît même pas et indique juste l'absence de ... ????
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
http://www.peintresetudiantsplus.com/index-8_fichiers/image001.gif
=
Page not found
The page you are looking for might have been removed,
had its name changed, or is temporarily unavailable.
0
Réponse 6 / 19
nic74 Messages postés 9 Statut Membre
 
Désolé, mais je n'y comprends pas grand chose dans le code.
Je dois ajouter où au juste le:
<span style="position: absolute; z-index: 1; left: 176px; top: 55px; width: 484px; height: 45px;">

Merci
0
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
ben il y est et c'est là que ça coince !!!
0
Réponse 7 / 19
nic74 Messages postés 9 Statut Membre
 
Je comprend pas trop par quoi je dois le remplacer, si jeux par exemple que le titre soit toujours centé dans la page
0
Réponse 8 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
- il faut jouer sur ces paramètres pour le placer correctement
- mais il faut aussi que les images y soient, ou que le chemin indiqué vers elles soit bon ...
0
Réponse 9 / 19
nic74 Messages postés 9 Statut Membre
 
Ok, bon je suis perdu....combien tu charges pour faire le ménage de mon site?
0
Réponse 10 / 19
nic74 Messages postés 9 Statut Membre
 
Tu peux m'écrire directement sur nic74@hotmail.com si tu es intéressé à travailler sur mon site
0
Réponse 11 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
tu es parti d'un template ... ok, mais ensuite c'est codé comment ... avec quoi ?
b g
0
Réponse 12 / 19
nic74 Messages postés 9 Statut Membre
 
Ça fait quelques années que je l'ai fait à partir d'un template que j'ai travaillé avec photoshop je crois.
0
Réponse 13 / 19
dolmenhir Messages postés 251 Statut Membre 25
 
ton images n'est pas là où tu l'indique
Dans le code 
http://peintresetudiantsplus.com/index-8_fichiers/image001.gif

alors qu'elle est ici 
http://peintresetudiantsplus.com/images/image001.gif

Donc, corriges ton code ;)
0
Réponse 14 / 19
nic74 Messages postés 9 Statut Membre
 
Je l'ai changé, mais le résultat est le même, c'est décalé vers la gauche
0
Réponse 15 / 19
dolmenhir Messages postés 251 Statut Membre 25
 
ça sert à quoi ça ?
<!--[if gte vml 1]><v:shapetype id="_x0000_t202"
 coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" alt="" style='position:absolute;
 left:132pt;top:41.25pt;width:5in;height:30.75pt;z-index:1' filled="f"
 stroked="f">
 <v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
  <tr>
    <td align="center"><font color="#EEEEEE" face="Arial" size="6"><b>
    <span lang="en-ca">&nbsp;&nbsp; &#8962;</span></b></font><span lang="en-ca"><font color="#EEEEEE" face="Arial" size="6"><b>&#8962;&#8962;</b></font><font size="5" color="#EEEEEE" face="Arial">
    </font></span><font size="5" color="#EEEEEE" face="Arial">PEINTRES ÉTUDIANTS 
    PLUS</font></td>
  </tr>
</table>
 </v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:176px;top:55px;width:484px;height:45px'>
à rien ?
Vire le
0
Réponse 16 / 19
dolmenhir Messages postés 251 Statut Membre 25
 
Bon, finalement, plus je regarde le code, et plus je me dis qu'il faut tout changer

En fait, tu pourrais monter ta page sans balise table, en xhtml et css
même pour ton roll-over surle menu qui n'as pas besoin de javascript pour fonctionner
Un p'tit dépoussiérage ?
0
Réponse 17 / 19
nic74 Messages postés 9 Statut Membre
 
Je n'est pas les connaissances nécessaire pour faire cette tâche technique, donc je répète mon offre si tu veux travailler dessus tu n'as qu'à me dire ton prix et je verrai si c'est dans mes moyens. Je pourrais te donner l'accès au site via mon hébergeur et te payer via paypal.
nic74@hotmail.com
0
Réponse 18 / 19
dolmenhir Messages postés 251 Statut Membre 25
 
Tiens,

Vas déjà récupérer la page ici
http://dolmenhir.com/webmastering/peintres-etudiants.html

j'ai fais un rapide dépoussiérage du code.
Y a encore deux trois trucs à optimiser, dont la gestion du menu qui pourrait se faire sans javascript, juste des images de fond et du vrai texte..
Pareil pour le titre du site qui pourrait se faire avec du vrai texte, préférable pour le référencement

Mais bon c'est toujours ça de pris non ?

Ah oui, profites-en pour récupérer aussi le dossier http://dolmenhir.com/webmastering/Scripts/ et les deux fichiers qui sont dedans
J'ai ajouté un script pour optimiser l'affichage de la vidéo dans IE

C'est cadeau, gratuit...
je vais pas te faire payer... j'suis hors de prix ;)
0
Réponse 19 / 19
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
bravo pour l'aide ...
alors nic74, tu t'en sors ?
b g
0

Discussions similaires

Que faut il écrire dans le champ obligatoire : Adresse (suite)*?
Matisu -
-L0Lock- -

7 réponses
Code source couleur de fond
Mehdi-Amg -
Techno01 -

9 réponses
Ça veut dire quoi intitulé d’une adresse ??
Mousse -
did -

4 réponses