Tous est centrer

[K-Surf]

Bonjour j'ai un problème tous est centrer sur mon forum et je veut que sa redevienne comme avant tous sur la droite et ce que je veux centrer.

Merci de m'aider.

http://tuto-graphisme.forumactif.fr/forum/

[Invité]

Bonjour,

Quelles modifications avez-vous faites récemment sur votre forum dans votre feuille de style CSS et éventuellement vos templates (même si dans votre profil vous indiquez que vos templates n'ont pas été modifiés) ?

Cordialement

[K-Surf]

Tremplate j'ai voulu centrer la navigation rapide haut bas et css j'ai mis un css pour un formulaire. Et je viens d'aller dans index body j'ai mis <div align="left"></div> toute la page d'accueil est revenue met dans les sujet tous es centré.

[Invité]

Re,

Vous voulez dire que dans les messages, les infos restent centrées ?

Cordialement

[K-Surf]

Dans la page d'acueil tous est redevenue à droit mais quand je clique sur une catégorie ou forum la page est centrer regarder: http://tuto-graphisme.forumactif.fr/f44-art-litterature-culture

[K-Surf]

Donc j'ai essayer un truc le css pour mon formulaire que j'ai placer le voici:

Code:

 
    body
    {
      background:#669900;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
      font-size:small;
      margin:8px 0 16px;
      text-align:center;
    }

    #form_container
    {
      background:#fff;
     
      margin:0 auto;
      text-align:left;
      width:640px;
    }

    #top
    {
      display:block;
      height:10px;
      margin:10px auto 0;
      width:650px;
    }

    #footer
    {
      width:640px;
      clear:both;
      color:#999999;
      text-align:center;
      width:640px;
      padding-bottom: 15px;
      font-size: 85%;
    }

    #footer a{
      color:#999999;
      text-decoration: none;
      border-bottom: 1px dotted #999999;
    }

    #bottom
    {
      display:block;
      height:10px;
      margin:0 auto;
      width:650px;
    }

    form.appnitro
    {
      margin:20px 20px 0;
      padding:0 0 20px;
    }

    /**** Logo Section  *****/
    h1
    {
      background-color:#99CC00;
      margin:0;
      min-height:0;
      padding:0;
      text-decoration:none;
      text-indent:-8000px;
     
    }

    h1 a
    {
     
      display:block;
      height:100%;
      min-height:40px;
      overflow:hidden;
    }


    img
    {
      behavior:url(css/iepngfix.htc);
      border:none;
    }


    /**** Form Section ****/
    .appnitro
    {
      font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
      font-size:small;
    }

    .appnitro li
    {
      width:61%;
    }

    form ul
    {
      font-size:100%;
      list-style-type:none;
      margin:0;
      padding:0;
      width:100%;
    }

    form li
    {
      display:block;
      margin:0;
      padding:4px 5px 2px 9px;
      position:relative;
    }

    form li:after
    {
      clear:both;
      content:".";
      display:block;
      height:0;
      visibility:hidden;
    }

    .buttons:after
    {
      clear:both;
      content:".";
      display:block;
      height:0;
      visibility:hidden;
    }

    .buttons
    {
      clear:both;
      display:block;
      margin-top:10px;
    }

    * html form li
    {
      height:1%;
    }

    * html .buttons
    {
      height:1%;
    }

    * html form li div
    {
      display:inline-block;
    }

    form li div
    {
      color:#444;
      margin:0 4px 0 0;
      padding:0 0 8px;
    }

    form li span
    {
      color:#444;
      float:left;
      margin:0 4px 0 0;
      padding:0 0 8px;
    }

    form li div.left
    {
      display:inline;
      float:left;
      width:48%;
    }

    form li div.right
    {
      display:inline;
      float:right;
      width:48%;
    }

    form li div.left .medium
    {
      width:100%;
    }

    form li div.right .medium
    {
      width:100%;
    }

    .clear
    {
      clear:both;
    }

    form li div label
    {
      clear:both;
      color:#444;
      display:block;
      font-size:9px;
      line-height:9px;
      margin:0;
      padding-top:3px;
    }

    form li span label
    {
      clear:both;
      color:#444;
      display:block;
      font-size:9px;
      line-height:9px;
      margin:0;
      padding-top:3px;
    }

    form li .datepicker
    {
      cursor:pointer !important;
      float:left;
      height:16px;
      margin:.1em 5px 0 0;
      padding:0;
      width:16px;
    }

    .form_description
    {
      border-bottom:1px dotted #ccc;
      clear:both;
      display:inline-block;
      margin:0 0 1em;
    }

    .form_description[class]
    {
      display:block;
    }

    .form_description h2
    {
      clear:left;
      font-size:160%;
      font-weight:400;
      margin:0 0 3px;
    }

    .form_description p
    {
      font-size:95%;
      line-height:130%;
      margin:0 0 12px;
    }

    form hr
    {
      display:none;
    }

    form li.section_break
    {
      border-top:1px dotted #ccc;
      margin-top:9px;
      padding-bottom:0;
      padding-left:9px;
      padding-top:13px;
      width:97% !important;
    }

    form ul li.first
    {
      border-top:none !important;
      margin-top:0 !important;
      padding-top:0 !important;
    }

    form .section_break h3
    {
      font-size:110%;
      font-weight:400;
      line-height:130%;
      margin:0 0 2px;
    }

    form .section_break p
    {
      font-size:85%;

      margin:0 0 10px;
    }

    /**** Buttons ****/
    input.button_text
    {
      overflow:visible;
      padding:0 7px;
      width:auto;
    }

    .buttons input
    {
      font-size:120%;
      margin-right:5px;
    }

    /**** Inputs and Labels ****/
    label.description
    {
      border:none;
      color:#222;
      display:block;
      font-size:95%;
      font-weight:700;
      line-height:150%;
      padding:0 0 1px;
    }

    span.symbol
    {
      font-size:115%;
      line-height:130%;
    }

    input.text
    {
      background:#fff url(../../../images/shadow.gif) repeat-x top;
      border-bottom:1px solid #ddd;
      border-left:1px solid #c3c3c3;
      border-right:1px solid #c3c3c3;
      border-top:1px solid #7c7c7c;
      color:#333;
      font-size:100%;
      margin:0;
      padding:2px 0;
    }

    input.file
    {
      color:#333;
      font-size:100%;
      margin:0;
      padding:2px 0;
    }

    textarea.textarea
    {
      background:#fff url(../../../images/shadow.gif) repeat-x top;
      border-bottom:1px solid #ddd;
      border-left:1px solid #c3c3c3;
      border-right:1px solid #c3c3c3;
      border-top:1px solid #7c7c7c;
      color:#333;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
      font-size:100%;
      margin:0;
      width:99%;
    }

    select.select
    {
      color:#333;
      font-size:100%;
      margin:1px 0;
      padding:1px 0 0;
      background:#fff url(../../../images/shadow.gif) repeat-x top;
      border-bottom:1px solid #ddd;
      border-left:1px solid #c3c3c3;
      border-right:1px solid #c3c3c3;
      border-top:1px solid #7c7c7c;
    }


    input.currency
    {
      text-align:right;
    }

    input.checkbox
    {
      display:block;
      height:13px;
      line-height:1.4em;
      margin:6px 0 0 3px;
      width:13px;
    }

    input.radio
    {
      display:block;
      height:13px;
      line-height:1.4em;
      margin:6px 0 0 3px;
      width:13px;
    }

    label.choice
    {
      color:#444;
      display:block;
      font-size:100%;
      line-height:1.4em;
      margin:-1.55em 0 0 25px;
      padding:4px 0 5px;
      width:90%;
    }

    select.select[class]
    {
      margin:0;
      padding:1px 0;
    }

    *:first-child+html select.select[class]
    {
      margin:1px 0;
    }

    .safari select.select
    {
      font-size:120% !important;
      margin-bottom:1px;
    }

    input.small
    {
      width:25%;
    }

    select.small
    {
      width:25%;
    }

    input.medium
    {
      width:50%;
    }

    select.medium
    {
      width:50%;
    }

    input.large
    {
      width:99%;
    }

    select.large
    {
      width:100%;
    }

    textarea.small
    {
      height:5.5em;
    }

    textarea.medium
    {
      height:10em;
    }

    textarea.large
    {
      height:20em;
    }

    /**** Errors ****/
    #error_message
    {
      background:#fff;
      border:1px dotted red;
      margin-bottom:1em;
      padding-left:0;
      padding-right:0;
      padding-top:4px;
      text-align:center;
      width:99%;
    }

    #error_message_title
    {
      color:#DF0000;
      font-size:125%;
      margin:7px 0 5px;
      padding:0;
    }

    #error_message_desc
    {
      color:#000;
      font-size:100%;
      margin:0 0 .8em;
    }

    #error_message_desc strong
    {
      background-color:#FFDFDF;
      color:red;
      padding:2px 3px;
    }

    form li.error
    {
      background-color:#FFDFDF !important;
      border-bottom:1px solid #EACBCC;
      border-right:1px solid #EACBCC;
      margin:3px 0;
    }

    form li.error label
    {
      color:#DF0000 !important;
    }

    form p.error
    {
      clear:both;
      color:red;
      font-size:10px;
      font-weight:700;
      margin:0 0 5px;
    }

    form .required
    {
      color:red;
      float:none;
      font-weight:700;
    }

    /**** Guidelines and Error Highlight ****/
    form li.highlighted
    {
      background-color:#fff7c0;
    }

    form .guidelines
    {
      background:#f5f5f5;
      border:1px solid #e6e6e6;
      color:#444;
      font-size:80%;
      left:100%;
      line-height:130%;
      margin:0 0 0 8px;
      padding:8px 10px 9px;
      position:absolute;
      top:0;
      visibility:hidden;
      width:42%;
      z-index: 999;
    }

    form .guidelines small
    {
      font-size:105%;
    }

    form li.highlighted .guidelines
    {
      visibility:visible;
    }

    form li:hover .guidelines
    {
      visibility:visible;
    }

    .no_guidelines .guidelines
    {
      display:none !important;
    }

    .no_guidelines form li
    {
      width:97%;
    }

    .no_guidelines li.section
    {
      padding-left:9px;
    }

    /*** Success Message ****/
    .form_success
    {
      clear: both;
      margin: 0;
      padding: 90px 0pt 100px;
      text-align: center
    }

    .form_success h2 {
        clear:left;
        font-size:160%;
        font-weight:normal;
        margin:0pt 0pt 3px;
    }

    /*** Password ****/
    ul.password{
        margin-top:60px;
        margin-bottom: 60px;
        text-align: center;
    }
    .password h2{
        color:#DF0000;
        font-weight:bold;
        margin:0pt auto 10px;
    }

    .password input.text {
      font-size:170% !important;
      width:380px;
      text-align: center;
    }
    .password label{
      display:block;
      font-size:120% !important;
      padding-top:10px;
      font-weight:bold;
    }

    #li_captcha{
      padding-left: 5px;
    }


    #li_captcha span{
      float:none;
    }

    /** Embedded Form **/

    .embed #form_container{
      border: none;
    }

    .embed #top, .embed #bottom, .embed h1{
      display: none;
    }

    .embed #form_container{
      width: 100%;
    }

    .embed #footer{
      text-align: left;
      padding-left: 10px;
      width: 99%;
    }

    .embed #footer.success{
      text-align: center;
    }

    .embed form.appnitro
    {
      margin:0px 0px 0;
     
    }



    /*** Calendar **********************/
    div.calendar { position: relative; }

    .calendar table {
    cursor:pointer;
    border:1px solid #ccc;
    font-size: 11px;
    color: #000;
    background: #fff;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    }

    .calendar .button {
    text-align: center; 
    padding: 2px;       
    }

    .calendar .nav {
    background:#f5f5f5;
    }

    .calendar thead .title {
    font-weight: bold;   
    text-align: center;
    background: #dedede;
    color: #000;
    padding: 2px 0 3px 0;
    }

    .calendar thead .headrow {
    background: #f5f5f5;
    color: #444;
    font-weight:bold;
    }

    .calendar thead .daynames {
    background: #fff;
    color:#333;
    font-weight:bold;
    }

    .calendar thead .name {
    border-bottom: 1px dotted #ccc;
    padding: 2px;
    text-align: center;
    color: #000;
    }

    .calendar thead .weekend {
    color: #666;
    }

    .calendar thead .hilite {
    background-color: #444;
    color: #fff;
    padding: 1px;
    }

    .calendar thead .active {
    background-color: #d12f19;
    color:#fff;
    padding: 2px 0px 0px 2px;
    }


    .calendar tbody .day {
    width:1.8em;
    color: #222;
    text-align: right;
    padding: 2px 2px 2px 2px;
    }
    .calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
    }
    .calendar tbody .day.othermonth.oweekend {
    color: #fbb;
    }

    .calendar table .wn {
    padding: 2px 2px 2px 2px;
    border-right: 1px solid #000;
    background: #666;
    }

    .calendar tbody .rowhilite td {
    background: #FFF1AF;
    }

    .calendar tbody .rowhilite td.wn {
    background: #FFF1AF;
    }

    .calendar tbody td.hilite {
    padding: 1px 1px 1px 1px;
    background:#444 !important;
    color:#fff !important;
    }

    .calendar tbody td.active {
    color:#fff;
    background: #529214 !important;
    padding: 2px 2px 0px 2px;
    }

    .calendar tbody td.selected {
    font-weight: bold;
    border: 1px solid #888;
    padding: 1px 1px 1px 1px;
    background: #f5f5f5 !important;
    color: #222 !important;
    }

    .calendar tbody td.weekend {
    color: #666;
    }

    .calendar tbody td.today {
    font-weight: bold;
    color: #529214;
    background:#D9EFC2;
    }

    .calendar tbody .disabled { color: #999; }

    .calendar tbody .emptycell {
    visibility: hidden;
    }

    .calendar tbody .emptyrow {
    display: none;
    }

    .calendar tfoot .footrow {
    text-align: center;
    background: #556;
    color: #fff;
    }

    .calendar tfoot .ttip {
    background: #222;
    color: #fff;
    font-size:10px;
    border-top: 1px solid #dedede;
    padding: 3px;
    }

    .calendar tfoot .hilite {
    background: #aaf;
    border: 1px solid #04f;
    color: #000;
    padding: 1px;
    }

    .calendar tfoot .active {
    background: #77c;
    padding: 2px 0px 0px 2px;
    }

    .calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #222;
    font-size: 90%;
    z-index: 999;
    }

    .calendar .combo .label,
    .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
    }

    .calendar .combo .label-IEfix {
    width: 4em;
    }

    .calendar .combo .hilite {
    background: #444;
    color:#fff;
    }

    .calendar .combo .active {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #dedede;
    font-weight: bold;
    }


Et bin des que je l'enlève tous mes problème sont résolu (plus rien est centrer) mais pour le design de mon formulaire j'ai besoin de mettre sa dans les feuilles style css

[kakale]

Bonjour

Il suffit de lire la première ligne pour voir :

body
{
background:#669900;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:small;
margin:8px 0 16px;
text-align:center;

TOUT vos test-align sont en center. A vous de voir maintenant, et de les changer si besoin est.
Cordialement.

[K-Surf]

Ok merci de votre aide