Flux rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Centrer une page web

nichevi, le mardi 23 janvier 2007 à 12:30:05
Bonjour,
J'ai centrer mes pages web mais il y un problème à l'affichage.Le contenu n'ait pas centrer, c'est seulement la bannière et le pied de page qui sont centrer.
Merci pour votre aide.
Configuration: Windows XP
Internet Explorer 7.0
Répondre à nichevi  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
P@, le mardi 23 janvier 2007 à 13:56:55
tu peux nous montrer le code stp ?
où une adresse où on pourrait consulter ??
ca aiderai ..:::P@ ... a tras, a PoOf ou a chou :::..
L'imagination est plus importante que la connaissance. Albert Einstein
Répondre à P@

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
nichevi, le mardi 23 janvier 2007 à 15:48:31
je vs envoie les codes


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Photos</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="NetObjects Fusion 8 for Windows">
<SCRIPT>
<!--
function F_loadRollover(){} function F_roll(){}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="file:///D:/Program Files/NetObjects/NetObjects Fusion 8/NetObjects System/rollover.js"></SCRIPT>
<LINK REL=STYLESHEET TYPE="text/css" HREF="file:///C:/site+/site2/sadet/Preview/style.css">
<LINK REL=STYLESHEET TYPE="text/css" HREF="file:///C:/site+/site2/sadet/Preview/site.css">
<STYLE></STYLE><NOLAYER>
<STYLE ID="NOF_STYLE_SHEET">
<!--
#Layer1 {
position:absolute;
left:7px;
top:160px;
width:504px;
height:37px;
z-index:1;
}
#Layer2 {
position:absolute;
left:1px;
top:157px;
width:473px;
height:64px;
z-index:1;
}
#Layer3 {
position:absolute;
left:572px;
top:372px;
width:163px;
height:180px;
z-index:2;
}
#Layer4 {
position:absolute;
left:425px;
top:249px;
width:105px;
height:126px;
z-index:2;
}
.Style1 {color: #51A72C}
a:link {
color: #316AC5;
}
a:visited {
color: #316AC5;
}
a:hover {
color: #990099;
}
#Layer5 {
position:absolute;
left:45px;
top:279px;
width:362px;
height:216px;
z-index:3;
}
.Style2 {font-size: 12px}
.Style3 {font-size: 12; }

-->
</STYLE>

</NOLAYER>
</HEAD>
<BODY NOF="(MB=(DefaultMasterBorder, 274, 66, 157, 10), L=(PhotosLayout, 624, 594))" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="Layer2">
<div align="center"><img src="pub2.jpg" width="728" height="90"></div>
</div>
<div id="Layer4">
<div align="center">
<table width="348" border="1">
<tr>
<th width="206" scope="col"><span class="Style1">BUREAUTIQUE</span></th>
<th width="108" scope="col"> </th>
</tr>
<tr>
<td scope="row"><a href="bureaux.html">Bureaux</a></a>,<a href="siege1.html">Sièges et Fauteuils</a>,<a href="canon.html">Photocopieurs</a>,Machines à écrire,<a href="mach calc.html">Machine à calculer</a>,<a href="scanners.html">Scanners</a>...  </td>
<td><img src="pub.1.gif" width="100" height="73"> </td>
</tr>
<tr>
<th scope="row"><span class="Style1">GALERIE ART-DECO </span></th>
<td> </td>
</tr>
<tr>
<td scope="row"><strong>DECORATION</strong>
</p>
</strong>
<p><a href="mob mais.html">Maisons</a>, <a href="mob bur.html">Bureaux</a>,<a href="bougie1.html">Bougies</a>,<a href="vase1.html"><a href="vase1.html">Vases</a> </td>
<td><img src="pub.2.gif" width="100" height="75"> </td>
</tr>
<tr>
<th scope="row"><span class="Style1">INFORMATIQUE</span></th>
<td> </td>
</tr>
<tr>
<td scope="row"><strong>ORDINATEUR DE MARQUE
</p>
</strong>
<p><a href="hp_dell.html">HP,Dell</a>,<a href="canon.html">Brother,Canon.</a>.. </td>
<td><img src="ordired.jpg" width="100" height="48"> </td>
</tr>
<tr>
<th scope="row"><span class="Style1">FABRICANT</span></th>
<td> </td>
</tr>
<tr>
<td scope="row"><a href="mob bur1.html">Mobilier de bureaux
</a>
<p><a href="mob mais1.html">Mobilier de maison</a></p>
<p><a href="mob hotel1.html">Mobilier pour hôtels  </a></p></td>
<td><img src="burRed.jpg" width="100" height="73"> </td>
</tr>
</table>
</div>
</div>
<div id="Layer5">
<div class="Style2" id="Layer10">
<p align="center" class="Style17 Style3"><strong>FABRICANT</strong></p>
<p align="center" class="Style2">La société BORRO FRERES dispose en son sein une grande usine de fabrication de mobilier (<a href="mob bur.html">Mobilier de bureau</a> et de maison) ; Borro est parmi les meilleurs et les plus grand <a href="mob mais.html">fabricant de mobilier</a>. Depuis plus de 40 ans Borro fabrique des <a href="bureaux.html">bureaux</a> de qualités avec du vrai bois de chez nous c'est-à-dire la Côte d’Ivoire.<br />
BORRO FRERES fabrique sur commande spéciales. </p>
<p align="center"> </p>
</div>
</div>
<div align="center">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=780>
<TABLE ID="Table78" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<TR HEIGHT=77>
<TD WIDTH=780 STYLE="background-color: rgb(255,255,255);">
<H1><IMG ID="Banner1" HEIGHT=120 WIDTH=780 SRC="bannière.jpg" VSPACE=0 HSPACE=0 ALIGN="TOP" BORDER=0 ALT="Your Title Here" TITLE="Your Title Here" NOF=B_H></TD>
</TR>
<TR HEIGHT=30>
<TD STYLE="background-image: url('file:///C:/site+/site2/sadet/Styles/Champion - Rust/images/navbar_bg.gif');">
<H1>
<TABLE WIDTH=781 BORDER=0 CELLSPACING=0 CELLPADDING=0 ALIGN=LEFT NOF=TE>
<TR>
<TD width="781">
<TABLE ID="NavigationBar1" BORDER=0 CELLSPACING=0 CELLPADDING=0 NOF=NB_FYHPNY120 WIDTH=780>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=130><A HREF="./index.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><IMG ID="NavigationButton1" NAME="NavigationButton1" HEIGHT=30 WIDTH=130 SRC="Autogen/Home_Nregular_1.gif" onLoad="F_loadRollover(this,'Home_NRregularRollover_1.gif',0)" BORDER=0 ALT="Home" TITLE="Home"></A></TD>
<TD WIDTH=130><A HREF="./contact_us.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton2','',0);F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><IMG ID="NavigationButton2" NAME="NavigationButton2" HEIGHT=30 WIDTH=130 SRC="Autogen/Contact_Us_Nregular_1.gif" onLoad="F_loadRollover(this,'Contact_Us_NRregularRollover_1.gif',0)" BORDER=0 ALT="Contact Us" TITLE="Contact Us"></A></TD>
<TD WIDTH=130><A HREF="./services.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton3','',0);F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><IMG ID="NavigationButton3" NAME="NavigationButton3" HEIGHT=30 WIDTH=130 SRC="Autogen/Services_Nregular_1.gif" onLoad="F_loadRollover(this,'Services_NRregularRollover_1.gif',0)" BORDER=0 ALT="Services" TITLE="Services"></A></TD>
<TD WIDTH=130><A HREF="./events.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton4','',0);F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><IMG ID="NavigationButton4" NAME="NavigationButton4" HEIGHT=30 WIDTH=130 SRC="Autogen/Events_Nregular_1.gif" onLoad="F_loadRollover(this,'Events_HRhighlightedRollover_1.gif',0)" BORDER=0 ALT="Events" TITLE="Events"></A></TD>
<TD WIDTH=260 HEIGHT=30><IMG ID="NavigationButton5" NAME="NavigationButton5" HEIGHT=30 WIDTH=130 SRC="Autogen/About_Nregular_1.gif" onLoad="F_loadRollover(this,'Photo_Gallery_HRhighlightedRollover_2.gif',0)" BORDER=0 ALT="Photo Gallery" TITLE="Photo Gallery"><img src="Autogen/Newsletter_Hhighlighted_1.gif" width="130" height="30"></TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE>
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=781 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD> </TD>
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=624>
<TABLE ID="Table3" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<TR HEIGHT=167>
<TD WIDTH=250>
<H1></TD>
<TD WIDTH=190>
<H1></TD>
<TD WIDTH=184>
<H1></TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE>
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=710 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=117 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=37 HEIGHT=15><IMG SRC="file:///C:/site+/site2/sadet/Preview/Autogen/clearpixel.gif" WIDTH=37 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD HEIGHT=49></TD>
<TD WIDTH=80><A HREF="http://www.netobjects.com"></A></TD>
</TR>
</TABLE> </TD>
<TD>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=33 HEIGHT=33><IMG SRC="file:///C:/site+/site2/sadet/Preview/Autogen/clearpixel.gif" WIDTH=33 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD></TD>
<TD WIDTH=560 NOF="NB_FYHTNN120" CLASS="TextNavBar" STYLE="text-align: center;">[<A HREF="./index.html">Home</A>] [<A HREF="./contact_us.html">Contact Us</A>] [<A HREF="./services.html">Services</A>] [<A HREF="./events.html">Events</A>] [<A HREF="Newsletter">Photo Gallery</A>]</TD>
</TR>
</TABLE> </TD>
</TR>
</TABLE>
</div>
</BODY>
</HTML>
Répondre à nichevi

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Gihef, le mardi 23 janvier 2007 à 23:28:45
Bonjour,

Je te propose une technique classique.
Place l'ensemble de la page dans un bloc que tu positionneras.

Alors, après
<STYLE ID="NOF_STYLE_SHEET"> 
<!-- 
ajoute
body {
  margin : 0;
  padding : 0;
  text-align : center;     /* c'est ça qui centre dans IE */
  }
#conteneur {
  position : relative;
  margin : 0 auto;          /* c'est ça qui centre dans les autres */
  padding : 0;
  text-align : left;
  border : 2px solid #f00;  /* ça c'est pour la voir. Tu peux le supprimer */
  width : 1008px; 
  }

Puis, juste après
<BODY NOF="(MB=(DefaultMasterBorder, 274, 66, 157, 10), L=(PhotosLayout, 624, 594))" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> 
ajoute
<div id="conteneur">

Puis, juste avant
</BODY>
ajoute
</div>

Ça ne fera que commencer à résoudre tes problèmes mais ça devrait centrer.


+ Merci de ne pas créer une succession de posts pour poser la même question.

Et attention à tes liens, certains pointent vers des dossiers de ton disque local
SRC="file:///C:/site+/site2/sadet/Preview/Autogen/clearpixel.gif"
en ligne, ça ne marchera pas.
 
Répondre à Gihef
Centrer une page web (Résolu)Bonjour, J'ai centrer mes pages web mais il y un problème à l'affichage.Le contenu n'ait pas centrer, c'est seulement la bannière et le pied de page qui sont centrer. Merci pour votre aide. www.commentcamarche.net/forum/affich-2615063-centrer-une-page-web
Centrer verticalement une page webPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du fichier... www.commentcamarche.net/faq/sujet-9867-centrer-verticalement-une-page-web
Webmastering - Introduction à la création de pages web Un site web (aussi appelé site internet par abus de langage) est un ensemble de fichiers HTML, liés par des liens hypertextes, stockés sur un serveur web, c'est-à-dire un ordinateur connecté en permanence à internet, hébergeant les pages web. La mise... www.commentcamarche.net/web/webintro.php3
[Webmaster] Publier facilement une vidéo dans une page webPublier une vidéo dans une page web n'est pas toujours évident: Selon le format (AVI, MPG, MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec. En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (SWF).... www.commentcamarche.net/faq/sujet-3049-webmaster-publier-facilement-une-video-dans-une-page-web
Télécharger le contenu d'une page web distanteTélécharger le contenu d'une page web distante Introduction Installation sous Linux (Ubuntu / Debian) Installation sous Windows Dev C++ Microsoft Visual C++ Petite exploration des fonctions de libcurl Un exemple: télécharger la page... www.commentcamarche.net/faq/sujet-8241-telecharger-le-contenu-d-une-page-web-distante
[mythes] On peut protéger une page web/une image contre la copieMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page... www.commentcamarche.net/faq/sujet-3134-mythes-on-peut-proteger-une-page-web-une-image-contre-la-copie
Convertir une page web enfichier pdf (Résolu)bonsoir à toutes et tous (en premier lieu) Je cherche (et je ne trouve pas) s'il existe une extension ou un plugin ou je ne sais quoi (une manip dans acrobat pro 7.0) qui me permettrait de convertir directement une page web en fichier pdf : je... www.commentcamarche.net/forum/affich-2483644-convertir-une-page-web-enfichier-pdf
Cacher le code source d'une page WEB (Résolu)Je cherche comment pouvoir cacher le code source de mes pages WEB afin d'en protéger les données et sources diverses. Comment faire ? www.commentcamarche.net/forum/affich-3434-cacher-le-code-source-d-une-page-web
[PHP] récupérer le code source d'une page web (Résolu)salut , je essayer de récupérer le code source d'une page web à partir de son URL. j'ai un code qui le fait avec Java mais j'ai besion en PHP ..... voila le code en java et si qlq peut me l'envoyer en PHP.......Merci --------------... www.commentcamarche.net/forum/affich-2266318-php-recuperer-le-code-source-d-une-page-web
Toutes les réponses pour « centrer une page web »