Avatar parfois centrés parfois non ... Bouton_activeAvatar parfois centrés parfois non ... Bouton_hoverAvatar parfois centrés parfois non ... Fb-hoverAvatar parfois centrés parfois non ... Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Avatar parfois centrés parfois non ... EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Avatar parfois centrés parfois non ... EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Avatar parfois centrés parfois non ... EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Avatar parfois centrés parfois non ... EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Avatar parfois centrés parfois non ... EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Avatar parfois centrés parfois non ... EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Avatar parfois centrés parfois non ... EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Avatar parfois centrés parfois non ... EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

Partagez
 

Avatar parfois centrés parfois non ...

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Avatar parfois centrés parfois non ... Empty
Bonjour =)
Mon problème est que, malgré ma manip pour centrer les avatars, certains le sont et d'autres pas.
Et c'ets moche du coup x)
Si vous me trouviez une solution, ça m'arrangerai beaucoup é__è

J'ai intégré ce code, comme c'est conseillé dans plusieurs parties du forum, sans savoir vraiment ce qu'il représentait. Si en plus on pouvait m'expliquer ... ?

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

Voilà le lien d'un exemple de bug :
http://art-of-cats.forums-actifs.com/les-quatre-rochers-f38/welti-s-exposition-gomen-ca-craint-t205.htm

Pas de problème jusqu'au post de Petit Paon, dont l'avatar est trop à gauche T__T


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">
         <!-- BEGIN switch_user_authpost -->
         <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>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <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>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <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>
         <!-- END switch_fb_likebtn -->
      </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>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {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>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td style="text-align: center;"class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><table><tr><td class="profil_contour">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div align="center"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE} {postrow.displayed.POSTER_AVATAR}

</td></tr></table>
            <!-- BEGIN profile_field --><span style="font-size: 11px;">
            <div class="profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div><div class="separateurprofil">{postrow.displayed.profile_field.SEPARATOR}</div>
            <!-- END profile_field -->
            <div class="feuilleperso">{postrow.displayed.POSTER_RPG}</div>
         </span>

         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /></span>
      </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">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

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

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

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

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

                  <div class="postbody">

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

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <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}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

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

                     <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}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>


<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>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <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>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}

         <!-- END switch_user_logged_in -->
      </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>
      <!-- BEGIN show_permissions -->
      <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>
      <!-- END show_permissions -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <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>
                  <!-- END show_permissions -->
               </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">
            <!-- BEGIN switch_user_authpost -->
            <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>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </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>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

         <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}
{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<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>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>




Code:
body {
background-position: top;
background-repeat: no-repeat;
}

tr.post td {
padding-left: 20px;
padding-right: 20px;
}

.subnav{
text-align : center;
line-height: 200%;
}


.profile{
text-align:left;
}


.subnav :hover{
background-color:#A6C282;
border: 1px dotted #FFFFFF;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius  : 10px;
padding : 2px;
text-align : center;
line-height: 200%;
}

.tableauclan {
text-align : center;
padding : 5px;
border : 2px solid #FFFFFF;
-moz-border-radius :  30px;
-webkit-border-radius:  30px;
border-radius  : 30px;
}

.tableaugauche{
  background-color: #E0FCAB;
border: 1px dashed #608756;
-moz-border-radius:  0px 30px 0px 30px;
-webkit-border-radius: 0px 30px 0px 30px;
border-top-right-radius  : 30px;
border-bottom-left-radius  : 30px;
text-align : justify;
margin : 5px;
padding : 10px;
}

.tableaumilieu{
padding : 10px;
}

.tableaudroite{
  background-color: #E0FCAB;
border: 1px dashed #608756;
-moz-border-radius: 30px 0px 30px 0px;
-webkit-border-radius: 30px 0px 30px 0px;
border-top-left-radius  : 30px;
border-bottom-right-radius  : 30px;
margin : 5px;
padding : 10px;
}

.tableaubas{
margin : 5px;
padding : 10px;
}


.infobulle {
display: inline;
}

div.infobulle {
  position: relative;
}

div.infobulle span {
  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 span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;
  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é */
  top: 5px; /* on positionne notre infobulle */
  left: 15px;
  background: #ebebeb; /* arrière-plan de l'infobulle */
  color: black; /* texte dans l'infobulle */
  padding: 3px;
  /* bordures de votre infobulle*/
border: 1px solid #36522F;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
}

textarea, .textarea.post, input.post {
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
}

 input.post  {
padding-left:5px;
}

a.mainmenu{
text-decoration: none;
background-color: #E0FCAB;
line-height: 200%;
border : 1px solid #608756;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
padding-right : 5px;
padding-left : 5px;
padding-top : 2px;
padding-bottom : 2px;
margin: 5px;
}

a.mainmenu:hover{
background-color: #c7e394;
text-decoration: none;
line-height: 200%;
border : 1px solid #608756;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
padding-right : 5px;
padding-left : 5px;
padding-top : 2px;
padding-bottom : 2px;
margin : 5px;
}


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


a.mainmenu:hover{
padding : 5px;
  }


.quote {
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
padding : 5px;
}

.titrecat {
font-size: 150%;
font-variant: small-caps ;
text-align: center;
text-shadow: #608756 1px 1px 2px;
font-style: oblique;
}


.lettrine {
float : left;
font-size: 250%;
padding-left : 3px;
padding-right : 3px;
margin-right : 5px;
border : 1px solid #608756;
-moz-border-radius: 12px 0px 12px 0px;
-webkit-border-radius: 12px 0px 12px 0px;
border-top-left-radius  : 12px;
border-bottom-right-radius  : 12px;
background-color:#A6C282;
text-align: center;
}


.descriptioncategorie {
background-color : #E0FCAB;
border-top : 1px dashed #608756;
border-bottom : 1px dashed #608756;
border-right :  1px solid #608756;
border-left :  1px solid #608756;
-moz-border-radius: 20px 0px 20px 0px;
-webkit-border-radius: 20px 0px 20px 0px;
border-top-left-radius  : 20px;
border-bottom-right-radius  : 20px;
padding : 12px;
font-size : 80%;

}

a.forumlink{
font-variant: small-caps ;
text-align: center;
letter-spacing: 1px;
display: block;
font-weight: lighter;
text-shadow: #608756 1px 1px 2px;
font-style: oblique;
background-color: #608756;
border-bottom: 5px double #A6C282;
}

a {
font-variant : small-caps;
}


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

a img{
opacity: 0.8;
}

a img:hover {
opacity: 1;
}

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

u {
text-decoration: none;
border-bottom: 2px #ffffff dashed;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


a { text-decoration: none; }



Dernière édition par #_Holigan le Jeu 11 Nov 2010, 03:57, édité 2 fois
MessageSujet: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... EmptyMer 10 Nov 2010, 18:12
Revenir en haut Aller en bas
http://www.partyintheusa.forumactif.org
xEmiilyeee
xEmiilyeee
{ Membre actif }
{ Membre actif }

Féminin Messages : 381



Avatar parfois centrés parfois non ... Empty
Pourrais-tu mettre ton template s'il vous plait en code ? =) Ensuite peut-être que je pourrais te régler ton problème. Merci.
MessageSujet: Re: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... EmptyMer 10 Nov 2010, 19:12
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Avatar parfois centrés parfois non ... Empty
Voilà, c'ets fait =)
J'avais oublié qu'il mettait un ascenseur n__n
MessageSujet: Re: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... EmptyJeu 11 Nov 2010, 03:57
Revenir en haut Aller en bas
http://www.pixelia.forumactif.org
Caroo'
Caroo'
{ Membre actif }
{ Membre actif }

Féminin Messages : 493



Avatar parfois centrés parfois non ... Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Avatar parfois centrés parfois non ... Resolu3 en éditant votre premier post.
MessageSujet: Re: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... EmptyMer 17 Nov 2010, 22:58
Revenir en haut Aller en bas
http://www.pixelia.forumactif.org
Caroo'
Caroo'
{ Membre actif }
{ Membre actif }

Féminin Messages : 493



Avatar parfois centrés parfois non ... Empty
Bonjour,

pas de réponses depuis maintenant presque 2 semaines, je considère que le problème est résolu.

Merci de votre compréhension.
MessageSujet: Re: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... EmptyMar 23 Nov 2010, 19:21
Revenir en haut Aller en bas
Contenu sponsorisé




Avatar parfois centrés parfois non ... Empty
MessageSujet: Re: Avatar parfois centrés parfois non ...   Avatar parfois centrés parfois non ... Empty
Revenir en haut Aller en bas
 

Avatar parfois centrés parfois non ...

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Avatar coullissant(comme CSS actif) + avatar en dessous [Résolu]
» Sous-forums centrés
» Avatar animée
» Infobulle sur l'avatar
» Avatar

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit