Aide - Recherche - Membres - Calendrier
Version complète : Comment Centrer Ces Pages ?
La Communauté TitaXium > Service Communication > Espace Developpement
th3punish3r15
1 May 2006, 09:25
Bonjour,

J'aurai voulu savoir si quelqu'un pouvais me dire comment je peut mettre ces images centré.

Voici les codes de la page :

Citation
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <script src="http://tag.regieci.com/pubs.asp?id=533079&amp;i_pu_def=1"></script>
  <link href="centre.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body leftmargin="0" topmargin="0" style="background-color: rgb(255, 255, 255);" marginheight="0" marginwidth="0">
<div id="global">
<!-- ImageReady Slices (indexnitrowarez.psd) -->
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="1024" width="768">
  <tbody>
    <tr>
      <td colspan="3"> <img src="images/disclamer_01.jpg" alt="" height="340" width="1024" border="0"></td>
    </tr>
    <tr>
      <td rowspan="10"> <img src="images/disclamer_02.jpg" alt="" height="428" width="33" border="0"></td>
      <td> <a href=""><img style="border: 0px solid ; width: 131px; height: 30px;" src="images/disclamer_03.jpg" alt=""></a></td>
      <td rowspan="10"> <img src="images/disclamer_04.jpg" alt="" height="428" width="860" border="0"></td>
    </tr>
    <tr>
      <td> <img src="images/disclamer_05.jpg" alt="" height="44" width="131" border="0"></td>
    </tr>
    <tr>
      <td> <a href=""><img style="border: 0px solid ; width: 131px; height: 30px;" src="images/disclamer_06.jpg" alt=""></a></td>
    </tr>
    <tr>
      <td> <img src="images/disclamer_07.jpg" alt="" height="44" width="131" border="0"></td>
    </tr>
    <tr>
      <td> <a href=""><img style="border: 0px solid ; width: 131px; height: 30px;" src="images/disclamer_08.jpg" alt=""></a></td>
    </tr>
    <tr>
      <td> <img src="images/disclamer_09.jpg" alt="" height="43" width="131" border="0"></td>
    </tr>
    <tr>
      <td> <a href=""><img style="border: 0px solid ; width: 131px; height: 30px;" src="images/disclamer_10.jpg" alt=""></a></td>
    </tr>
    <tr>
      <td> <img src="images/disclamer_11.jpg" alt="" height="44" width="131" border="0"></td>
    </tr>
    <tr>
      <td> <a href=""><img style="border: 0px solid ; width: 131px; height: 30px;" src="images/disclamer_12.jpg" alt=""></a></td>
    </tr>
    <tr>
      <td> <img src="images/disclamer_13.jpg" alt="" height="103" width="131" border="0"></td>
    </tr>
  </tbody>
</table>
<!-- End ImageReady Slices -->
</div>
</body>
</html>


Pour la deuxième page :

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <script src="http://tag.regieci.com/pubs.asp?id=533079&amp;i_pu_def=1"></script>
 <link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body leftmargin="0" topmargin="0" style="background-color: rgb(255, 255, 255);" marginheight="0" marginwidth="0">
<div id="global">
<!-- ImageReady Slices (indexnitrowarez.psd) -->
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="768" width="1024">
 <tbody>
   <tr>
     <td colspan="3"> <img style="width: 1024px; height: 340px;" src="images/index_01.jpg" alt="" border="0"></td>
   </tr>
   <tr>
     <td rowspan="10"> <img src="images/index_02.jpg" alt="" height="428" width="33" border="0"></td>
     <td> <a href=""><img style="border: 0px solid; width: 131px; height: 30px;" src="images/index_03.jpg" alt=""></a></td>
     <td rowspan="10"> <img style="width: 860px; height: 428px;" src="images/index_04.jpg" alt="" border="0"></td>
   </tr>
   <tr>
     <td> <img src="images/index_05.jpg" alt="" height="44" width="131" border="0"></td>
   </tr>
   <tr>
     <td> <a href=""><img style="border: 0px solid; width: 131px; height: 30px;" src="images/index_06.jpg" alt=""></a></td>
   </tr>
   <tr>
     <td> <img src="images/index_07.jpg" alt="" height="44" width="131" border="0"></td>
   </tr>
   <tr>
     <td> <a href=""><img style="border: 0px solid; width: 131px; height: 30px;" src="images/index_08.jpg" alt=""></a></td>
   </tr>
   <tr>
     <td> <img src="images/index_09.jpg" alt="" height="43" width="131" border="0"></td>
   </tr>
   <tr>
     <td> <a href=""><img style="border: 0px solid; width: 131px; height: 30px;" src="images/index_10.jpg" alt=""></a></td>
   </tr>
   <tr>
     <td> <img src="images/index_11.jpg" alt="" height="44" width="131" border="0"></td>
   </tr>
   <tr>
     <td> <a href=""><img style="border: 0px solid; width: 131px; height: 30px;" src="images/index_12.jpg" alt=""></a></td>
   </tr>
   <tr>
    <td> <img alt="" src="images/index_13.jpg" height="103" width="131" border="0"></td>
   </tr>
 </tbody>
</table>
<!-- End ImageReady Slices -->
</div>
</body>
</html>


Toutes les écritures sont sur les images.

C'est pages ne sont pas les miennes, se n'est pas mon sujet. Je voulais juste savoir comment faire pour centrer tout ca.

Si quelqu'un peut m'aider se serai simpa.

Merci beaucoup.

A+
Fantome
1 May 2006, 09:36
Si tu rajoute dans ta feuille de style un text-align: center; pour ta div global ça devrais marché.



j'aime bien le nom du fichier psd whistling.gif
Mdz
1 May 2006, 09:39
Citation (Fantome @ lundi 01 mai 2006 à 09h36)
j'aime bien le nom du fichier psd whistling.gif
*

En plus avec le disclamer de la première page, on se demande sur quel thème repose le site... whistling.gif
th3punish3r15
1 May 2006, 09:49
ou mais le fichier CSS je peut te le donner si tu veux il y a le text-align: center ;

Mais c'est pas mon site !!!

Voila le code CSS :

Code
body {
 background-color: #000000;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    }
#global {
    position:relative;
    left: 50%;
    top: 50%;
    width: 1024px;
    height: 768px;
    margin-top: -512px; /* moitié de la hauteur */
    margin-left: -384px; /* moitié de la largeur */
    border: 1px solid #000;
 text-align: center;
    }


Voila maintenant moi je veux juste savoir comment le mettre centrer.

C'est tout.

Merci de votre aide.
th3punish3r15
4 May 2006, 20:09
up up up up up up up up up
Mdz
5 May 2006, 13:37
http://openweb.eu.org/articles/initiation_css/

Tu auras jamais tout cuit dans le bec mon brave.
On traite pas de commande/script pour des sites illégaux ici.
ED
5 May 2006, 14:18
Ce genre de sites étant illégal, je ferme le sujet.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2010 Invision Power Services, Inc.