Sujets similaires

Sujet: Un beau noeud de bug. Dim 30 Jan 2011, 12:20

Bonjour/Bonsoir.

Voilà, après avoir commandée une Page d'accueil et l'avoir installé, des problèmes on commencés à se créer sur mon forum. Tout d'abord, les CSS de la PA ont influencé la couleur, la taille et l'écriture des onglets, par la suite, le code qui concerne le puce en créer un encadrement des pseudos sur la Chat Box et a fait disparaitre les infobulles que j'avais installée sur une autre page. J'ai retirer alors cette partie, mais, les infobulles que j'avais installer sur une autre page s'affichent au mauvais endroit. Il y a un problème qui s'était produit avant de mettre les codes, il y a un espace non désiré entre le pseudo et l'avatar dans les messages et pour finir cette série de bug -et je crois en avoir oublié- l'avatar est trop à droite dans le profil. Voilà le gros bug qui s'est produit sur mon forum, j'ai essayer de réparer un peu tout ça mais je n'ai fais qu'aggraver les choses et d'avoir à moitié détruit ma PA. J'ai fais ce que j'ai pus mais là, je n'en peux plus et je vous demande de l'aide par pitié. Mon forum dois voir le jour...Vu qu'il a été créer un décembre et que les bug n'ont pas cesser d'augmenter depuis. x_x

Celui ou celle ayant une solution afin de m'aider aura mes sincères remerciement.~>x<

Voilà l'adresse de mon forum comme je ne peux pas faire d'impri' écran, je suis en Très Bas Débit. x_x

http://lullaby-of-zodiac.forumgratuit.org/

Sujet: Re: Un beau noeud de bug. Dim 30 Jan 2011, 12:26

Hello (:
Peux-tu nous founir ton code CSS entier ainsi que le template modifié lors de la commande s'il te plait =D
Afin que les codeurs puissent tenter de repérer le problème =D

Sujet: Re: Un beau noeud de bug. Dim 30 Jan 2011, 13:05

Ah oui! Merci de me le rappeler x] Je m'étais emballer sous la frustration d'avoir détruit mon fow x.;. Je vais mettre tous ça. x]
CSS:

Spoiler:

Code:: body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none;text-decoration: none
}

.forumline{
-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 6px #bab3ae dotted;
border-top: 6px #bab3ae dotted;
border-right: 2px #bab3ae dotted;
border-left: 2px #bab3ae dotted;
box-shadow:5px 0px 5px #969696;
-moz-box-shadow:5px 0px 5px #969696;
-webkit-box-shadow:5px 0px 5px #969696;
}

a.mainmenu {
font-family: serif;
text-align: center;
font-size: 70%;
background-color: #363642;
color: #646B82;
-moz-border-radius-topleft:5px;
-moz-border-radius-topbottom:5px;
-moz-border-radius-topright:5px;}

.forumline {-moz-border-radius:10px;}
.forumline{border: #3faef3;
-moz-border-radius: 15px 15px 15px 15px;
border-bottom: 3px double ;
border-top: 3px double;
border-right: 3px double ;
border-left: 3px double;}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

a.vignettes
{-moz-border-radius:7px;
background-color: #6DA2A8;
padding-right:2px;
padding-left:2px;
padding-bottom: 2px;
padding-top:2px;}

a.vignettes:hover
{-moz-border-radius:7px;
background-color: #6DA2A8;
text-transform: uppercase;
padding-right:2px;
padding-left:2px;
padding-bottom: 2px;
padding-top:2px;}

a.forumlink:link, a.forumlink:visited {
font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #363642;
color: #646B82;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
color: #363642;
text-align: center;
display: block;
border-bottom: 1px solid #646B82;
-moz-border-radius:10px;
}

a.mainmenu:hover {
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
text-align: center;}

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

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}

.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:uppercase;border: 1px #D0D0D0 solid;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.boxtitle{
font-family: serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #363642;
color: #363642;
display: block;}

.box {
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
color:#363642;
font-size:11px;
margin:0;
padding:5px 10px;
}

.main
{font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px dotted #363642;
}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

a, a:link {
text-shadow: 2px 2px 2px;
}

.ombre
{text-shadow: ##969696 1px 1px 1px;}

td.row1{
background-image: url("http://up4u.free.fr/images/apqj5wypcgs4yfado7q6.png");
}
td.row2{
background-image: url("http://up4u.free.fr/images/apqj5wypcgs4yfado7q6.png");
}
td.row3{
background-image: url("http://up4u.free.fr/images/apqj5wypcgs4yfado7q6.png");
}
td.row3Right{background-image : url(http://up4u.free.fr/images/apqj5wypcgs4yfado7q6.png);}

/*--- Cette partie correspond à l'arrondi du tout ---*/
.forumline{
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border: 4px #363642 solid;
}

a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background: #363642;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
-moz-text-shadow: 2px 2px 2px #FF99CCR; /*ombre sur le texte*/
-webkit-text-shadow: 2px 2px 2px #FF99CC; /*ombre sur le texte*/
}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:4px solid #363642;
}

.abc {border-bottom: 1px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

tr.post span.gensmall { display: none; }

.titre_categorie {
background: #COULEUR; /*fond*/
-moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
-moz-border-radius-topright: 50px; /*arrondi angle droit*/
-webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
-webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
margin-top: 10px; /*ne pas modifier*/
margin-bottom: -10px; /*a modifier selon vos goûts*/
text-align: center; /*alignement du texte*/
height: auto; /*hauteur à modifier selon vos goûts*/
width: 500px; /*largeur à modifier selon vos goûts*/
margin-left: 350px; /*pour déplacer la position des titres des catégories*/
padding-top: 1px !important; /*espace entre la bordure et le texte*/
padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
-moz-text-shadow: 2px 2px 2px #FF99CCR; /*ombre sur le texte*/
-webkit-text-shadow: 2px 2px 2px #FF99CC; /*ombre sur le texte*/
text-shadow: 2px 2px 2px #FF99CC; /*ombre sur le texte*/
font-size: 30px;
}

.onglet { /*Onglet non survolé*/
background: url('URL_ONGLET_ACTIF') no-repeat;
display: inline-block;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
width: 20x;
height: 20px;
border: 0px solid #808080;
border-left: 3px solid #808080;
border-right: 1px solid #808080;
border-top: 1px solid #808080;
border-bottom: 3px solid #808080;
cursor: pointer;
-moz-text-shadow: 2px 2px 2px #808080; /*ombre sur le texte*/
-webkit-text-shadow: 2px 2px 2px #808080; /*ombre sur le texte*/
text-shadow: 2px 2px 2px #808080; /*ombre sur le texte*/
}

=============================

.actif { /*Onglet survolé*/
background: url('URL_ONGLET_NON_ACTIF') no-repeat;
}

.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px dotted #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}

.derniers_sujets
{margin-top: 3px;
border: 1px dotted #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/
}

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dotted #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

.navi {
background-color: #4ba291; /*FOND*/
border: 1px solid #37bcd9;
text-shadow: 0px 0px 3px #000000; /*OMBRAGE*/
padding: 3px; /*ESPACER DES BORDS*/
-moz-border-radius: 5px; /*ARRONDIR LES COINS*/
}

imginfo{
display: block; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
border: 1px dotted black;
}

color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

ul ul {
display: none; /*ON MASQUE*/
position: absolute;
left: 160px;
top: 0px;
margin: 0px;
padding: 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

toudou {
list-style-type: none; /*ON ENLEVE LES PUCES*/
position: relative;
width: 140px;
right: 20px;
background-color: #3D9AEB;
text-align: center;
font-size: 14pt;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#police {
font-family: "Vladimir Script", Georgia;
}

#faded {
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity:0.5;
}

#faded:hover {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity:1;
}

div.infobulle {
position: relative;
cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
}

div.infobulle div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
border: 1px dotted black;
}

Template viewtopic_body{Problème de l'espace}

Spoiler:

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
addthis_close();
}
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>

</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
|
<script type="text/javascript">//<![CDATA[
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</span>
</td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="row1 pagination" colspan="2" align="center" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><center><strong>«<span class="ombre">{postrow.displayed.POSTER_NAME}</span>»</center></strong></span><br/>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
<div align="center">{postrow.displayed.POSTER_AVATAR}</div><br /><br/>

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</span><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>


<div class="postbody">

<div>{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
</td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>

<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>

<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>

<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>


<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<input type="hidden" name="sid" value="{S_SID}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Templates des profils:

Spoiler:

Code:: <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
</tr>
<tr>
<td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
<td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
</tr>
<tr>
<td class="row1" align="center" valign="top" height="120">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td valign="middle" nowrap="nowrap" align="center" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td>
<td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td>
</tr>
<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td>
<td><b><span class="gen">{POSTER_RANK}</span></b></td>
</tr>

<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td>
<td><b><span class="gen">{USER_ONLINE}</span></b></td>
</tr>


<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td>
<td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
</tr>


<tr>
<td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}: </span></td>
<td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
</tr>

</table>
</td>
<td class="row1" rowspan="3" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
<td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
</tr>

<tr>
<td align="center" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
<td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
</tr>


<tr id="field_id{profile_field.ID}">
<td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
<td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b><br /><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
<span class="genmed"><a class="genmed" href="{U_SEARCH_USER}&show_results=posts">{L_SEARCH_USER_POSTS} :</a><br />
  - <a class="genmed" href="{U_SEARCH_USER}">{L_TOPICS}</a><br />
  - <a class="genmed" href="{U_SEARCH_USER}&show_results=posts">{L_POSTS}</a></span></td>
</tr>

</table>
</td>
</tr>
<tr>
<td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td>
</tr>
<tr>
<td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr id="field_id{contact_field.ID}">
<td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}  </span></td>
<td width="60%" valign="middle"><b><span class="gen">{contact_field.CONTENT}</span></b></td>
</tr>


<tr>
<td align="right" valign="middle" nowrap="nowrap" width="50%">
<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
</td>
<td class="row1" valign="middle">
<table align="center">
<tr>
<td>
{ADMIN_USER_COMMENT}
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>

<tr>
<td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
</tr>
<tr>
<td class="row1" align="center" valign="top" height="6">
{RPG_IMAGE}<br /><br />
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td align="right" valign="middle" nowrap="nowrap">
<span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
</td>
<td width="100%" valign="middle" nowrap="nowrap">
<b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</b></span>
</td>
</tr>

</table>
</td>
<td class="row1" align="center" valign="top" height="6">
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td align="right" valign="middle" nowrap="nowrap">
<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
</td>
<td width="100%" valign="baseline">
<b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</b></span>
</td>
</tr>

</table>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="row1">
{U_ADMIN_RPG}
</td>
</tr>

</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),sid:"{SID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('span.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>

Non, non. Mes problèmes sont toujours d'actualité.

Salut !

La première règle en débogage : traiter la cause, pas les symptômes ! (oui, ça te fait une belle jambe de te dire ça maintenant ^^') À l'avenir, tu sauras.

Sinon, je crois qu'il faudrait que tu expliques plus clairement les bugs que tu as actuellement, car c'est dur de te suivre.

Pour l'espace entre pseudo et avatar dans les messages :

Tu as ça dans ton template viewtopic_body :

Code:: <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><center><strong>«<span class="ombre">{postrow.displayed.POSTER_NAME}</span>»</center></strong></span><br/>
<span class="postdetails poster-profile">

Il faut que tu supprimes le br/ juste avant le dernier span, comme cela :

Code:: <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><center><strong>«<span class="ombre">{postrow.displayed.POSTER_NAME}</span>»</center></strong></span>
<span class="postdetails poster-profile">

Il te faisait sauter une ligne de trop Smile

Sinon, en fait, je n'ai pas très bien compris ou pas réussi à retrouver tes autres bugs...

Bon courage ^^
Kiwi

Merci beaucoup pour ton aide Kiwi. :3 Et j'avoue que j'explique très mal x__;
Sinon, mes autres problèmes se situe au niveau des infobulles qui se place tout en haut de la page quand on passe la souris sur le nom du groupe. Quand je met les codes de la PA en entier, cela crée un cadre bleu autour des membres connecter sur Chat Box. Ensuite, dans profil, l'avatar des membres est trop décalé sur la droite, il n'est pas centrer.
Je pense avoir résumer mes problèmes, en ayant peut-être oublié un ou deux au passage mais bref.
Merci encore Kiwi.~:3

1 problème sur 4 de résolu.

Bonsoir,

Pour les avatars dans le profil, c'est un effet de ta résolution d'écran combiné à deux colonnes. En effet, comme la largeur de ton forum s'adapte à la taille de l'écran... Personnellement, je ne voyais aucun bug, j'ai mis du temps à comprendre Smile

En clair, comme tu as une colonne qui fait 20% (dans laquelle il est écrit "Avatar:") et l'autre 80% (avec l'image), si tu centres l'image dans celle de 80%, elle ne sera pas centrée par rapport à l'ensemble du tableau, et l'effet variera selon ta résolution.

Avant, tu avais ça :

Code:: <tr>
<td valign="middle" nowrap="nowrap" align="center" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td>
<td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td>
</tr>

Alors je te propose de mettre tout simplement l'image au centre en virant le "Avatar:" et sa colonne (on sait bien que c'est l'avatar de toute façon ^^).

Code:: <tr>
<td valign="middle" nowrap="nowrap" align="center" width="100%" colspan="2" ><b><span class="gen">{AVATAR_IMG}</span></b></td>
</tr>

De cette façon, tu pourras centrer correctement l'image. Si le "Avatar:" te manque, tu peux rajouter une ligne au dessus avec le {L_AVATAR_IMG}

___

Après visite sur le forum, pour le bug sur la ChatBox, il s'avère que tu utilises ce CSS pour ton PA :

Code:: li {
list-style-type: none; /*ON ENLEVE LES PUCES*/
position: relative;
width: 140px;
right: 20px;
background-color: #3D9AEB;
text-align: center;
font-size: 14pt;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Dans ton PA, tu mets une balise center, avec un titre à l'intérieur, puis un tableau. Je te propose d'ajouter une classe à ce tableau pour restreindre les effets du css :

Code:: .mon-pa li {
[...]
}

Si tu ne vois pas de quel tableau je parle, le mieux sera de me donner le HTML exact ^^

____

Pour le bug des infobullles, en fait, ça vient de position:absolute.
Cette propriété place un élément par rapport à son plus proche parent positionné. S'il n'y en a pas, c'est le body, donc le point 0,0 du navigateur. Si tu positionnes un parent, la position absolute dépendra du parent comme par exemple simpliste :

Exemples :

Code:: 

<div class="papa" style="position:relative;">
<div class="maman">
<div class="enfant" style="position:absolute;">Je dépend de mon papa (a)</div>
</div>
</div>



<div class="papa" style="position:relative;">
<div class="maman" style="position:relative;">
<div class="enfant" style="position:absolute;">Je dépend de ma maman (a)</div>
</div>
</div>



<div class="tout-seul" style="position:absolute;">Moi, pauvre orphelin, je dépend du body T^T </div>

Donc, j'espère que tu as compris le principe avec ces petits exemples.

Du coup, pour utiliser tes infobulles en position absolute, il faut que tu mettes tout à l'intérieur d'une grande div que tu positionnes (position:relative à tout hasard), pour qu'elles se placent en fonction de ladite div (qui fera partie de ton message ^^)

Je ne suis pas certaine d'être claire sur ce point.

Kiwi

Bon, j'ai testé tout ceci et je vais donner mon bilan.
Premièrement, le bug du décalage de l'avatar dans le profil est résolu.
Deuxièmement, Je ne suis pas arrivé à créer une autre classe. [Oui, oui, je suis manchot x_u] Je ne comprend pas vraiment le fait d'ajouter une classe =/ Je ne sais pas en gros si je dois modifier le nom de la classe dans les CSS ou alors, en ajouter une nouvelle en plus de l'autre. Je te donne les HTLM comme tu l'as demandé.

Spoiler:

Code:: <center><span id="police" style="font-size: 25pt;">Bienvenue sur Lullaby of Zodiac, {USERNAME}</span></center><br>
<table width="100%"><tr><td rowspan="2" width="28%" id="police"><center><span style="background-color: #3D9AEB; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 30px; padding-right: 30px; padding-top: 2px; padding-bottom: 2px; font-size: 20pt;">Navigation</span>
<ul class=".mon-pa li"><li><a href="">Lien 1</a></li><br>
<li><a href="">Lien 2</a></li><br>
<li><a href="">Lien 3</a></li><br>
<li><a href="">Lien 4</a></li><br>
<li><a href="">Lien 5</a></li><br>
</ul>
</li></ul></center></td>

<td colspan="2" height="100px" style="background-color: #EB3D6E; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;"><table><tr><td style="padding-left: 30px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/gigi_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/gwen_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br> Gwendolynn<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td><td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/lap_bm10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/cara_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Caramel<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/petu_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/soso_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Sophie.H Lusoie<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/flip_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/cle_bm10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Clemence.D Grey<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/splend10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/coc_o_10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Corey Lau<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td></tr><center>Les Personnages Prédéfinis. {Adoptez-nous.~}</center></table>
</td></tr>
<tr><td><center><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/roaw_b11.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/fou_bm11.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Innocent WinterWhite<br>Fondateur Chocolaté.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u1">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=1">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/lou_bm10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/nounou10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Len Kagamine<br>Admin Fruité.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u7">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=7">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/rirou_10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/rourou10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Rin Kagamine<br>Adminette Épicée.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u9">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=9">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/tirami11.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/misu_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Misuchi Kurinai<br>Tiramisu Modérateur.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u11">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=11">MP</a></span></center></td></tr></table></div></div></center></td><td style="border: 2px black dotted; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;"><center>« Synopsie »<div "style="font-size: 10pt;">Un jour, le premier sujet zodiaque fut créé sous le nom de « Kokoro ». Ce sujet fut vite multiplier au sein des laboratoires grâce aux Astrologue qui découvraient les météorites et qui donnaient vie aux zodiaques avec ceci. Le commerce des zodiaques devint prospérer dans la société Kingdom©. Hélas, certains zodiaques se rebellèrent et commencèrent à mener une vie de mort. Les Lullaby’s furent placés dans les magasins afin de combler ce vide. Citoyen, Joker, Astrologue, voici les humains dominant tandis que les Zodiaques et les Lullaby’s sont soumis au rang d’hybride. Qui incarnerez-vous au sein de la berceuse du requiem ?</div></center></td></tr>
<tr><td valign="top" align="center"><div id="police" style="background-color: #EB8E3D; font-size: 20pt;">Top Sites</div><img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /><img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt="/></td></tr>

<td width="250px" valign="top" align="center"><div id="police" style="background-color: #EB3D6E; font-size: 20pt;">Partenaires</div><marquee width="205px" height="86px" direction="down" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="0"><a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a><br><a href="LIEN PARTENAIRES"/><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a><br><a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a></marquee></td><td valign="top" align="center"><div id="police" style="background-color: #3D9AEB; font-size: 20pt;">Crédits</div><span id="police" style="18pt"></span></td></tr>

<tr><td valign="top" align="center"><div id="police" style="background-color: #EB8E3D; font-size: 20pt;">Wanted</div><span id="police" style="18pt"></span></td>

<td valign="top" align="center"><div id="police" style="background-color: #3D9AEB; font-size: 20pt;">Chouw-Chouw </div><span id="police" style="18pt"></span></td></tr></table>

Troisièmement, je pense avoir compris le principe de l'infobulle mais je ne sais pas où je dois faire ces modifications. x_x [Je me souviens que je devais te donner un template mais je me sais plus lequel, je suis très doué x_-]

Bref, cela fait 2problèmes sur 4 de résolu à présent, un grand merci à Kiwi. :3

Bonjour,

En fait, il faut que tu désigne le bout de HTML qui sera liée à la classe CSS.

À l'origine, tu as ceci, dans ton PA :

Code:: <center><span id="police" style="font-size: 25pt;">Bienvenue sur Lullaby of Zodiac, {USERNAME}</span></center><br>
<table width="100%"> [...]

Et il te suffit de rajouter ceci (regarde l'élément table) :

Code:: <center><span id="police" style="font-size: 25pt;">Bienvenue sur Lullaby of Zodiac, {USERNAME}</span></center><br>
<table width="100%" class="mon-pa"> [...]

En ajoutant cette classe, tu lies cet élément HTML au CSS .mon-pa (tu peux mettre le nom que tu souhaites, du moment qu'il est identique dans le HTML et dans le CSS (mais précédé d'un point dans le CSS ^^)).

Du coup, quand tu as .mon-pa li dans ton CSS, tu agis sur tous les li du HTML qui sont à l'intérieur du tableau .mon-pa

Pour l'infobulle, je reviendrai sur ce sujet dans la soirée ou la journée, là, j'ai à faire Smile

Kiwi

Désolée de mon retard. Bref, malgré tes explications Kiwi je n'arrive pas à relier le code HTLM au CSS donc finalement j'abandonne.
Je me rattache au problème numéro 1, celui des infobulles qui ne s'affiche pas et dont je n'ai pas compris le fonctionnement entièrement. x_x'
En tout cas, merci, une fois de plus, de m'aider. :3

Coucou !

Je n'ai pas trop le temps, mais pour ton problème, ça m'embête Very Happy

Je vais te donner directement la solution ^^

Voici le HTML de ton PA avec la classe "mon-pa" sur le tableau :

Code:: <center><span id="police" style="font-size: 25pt;">Bienvenue sur Lullaby of Zodiac, {USERNAME}</span></center><br>
<table width="100%" class="mon-pa"><tr><td rowspan="2" width="28%" id="police"><center><span style="background-color: #3D9AEB; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 30px; padding-right: 30px; padding-top: 2px; padding-bottom: 2px; font-size: 20pt;">Navigation</span>
<ul><li><a href="">Lien 1</a></li><br>
<li><a href="">Lien 2</a></li><br>
<li><a href="">Lien 3</a></li><br>
<li><a href="">Lien 4</a></li><br>
<li><a href="">Lien 5</a></li><br>
</ul>
</li></ul></center></td>

<td colspan="2" height="100px" style="background-color: #EB3D6E; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;"><table><tr><td style="padding-left: 30px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/gigi_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/gwen_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br> Gwendolynn<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td><td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/lap_bm10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/cara_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Caramel<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/petu_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/soso_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Sophie.H Lusoie<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/flip_b10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/cle_bm10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Clemence.D Grey<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td>
<td style="padding-left: 10px;"><div style="width: 90px; height: 100px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/splend10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/coc_o_10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Corey Lau<br><a href="LIEN FICHE">FICHE</a><br>Libre</span></center></td></tr></table></div></div></td></tr><center>Les Personnages Prédéfinis. {Adoptez-nous.~}</center></table>
</td></tr>
<tr><td><center><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/roaw_b11.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/fou_bm11.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Innocent WinterWhite<br>Fondateur Chocolaté.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u1">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=1">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/lou_bm10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/nounou10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Len Kagamine<br>Admin Fruité.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u7">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=7">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/rirou_10.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/rourou10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Rin Kagamine<br>Adminette Épicée.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u9">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=9">MP</a></span></center></td></tr></table></div></div><br><div style="width: 120px; height: 40px;" class="infobulle"><img src="http://i35.servimg.com/u/f35/15/35/60/86/tirami11.jpg" id="faded"/><div><table><tr><td><img src="http://i35.servimg.com/u/f35/15/35/60/86/misu_b10.jpg" /></td><td><center><span id="police" style="font-size: 15pt"><br>Misuchi Kurinai<br>Tiramisu Modérateur.<br><a href="http://lullaby-of-zodiac.forumgratuit.org/u11">PROFIL</a><br><a href="http://lullaby-of-zodiac.forumgratuit.org/privmsg?mode=post&u=11">MP</a></span></center></td></tr></table></div></div></center></td><td style="border: 2px black dotted; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;"><center>« Synopsie »<div "style="font-size: 10pt;">Un jour, le premier sujet zodiaque fut créé sous le nom de « Kokoro ». Ce sujet fut vite multiplier au sein des laboratoires grâce aux Astrologue qui découvraient les météorites et qui donnaient vie aux zodiaques avec ceci. Le commerce des zodiaques devint prospérer dans la société Kingdom. Hélas, certains zodiaques se rebellèrent et commencèrent à mener une vie de mort. Les Lullaby’s furent placés dans les magasins afin de combler ce vide. Citoyen, Joker, Astrologue, voici les humains dominant tandis que les Zodiaques et les Lullaby’s sont soumis au rang d’hybride. Qui incarnerez-vous au sein de la berceuse du requiem ?</div></center></td></tr>
<tr><td valign="top" align="center"><div id="police" style="background-color: #EB8E3D; font-size: 20pt;">Top Sites</div><img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /><img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt=" class="transparence" /> <img src="http://i35.servimg.com/u/f35/15/35/60/86/b411.gif" border="0" alt="/></td></tr>

<td width="250px" valign="top" align="center"><div id="police" style="background-color: #EB3D6E; font-size: 20pt;">Partenaires</div><marquee width="205px" height="86px" direction="down" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="0"><a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a><br><a href="LIEN PARTENAIRES"/><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a><br><a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a> <a href="LIEN PARTENAIRES"><img src="http://nsa26.casimages.com/img/2011/01/23/110123074529851683.png" id="faded"/></a></marquee></td><td valign="top" align="center"><div id="police" style="background-color: #3D9AEB; font-size: 20pt;">Crédits</div><span id="police" style="18pt"></span></td></tr>

<tr><td valign="top" align="center"><div id="police" style="background-color: #EB8E3D; font-size: 20pt;">Wanted</div><span id="police" style="18pt"></span></td>

<td valign="top" align="center"><div id="police" style="background-color: #3D9AEB; font-size: 20pt;">Chouw-Chouw </div><span id="police" style="18pt"></span></td></tr></table>

Et ça, c'est un bout de ton ancien CSS :

Code:: li {
list-style-type: none; /*ON ENLEVE LES PUCES*/
position: relative;
width: 140px;
right: 20px;
background-color: #3D9AEB;
text-align: center;
font-size: 14pt;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Qu'il faut remplacer par (en fait, juste la première ligne change !) :

Code:: .mon-pa li {
list-style-type: none; /*ON ENLEVE LES PUCES*/
position: relative;
width: 140px;
right: 20px;
background-color: #3D9AEB;
text-align: center;
font-size: 14pt;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

J'espère que tu y arriveras de cette façon. Pour les infobulles, j'ai pas trop le temps tout de suite, j'essaye de faire ça dès que possible ^^'
Kiwi

Ne t'inquiète pas, prends tout ton temps. x_n
Sinon, j'ai essayé avec ce que tu m'as donné mais cela ne marche quand même pas. x_x' Donc bon, je crois qu'il vaut mieux abandonner. =/

Au lieu de recréer un sujet, je re poste ici pour signaler un nouveau bug ou plutôt une grosse bêtise que j'ai faite et dont je n'arrive plus à voir le jour, je sais, je ne suis pas douée. x_x

Je vous explique, j'avais modifié mon forum de façon à ce que le colonne sujet message soie réunie dans celle du dernier message avec un cadre que j'avais modifié dans les CSS. Hélas, j'ai changé les onglets du forum avec le générateur d'onglet et comme j'ai copié le code en entier, j'ai retiré tous les codes concernant les colonnes. x_x

Donc, si il était possible d'avoir à nouveau ces codes là, je serais vraiment reconnaissante. >x<

Bilan: 2bug de résolu ; 1 abandonné; 1 en cours de résolution et 1 non résolu sur 5.

EDIT: Finalement, j'ai réussie à réparer le problème des colonnes donc je refais un bilan.

3bugs de résolus, 1 abandonné et 1 en cours de résolution sur 5.

Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Un beau noeud de bug. Resolu

en éditant votre premier message (:

Hello (:
N'ayant pas obtenu de réponse depuis la dernière relance d'un modérateur, je considère ce problème comme résolu ou abandonné.
Je classe, merci de votre compréhension (:

Un beau noeud de bug.

Un beau noeud de bug.

Sujets similaires

Sujets similaires

Partenaires Or