Centrer une PA
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Centrer une PA
Bonjour j'ai une PA que j'aimerais centrer, en effet celle-ci ne prend pas toute la place et donc je voulais la centrer via les bases
Aidez-moi s'il vous plait.
Cordialement,
- Code:
<center>....</center>
Aidez-moi s'il vous plait.
Cordialement,
Re: Centrer une PA
Bonjour !
Avez-vous essayé avec les balises suivantes ?
Si cela ne fonctionne toujours pas essayez de repérer si vous n'avez pas une balise qui dans le CSS ou directement dans le code HTML aligne le texte à gauche. Parce que sauf modifications de votre part le texte d'une page d'accueil est toujours centré par défaut.
Avez-vous essayé avec les balises suivantes ?
- Code:
<div align="center">Votre page d'accueil.</div>
Si cela ne fonctionne toujours pas essayez de repérer si vous n'avez pas une balise qui dans le CSS ou directement dans le code HTML aligne le texte à gauche. Parce que sauf modifications de votre part le texte d'une page d'accueil est toujours centré par défaut.
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
Bonjour,
Je crois surtout qu'il faudrait nous expliquer ce que vous voulez center.
Si c'est le forum de votre profil, il est centré. Pour moi PA = Page d'accueil ou Panneau d'administration.
Peut-être parlez vous de votre Message sur la page d'accueil..
Je crois surtout qu'il faudrait nous expliquer ce que vous voulez center.
Si c'est le forum de votre profil, il est centré. Pour moi PA = Page d'accueil ou Panneau d'administration.
Peut-être parlez vous de votre Message sur la page d'accueil..
Re: Centrer une PA
ça ne marche toujours pas, et dans mon CSS & HTML c'est pas dit centré.
Re: Centrer une PA
Désolé du double-post pour vous répondre :
J'aimerais centrer les images & texte de la Page d'Accueil, vu qu'ils sont tous vers la gauche : je veux bien centré...Les contours et tout...
Cordialement,
J'aimerais centrer les images & texte de la Page d'Accueil, vu qu'ils sont tous vers la gauche : je veux bien centré...Les contours et tout...
Cordialement,
Re: Centrer une PA
Pourriez-vous faire un screen de ce que vous voulez centrer s'il-vous-plaît. Parce que pour le coup moi aussi je vois tout les éléments de la page d'accueil centrés. Il n'y a que cette dernière qui ne l'est pas.
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
Ce qui est encadré en rouge.
Re: Centrer une PA
Bon alors c'est bien ce que je pensais. Du coup le message de Sandyl et puis votre réponse m'a perturbé et j'étais parti sur autre chose que mon idée de départ. Bref, pourriez-vous me fournir tous les codes de votre pa pour que je fasse des essais s'il-vous-plaît ?
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
- HTML:
- Code:
<div align="center"><div class="fondpa"><div class="bordures rectangle_dessus gauche"><font class="titrepa">Votre Staff</font><span class="vignettes_staff"><div class="godwrath"><span class="fond_vignettes"><a href="http://one-piece-revolution.keuf.net/privmsg?mode=post&u=1" class="postlink" target="_blank" rel="nofollow">Godwrath D. Shaknoss</a>
<font color="darkred">Fondateur</font></div><a href="http://one-piece-revolution.keuf.net/u1" class="postlink" target="_blank" rel="nofollow">Godwrath</a></span></span><span class="vignettes_staff"><div class="shinji"><span class="fond_vignettes"><a href="http://one-piece-revolution.keuf.net/privmsg?mode=post&u=3" class="postlink" target="_blank" rel="nofollow">Shinjî Hiki</a>
<font color="blue">Modérateur</font></div><a href="http://one-piece-revolution.keuf.net/u3" class="postlink" target="_blank" rel="nofollow">Shinjî Hiki</a></span></span></span></div><div class="bordures rectangle_dessus droite"><font class="titrepa">Contexte</font><span class="cadre_contexte">Dans ce forum, nous jouons dans l'univers de One Piece, identique au manga, sauf que les personnages qui sont dans le manga, n'ont jamais existé, se n'est qu'une histoire qu'on raconte aux enfants.
Cependant, il se trouve malheureusement que l'histoire risque de se faire comme dans la mythe, mais pas avec les mêmes personnages, que va t-il se passer ? Qui va déclarer la guerre ? On ne sait rien d'autre.
Sachant qu'on n'en parle dans les livre d'enfants comme une mythe, qui c'est ?
En outre, les personnages du manga n'existent pas, nous avons donc décidé de vous laisser pouvoir prendre <strong><u>une</strong></u> chose et seulement une, d'un personnage du manga, c'est à dire, ou son avatar, ou son pouvoir, ou son prénom, ou son nom de famille.
Par <u>exemple</u> je m'appelle Godwrath D. Shaknoss et j'ai le pouvoir du Magma de <strong>Akainu</strong>. Si je n'ai que son pouvoir je peux mais je ne peux pas m'appeler Portgas D. Xéné avec le pouvoir du <u>Séisme</u>, ça fait deux choses qui existent dans le manga.
Donc, vous pouvez au maximum prendre une chose qui existe dans le manga.</span></div><div class="clear"></div><div class="bordures rectangle_dessous top_site"><font class="titrepa">Voter</font><span class="logo1"><a href="http://www.root-top.com/topsite/azzare34/in.php?IDmark=7758" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span></span><span class="logo1"><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?IDmark=3507" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span><span class="logo1"><a href="http://en.root-top.com/toplist/gilgamesh/in.php?IDmark=6192" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span><span class="logo1"><a href="http://www.root-top.com/topsite/buffy/in.php?IDmark=1289" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span></div><div class="bordures rectangle_dessous friends"><font class="titrepa">Amis</font><a target="_blank" href="http://ft-millenium.forumactif.com/"><img width="88px" height="33px" src="http://i49.tinypic.com/103wy6g.jpg" alt=""></a>
<a target="_blank" href="http://endworld.forumsgratuits.net/"><img width="88px" height="33px" src="http://image.noelshack.com/fichiers/2012/43/1351351559-2.png" alt=""></a><a href="http://reborn-rpg.pureforum.net" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a></div><div class="bordures rectangle_dessous news"><font class="titrepa">M.A.J</font><span class="texte_new">• Images améliorées.<br />
• Ajout d'un code.</span></div><div class="bordures rectangle_dessous credits"><span class="titrepa">Crédits</span> Merci à <a href="http://one-piece-revolution.keuf.net/u1?tid=90c74252acca8229de4a568ec2e819c7" class="postlink">Godwrath D. Shaknoss</a> pour la PA.
<br/><br/>
<span class="logo1"><a href="http://one-piece-revolution.keuf.net/u1?tid=90c74252acca8229de4a568ec2e819c7" class="postlink"><img src="http://image.noelshack.com/fichiers/2012/43/1351350461-contexte.png" border="0" alt="" /></a>
<strong>Ne pas utiliser IE pour ce forum.</strong></span></div></div></div>
- CSS:
- Code:
/*-------------CSS Page daccueil----------------*/
/*page daccueil*/
.fondpa {height: 607px;
width: 790px;
color: black;}
/*gros titre marron*/
.titrepa {display: block;
font-size: 40px;
color: #BF1C1C;
font-face: "segoe print", Chaparral Pro Light;
font-style: italic;
margin-top: -40px;}
/*bordure & couleurs*/
.bordures {border: 1px solid #7E3117;
margin-top: 35px;
background-color: #C9A77D;}
/*Css Staff*/
.vignettes_staff {border: 2px dotted #7E3117;
height: 210px;
margin: 5px;
display: inline-block;
width: 60px;}
/*fond ecriture staff*/
.fond_vignettes {background-color: #DEC497;
display: block;
height: 210px;
width: 60px;
text-align: center;
opacity:0;
filter:alpha);
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
.fond_vignettes:hover {
text-align: center;
opacity:1;
filter:alpha);
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
/*rectangle contexte & Staff*/
.rectangle_dessus {float: left;
height: 255px;
padding: 10px;
margin-bottom: 45px;
}
.gauche {width: 385px;
margin-left: 10px;
margin-right: 10px;}
.droite { width: 325px;}
/*cadre ecriture du contexte*/
.cadre_contexte {overflow: auto;
display: block;
text-align: justify;
padding-top: 5px;
height: 210px;
width: 320px;}
/*rectange new friends credits & top site*/
.rectangle_dessous {float: left;
padding: 10px;
height: 200px;
margin: 5px;}
.top_site {width: 160px;
margin-left: 10px;
}
.friends {width: 200px;}
.news {width: 155px;}
.credits {width: 130px;}
/*carre top site & friends*/
.logo1 {display: inline-block;
height: 50px;
width: 50px;
border: 1px dotted #7E3117;
margin: 4px; }
.logo2 {display: inline-block;
height: 31px;
width: 88px;
border: 1px dotted #7E3117;
margin: 4px;}
/*new new*/
.texte_new {overflow: auto;
margin-top: 5px;
height: 170px;
text-align: justify;
display: block;}
/* GODWRATH STAFF */
.godwrath {background-image: url(http://image.noelshack.com/fichiers/2012/43/1351348675-news.png);}
/* SHINJI STAFF */
.shinji {background-image: url(http://image.noelshack.com/fichiers/2012/43/1351347245-staff.png);}
Re: Centrer une PA
Hop !
J'ai trouvé une solution. Ce n'est pas la meilleure, c'est même du bidouillage mais ça fonctionne. Bref, voici ma méthode.
Dans un premier temps supprimez les balises de centrage.
Dans un second temps ajoutez cette ligne à votre class .fondpa
J'ai trouvé une solution. Ce n'est pas la meilleure, c'est même du bidouillage mais ça fonctionne. Bref, voici ma méthode.
Dans un premier temps supprimez les balises de centrage.
- Code:
<div align="center">...</div>
Dans un second temps ajoutez cette ligne à votre class .fondpa
- Code:
padding-left: 5px;
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
ça ne change rien n'apporte quel chiffre c'est bien ça ? :
- Code:
/*page daccueil*/
.fondpa {height: 607px;
padding-left: 5px;
width: 790px;
color: black;}
Re: Centrer une PA
C'est bien cette class. Et selon que le nombre soit plus ou moins grand, l'espace avec la bordure gauche de ce qui contient la page d'accueil sera plus ou moins grand.
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
ça ne marche pas, même avec "3000" x')
Re: Centrer une PA
Bien. Essayons de passer par les templates. Supprimez la ligne de code que je vous ai fait ajouter.
Ensuite rendez-vous dans les templates » Général » Index_body » Cherchez cette variable
Et remplacez-là de cette manière
Enregistrez et publiez (et moi je croise les doigts !).
Ensuite rendez-vous dans les templates » Général » Index_body » Cherchez cette variable
- Code:
{message_admin_index.message_admin_txt.MES_TXT}
Et remplacez-là de cette manière
- Code:
<div align="center">{message_admin_index.message_admin_txt.MES_TXT}</div>
Enregistrez et publiez (et moi je croise les doigts !).
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
ça n'a rien fait...
Re: Centrer une PA
Et en essayant avec un padding comme ceci ?
- Code:
<div style="padding-left: 10px;">{message_admin_index.message_admin_txt.MES_TXT}</div>
Ünicorn- **
-
Messages : 61
Inscrit(e) le : 14/11/2011
Re: Centrer une PA
Merci je vous aime ! ça marche.
Résolu ! Merci.
Résolu ! Merci.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum