Se connecter / S'enregistrer
Votre question

(réglé) aide pour centrer une newsletter en php

Tags :
  • Php
  • Programmation
Dernière réponse : dans Programmation
6 Décembre 2004 14:04:08

Bonjour,
Peut-être que je trouverai ma solution sur ce forum :-D
voir le problème
Pour l'instant, tout est mis dans le coin haut à gauche et moi j'aimerais le centrer comme sur toutes les autres pages. (comme par exemple : http://www.foteli.com/infos.html)
Mes connaissance en php sont limitées ... et encore plus en CCS2 ouille. Si vous avez une idée pour le centrer, n'hésitez pas
Merci.
Stéphanie :-D

Autres pages sur : regle aide centrer newsletter php

6 Décembre 2004 15:23:32

Ca me parait bon, t'as deja du changé.
6 Décembre 2004 15:27:09

Non j'ai rien changé ... j'utilise un mac et chez moi il est en haut à gauche vraiment bien collé au bord :-(
Contenus similaires
6 Décembre 2004 15:30:57

resurectin >> tu utilise IE....?

j utilise un pc et FireFox, et tout apparait en haut a gauche.....je regarde le code.....
6 Décembre 2004 15:33:54

vos browser web doivent merder sur les layer.

met <body align="center"> au lieu de tes layer. (<div>)
6 Décembre 2004 15:34:02

J'ai regardé le code ... mais je suis pas pro du php ... disons que je me débrouille comme je peux . Et là, je suis bloquée. :-(
6 Décembre 2004 15:36:09

ton probleme ne vient pas du php, mais du html....ce que je trouve etrange, c est que je viens de copier tout ton code, et chez moi en local, tout est centré.....etrange....
6 Décembre 2004 15:40:58

voila le code de tous les fichiers :
Voici le script du form_header.html :
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. This program is free software; you can redistribute it and/or
  6. modify it under the terms of the GNU General Public License as
  7. published by the Free Software Foundation; either version 2 of
  8. the License, or (at your option) any later version.
  9.  
  10. http://www.gnu.org/copyleft/gpl.html (english)
  11. http://www.april.org/gnu/gpl_french.html (french)
  12. -->
  13.  
  14. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  15. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  16. <meta http-equiv="Content-Style-Type" content="text/css" />
  17.  
  18. <title>Inscription ‡ la liste de diffusion</title>
  19.  
  20. <meta name="Author" content="Bobe" />
  21. <meta name="Editor" content="phpEdit" />
  22. <meta name="Copyright" content="phpCodeur (c) 2002-2004" />
  23.  
  24. <link rel="stylesheet" type="text/css" href="mailinglist.css">
  25.  
  26. </head>
  27. <body>
  28. <div id="center">
  29. <div id="container" align="center">
  30. <div id="header"><table width="720" border="0" align="center" cellpadding="1"
  31. cellspacing="2" bgcolor="#ffcc66">
  32.  
  33. <img width="720px" height="39" usemap="#Map"
  34. src="http://www.stephiclik.com/images/menu.jpg"></table>
  35. <map name="Map"><area shape="rect" coords="68,1,121,30"
  36. href="http://www.stephiclik.com/infos.html">
  37. <area shape="rect" coords="166,1,255,33"
  38. href="http://www.stephiclik.com/portfolio.html">
  39. <area shape="rect" coords="321,1,391,30"
  40. href="http://www.stephiclik.com/forum/index.php">
  41. <area shape="rect" coords="449,1,522,30"
  42. href="http://www.stephiclik.com/bonus.html">
  43. <area shape="rect" coords="566,1,652,32"
  44. href="http://www.stephiclik.com/contact.html">
  45. </map>
  46. </div>


et celui du mailinglist.css :

  1. body { color: #660000; background-color: #000000; }
  2. img { border: 0; }
  3.  
  4. #center { position: absolute; top: 0; left: 0; width: 100%; text-align:
  5. center; }
  6. #container { position: relative; width: 730px; background-color: #FFCC66;
  7. text-align: center; padding: 2px; }
  8. #header { border: 0; padding: 1px; }
  9. #footer { border: 0; padding: 1px; }
  10.  
  11. .center { text-align: center; }
  12.  
  13. form { width: 60%; margin: 30px auto; font-family: Verdana, Arial,
  14. sans-serif; font-size: 0.8em; }
  15.  
  16. form fieldset { border: 1px dashed #79C; padding: 10px; }
  17. form legend { background-color: white; padding: 1px 4px; color:
  18. black; }
  19. form div { padding: 6px 8px; }
  20. form div.bloc label { display: block; float: left; width: 30%; }
  21. form div.center { text-align: center; }
  22.  
  23. label[for] { cursor: pointer; }
  24. p.message { text-align: center; }


Peut-être que ça peut mieux aider :-D
6 Décembre 2004 15:48:48

celui du footer :

  1. <div class="footer">
  2. <img src="http://www.stephiclik.com/images/bas.gif" width="720" height="18"
  3. usemap="#Map2">
  4. <map name="Map2">
  5. <area shape="rect" coords="22,1,147,17" href="http://www.stephiclik.com">
  6. <area shape="rect" coords="442,1,492,16"
  7. href="http://www.stephiclik.com/contact.html">
  8. <area shape="rect" coords="507,3,602,18"
  9. href="http://www.stephiclik.com/infos/infosparemail.html">
  10. <area shape="rect" coords="618,1,696,16"
  11. href="http://www.stephiclik.com/infos/misesajour.html">
  12. </map>
  13. </div>
  14. </div>
  15. </body>
  16. </html>

Voilà ... il y a encore celui de subscribe.php mais j'arrive pas à le mettre sur le post.
En tout cas, merci beaucoup. Chez moi, il est dans le coin gauche en haut en local et aussi online :-(
6 Décembre 2004 15:53:14

Je viens de mettrer <body align="center">
<link rel="stylesheet" type="text/css" href="mailinglist.css">

</head>
<body align="center">
<div id="container" align="center">
<div id="header"><table width="720" border="0" align="center" cellpadding="1" cellspacing="2" bgcolor="#ffcc66">


Maintenant, c'est déjà un peu mieux ... ce n'est plus collé au bord :-D
6 Décembre 2004 17:02:29

Le problème est résolu ... merci à vous :-D
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS