AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-20%
Le deal à ne pas rater :
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q (rev2.0) + Radeon RX 6950 ...
749 € 939 €
Voir le deal

    problème avec l'alignement de mon forum

    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Ven 3 Juin 2011 - 11:52

    Bonjour,

    J'ai un petit soucis. J'ai régler la largeur de mon forum a 750px. Le problème, c'est que ça me l'a de suite aligner à gauche alors que je voudrais à nouveau le centrer.
    Je suis sous version Phpbb2.
    Voici le lien : http://iwantyou.forumactif.com/

    Il est en construction.

    Merci de votre réponse.
    Minimoy28


    Dernière édition par Minimoy28 le Ven 3 Juin 2011 - 12:32, édité 1 fois
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 3 Juin 2011 - 12:11

    Bonjour ça doit pas être bien méchant essaie ce code.

    Code:

    table
    {
    max-width: 750px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    }



    problème avec l'alignement de mon forum 376864signichigo
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Ven 3 Juin 2011 - 12:12

    Ca marche pas :S.
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 3 Juin 2011 - 12:15

    Bizarre.

    Je peut voir ton css pour éventuellement corriger les erreurs.



    problème avec l'alignement de mon forum 376864signichigo
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Ven 3 Juin 2011 - 12:16

    Oui bien sur

    Code:
    table
    {
    max-width: 750px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    }

    .qeeltitre{
    font-variant: small-caps;
    text-align: center;
    color: #EA0B8B;
    text-shadow: 1px 1px 0px #fff;
    }

    .QEEL3{
    text-align: center;
    margin-bottom: -20px;
    }

    .QEEL2{
    border: 2px solid #fff;
    background: #fecf91;
    box-shadow: 1px 1px 1px #EA0B8B;
    -moz-border-radius: 20px;

    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100px;
    }

    .QEEL1{
    height: 300px;
    }

    .bodycat{
    border: 3px solid #EA0B8B;
    -moz-border-radius: 20px;
    background: #e6cbac;
    }

    .textescolor1{
    background: #EA0B8B;
    color: #fff;
    text-align: justify;
    font-family: times;
    margin: 0px;

    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;

    background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
    background-repeat: no-repeat;
    }

    .textescolor2{
    background: #ffb260;
    color: #000;
    text-align: justify;
    font-family: times;
    margin: 0px;

    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;

    background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
    background-repeat: no-repeat;
    }

    .titres2{
    text-transform: lowercase;
    font-style: italic;
    border-bottom: 3px solid #EA0B8B;
    font-size: 20px;
    letter-spacing: 5px;
    font-family: arial;
    color: #feb061;
    text-align: right;
    text-shadow: 1px 1px 0px #000000;
    }

    .titres{
    text-transform: lowercase;
    font-size: 30px;
    background: #f1a3c5;
    letter-spacing: 3px;
    font-family: times;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0px #000000;
    }



    .description2{
    color: #f1a3c5 !important;
    font-weight: bold;
    font-variant: small-caps;
    text-shadow: 1px 1px 0px #fff;
    font-family: verdana !important;
    }

    .titrecategorie{
    text-align: center;
    }

    .categorie{
    margin-left: 80px;
    margin-top: 30px;
    border-top: 3px solid #D42850;
    border-right: 3px solid #D42850;
    border-left: 3px solid #D42850;
    border-bottom: 1px solid #D42850;
    background: #f7f0e0;
    width: 650px;
    -moz-border-radius: 100px 100px 20px 20px;
    }

    .lastpost{
    margin-top: 10px !important;
    width: 150px;
    background: #f1a3c5;
    font-size: 9px;
    font-variant: small-caps;
    margin-bottom: 5px;
    border-top: 1px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    -moz-border-radius: 12px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    -moz-border-radius: 10px 10px 20px 20px;
    /*-moz-box-shadow: 1px 1px 0px #000;*/
    }

    .sujetsmessages{
    text-align: right;
    text-transform: lowercase;
    margin-top: -25px;
    color: #EA0B8B;
    font-size: 10px;
    }

    .description{
    background: #f7f0df;
    padding: 10px;
    text-align: justify;
    font-family: verdana;
    -moz-border-radius: 10px 10px 20px 20px;
    color: #EA0B8B;

    border-top: 1px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    }

    body
    {
    letter-spacing: 1px;
    margin-bottom: -10px;
    margin-top: -11px;
    width: 750px;
    }

    .bodyline{
    border-left: 10px solid #EA0B8B;
    border-right: 10px solid #EA0B8B;

    padding-left: 0px;
    padding-right: 0px;
    }



    a{text-decoration: none !important;}
    a:hover{text-decoration: none !important;}

    .forumlink{
    color: #feb061 !important;
    text-transform: uppercase;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 4px;
    margin-bottom: -19px;

    display: block;
    }

    .forumlink:hover{
    color: #EA0B8B !important;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 4px;
    margin-bottom: -19px;

    display: block;
    }

    .barrenavigation{
    background: #EA0B8B;
    font-variant: small-caps;

    margin-top: -55px;
    }

    .barrenavigation:hover{
    background: #fcd860;
    font-variant: small-caps;

    margin-top: -55px;
    }
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 3 Juin 2011 - 12:20

    Voila ça devrai marcher t'avais deux fois un body .

    Code:
    table
    {
    max-width: 750px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    }

    .qeeltitre{
    font-variant: small-caps;
    text-align: center;
    color: #EA0B8B;
    text-shadow: 1px 1px 0px #fff;
    }

    .QEEL3{
    text-align: center;
    margin-bottom: -20px;
    }

    .QEEL2{
    border: 2px solid #fff;
    background: #fecf91;
    box-shadow: 1px 1px 1px #EA0B8B;
    -moz-border-radius: 20px;

    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100px;
    }

    .QEEL1{
    height: 300px;
    }

    .bodycat{
    border: 3px solid #EA0B8B;
    -moz-border-radius: 20px;
    background: #e6cbac;
    }

    .textescolor1{
    background: #EA0B8B;
    color: #fff;
    text-align: justify;
    font-family: times;
    margin: 0px;

    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;

    background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
    background-repeat: no-repeat;
    }

    .textescolor2{
    background: #ffb260;
    color: #000;
    text-align: justify;
    font-family: times;
    margin: 0px;

    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;

    background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
    background-repeat: no-repeat;
    }

    .titres2{
    text-transform: lowercase;
    font-style: italic;
    border-bottom: 3px solid #EA0B8B;
    font-size: 20px;
    letter-spacing: 5px;
    font-family: arial;
    color: #feb061;
    text-align: right;
    text-shadow: 1px 1px 0px #000000;
    }

    .titres{
    text-transform: lowercase;
    font-size: 30px;
    background: #f1a3c5;
    letter-spacing: 3px;
    font-family: times;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0px #000000;
    }



    .description2{
    color: #f1a3c5 !important;
    font-weight: bold;
    font-variant: small-caps;
    text-shadow: 1px 1px 0px #fff;
    font-family: verdana !important;
    }

    .titrecategorie{
    text-align: center;
    }

    .categorie{
    margin-left: 80px;
    margin-top: 30px;
    border-top: 3px solid #D42850;
    border-right: 3px solid #D42850;
    border-left: 3px solid #D42850;
    border-bottom: 1px solid #D42850;
    background: #f7f0e0;
    width: 650px;
    -moz-border-radius: 100px 100px 20px 20px;
    }

    .lastpost{
    margin-top: 10px !important;
    width: 150px;
    background: #f1a3c5;
    font-size: 9px;
    font-variant: small-caps;
    margin-bottom: 5px;
    border-top: 1px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    -moz-border-radius: 12px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    -moz-border-radius: 10px 10px 20px 20px;
    /*-moz-box-shadow: 1px 1px 0px #000;*/
    }

    .sujetsmessages{
    text-align: right;
    text-transform: lowercase;
    margin-top: -25px;
    color: #EA0B8B;
    font-size: 10px;
    }

    .description{
    background: #f7f0df;
    padding: 10px;
    text-align: justify;
    font-family: verdana;
    -moz-border-radius: 10px 10px 20px 20px;
    color: #EA0B8B;

    border-top: 1px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    }



    .bodyline{
    border-left: 10px solid #EA0B8B;
    border-right: 10px solid #EA0B8B;
    }



    a{text-decoration: none !important;}
    a:hover{text-decoration: none !important;}

    .forumlink{
    color: #feb061 !important;
    text-transform: uppercase;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 4px;
    margin-bottom: -19px;

    display: block;
    }

    .forumlink:hover{
    color: #EA0B8B !important;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 4px;
    margin-bottom: -19px;

    display: block;
    }

    .barrenavigation{
    background: #EA0B8B;
    font-variant: small-caps;

    margin-top: -55px;
    }

    .barrenavigation:hover{
    background: #fcd860;
    font-variant: small-caps;

    margin-top: -55px;
    }



    problème avec l'alignement de mon forum 376864signichigo
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Ven 3 Juin 2011 - 12:22

    Oui, ça marche maintenant mais je voudrais coller le body au bord d'en haut et d'en bas.

    EDIT : Et je voudrais aussi coller le bodyline a la bannière. Mais le problème c'est que la je n'ai plus de body du tout.
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 3 Juin 2011 - 12:28

    Tout est coller chez moi .



    problème avec l'alignement de mon forum 376864signichigo
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Ven 3 Juin 2011 - 12:31

    Oui, je viens de recréer un body en fait. J'ai juste une ajustation a faire avec la bannière et tout ira bien Very Happy.

    Merci. Sujet clos. J'édite.
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 3 Juin 2011 - 12:32

    De rien ^^



    problème avec l'alignement de mon forum 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 6:33