Décalage de css des entêtes de catégories entre Firefox et Chrome

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Décalage de css des entêtes de catégories entre Firefox et Chrome

Message par Imari le Mer 2 Avr - 19:46

Bonjour, bonsoir !

Je viens à vous avec un drôle de soucis '_'

J'ai installé un codage que je connais bien pour l'utiliser souvent (celui des entêtes de catégorie en image).

Mais cette fois, il y a un soucis de décalage entre firefox et google chrome que je n'arrive pas à m'expliquer ! Mais voyez par vous-même :

Le forum concerné : http://admolympus.forumactif.org/

Sous Firefox :
Spoiler:

Sous Google Chrome (le décalage est entouré en vert) :
Spoiler:

Et dès que je tente de corriger le css sur Chrome, le problème survient sur Firefox... J'avoue que je commence à m'arracher les cheveux lol

Voici mon css :

Code:
/* FOND & BANNIERE */

#i_logo {
  margin-left:-10px;
  margin-right:-10px;
  margin-top:2px;
}

/* LIENS */

a {
text-decoration:none!important;
}

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

hr {
  height: 1px;
  padding: 0;
  color: #B6B6B6;
  background-color: #B6B6B6;
  border: 0;
}

/* BARRE NAV */

a.mainmenu {
  font-family: Caesar Dressing;
  font-size:17px;
  text-shadow:1px 1px 1px #efefef;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

a.mainmenu:hover {
  font-family:Caesar Dressing;
  font-size:17px;
  text-shadow:1px 1px 1px #efefef;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

a.mainmenu img{
  display: none;
}

.forumnavig {
  background-image: linear-gradient(white,#efefef);
  border-bottom: 5px double #e77804;
  position: scroll;
  position: absolute;
  display:block;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px;
  height:25px;
}

/* PROFIL */

.postdetails.poster-profile img {
  width:210px;
}

.postdetails.poster-profile{
  font-family:Quantico;
  font-size:10px;
}

#profilpost {
  background-color:#CECECE;
  border-radius : 5px 5px 0px 0px;
  -moz-border-radius : 5px 5px 0px 0px;
  -webkit-border-radius : 5px 5px 0px 0px;
  -o-border-radius : 5px 5px 0px 0px;
  -htm-border-radius : 5px 5px 0px 0px;
  border-bottom:1px solid #B6B6B6;
  padding:2px;
  padding-top:6px;
}

#avatar {
  border:2px solid #B6B6B6;
  width:200px;
}

tr.post span.postdetails.poster-profile a[href^="/u"] img{
max-width:200px !important;
}

.nameprofil {
  font-family: Caesar Dressing;
  font-size:20px;
  letter-spacing:2px;
  color:black!important;
  text-shadow:1px 1px 1px #B6B6B6;
}

.namerank {
  color:#151515;
  font-family:Quantico;
  font-size:9px;
  padding-bottom:3px;
  letter-spacing:1px;
}

/* AVATARS REPONSE RAPIDE */
#av_quickreply img{
  position: relative;
  top: 8px;
  left: 10px;
  max-width: 120px !important;
  max-height: 240px !important;
  border:2px solid #B6B6B6;
}
 
#av_quickreply {
  float: left;
}

/*JUSTIFIER LES POSTS */

.postbody, td.row1 span.gensmall {
  text-align: justify!important;
  padding: 6px;
}

.selectCode {
  float:right;
}

/* RETRAIT EDITION */

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

/* BORDURES */

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/**** COUCOU POULPY MET SON NEZ DANS LE CODE ! ***/

.postbody {
  padding-left: 18px;
  padding-right: 18px;
}

.grostitre {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #e77804;
font-family: Caesar Dressing;
font-size: 30px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
text-align: center;
text-shadow: 1px 0px white;
}

.grostitre2 {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #e77804;
font-family: Caesar Dressing;
font-size: 26px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
text-align: center;
text-shadow: 1px 0px white;
}

.bordure {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #e77804;
margin: 0 auto;
}

.chapeau {
border: 1px solid #e4e4e4;
color: #818181;
font-size: 11px;
margin: 0 auto;
padding: 10px 15px;
text-shadow: 0px 1px 1px #E4E4E4;
}

.titre {
background-image: url(http://www.geoimagesolutions.com/assets/icons/fam-fam/16/asterisk_orange-3572b60e9bb51ff102f58fd57a77a186.png);
background-repeat: no-repeat;
background-position-x: 7px;
color: #e77804;
font-family: Caesar Dressing;
font-size: 20px;
padding-bottom: 8px;
padding-left: 30px;
border-left: 2px dashed;
height: 9px;
}
.encadre {
border: 1px solid #e4e4e4;
color: white;
font-size: 11px;
margin: 0 auto;
padding: 10px 15px;
text-shadow: 0 1px 1px #E4E4E4;
background-color: #e77804;
margin-bottom: 16px;
}

.imgpost {
  border:2px solid #B6B6B6;
}

/* APPARENCE CATEGORIES */

.secondarytitle {
  text-align:center;
}
 
.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img { display : none }

.forumline {
  background-color: #F7F7F7;
  border:2px solid #EE7100;
  margin-left:43px;
  width:784px;
  align:center;
}

.forumline2 {
  border-left:2px solid #EE7100;
  border-right:2px solid #EE7100;
  margin-left:43px;
  width:784px;
  align:center;
  margin-top:-2px;
  padding-top:2px;
  background-color:white;
}

.imgcatbas {
  background:url(http://i59.tinypic.com/1056xxc.png);
  width:784px!important;
  height:46px;
  margin-left:43px;
  margin-top:-2px;
  margin-bottom:5px;
}

.descriptions {
  background-image: linear-gradient(#B6B6B6,white);
  border-top: 2px solid #e77804;
  padding:2px;
  text-align:justify;
  height:82px;
}

.liensfofo {
  color:#151515!important;
  font-family:Quantico;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
}

.descriptionstats {
  background-image: linear-gradient(#B6B6B6,white);
  border-top: 2px solid #e77804;
  padding:2px;
  padding-top:4px;
  text-align:center;
  height:80px;
}

.descriptionstats p a {
  font-family: Caesar Dressing;
  font-size:14px;
  text-shadow:1px 1px 1px #efefef;
}

.descriptionstats p {
  color:#151515!important;
  font-size:9px!important;
}

.statspost {
  color:#151515!important;
  font-family:Quantico;
  font-size:9px;
  letter-spacing:1px;
  margin-top:-5px;
}

a.forumlink {
  font-family: Caesar Dressing;
  font-size:17px;
  text-shadow:1px 1px 1px #efefef;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

a.forumlink:hover {
  font-family:Caesar Dressing;
  font-size:17px;
  text-shadow:1px 1px 1px #efefef;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

/* TITRES GROUPES */

.orange {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #ff6600;
color:#ff6600;
font-family: Caesar Dressing;
font-size: 22px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
padding-left:25px;
text-align: justify;
text-shadow: 1px 0px white;
}

.orange2 {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #ff6600;
margin: 0 auto;
}

.bleu {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #003399;
color:#003399;
font-family: Caesar Dressing;
font-size: 22px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
padding-left:25px;
text-align: justify;
text-shadow: 1px 0px white;
}

.bleu2 {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #003399;
margin: 0 auto;
}

.rouge {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #ff0000;
color:#ff0000;
font-family: Caesar Dressing;
font-size: 22px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
padding-left:25px;
text-align: justify;
text-shadow: 1px 0px white;
}

.rouge2 {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #ff0000;
margin: 0 auto;
}

.vert {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #006600;
color:#006600;
font-family: Caesar Dressing;
font-size: 22px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
padding-left:25px;
text-align: justify;
text-shadow: 1px 0px white;
}

.vert2 {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #006600;
margin: 0 auto;
}

.jaune {
background-image: linear-gradient(#efefef,white);
border-bottom: 5px double #DBB700;
color:#DBB700;
font-family: Caesar Dressing;
font-size: 22px;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 8px;
padding-left:25px;
text-align: justify;
text-shadow: 1px 0px white;
}

.jaune2 {
background-image: linear-gradient(white,#efefef);
border-top: 5px double #DBB700;
margin: 0 auto;
}

Le template Index-box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr><td width="50%"></td>
 <td width="50%" class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 
<!-- END switch_user_logged_in -->
 
</td>
 </tr>
</table><br />
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
             <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" align="right" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                </tr></table><table class="forumline2" width="100%" border="0" cellspacing="1" cellpadding="0">
        
         <!-- END tablehead -->
          <!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
<!-- BEGIN forumrow -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
 <!-- END inc -->
 <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <center><table width="100%" height="100px" align="center">
                          <td width="25%" align="center" valign="top" style="padding-top:7px;">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-bottom:-1px;" />
                            <div class="descriptionstats"><p>{catrow.forumrow.LAST_POST}</p><div style="margin-top:-10px;"></div>
                            <span class="statspost"><span class="gensmall">{catrow.forumrow.POSTS} messages ? {catrow.forumrow.TOPICS} sujets.</span></span></div>
                  </td>
                          <td width="75%" valign="top" align="justify" style="padding-top:5px;">
                            <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
                            <div class="descriptions"><div style="height:68px;overflow:auto;"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                            <div class="liensfofo"><span class="gensmall" id="subforums">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
                              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div>
                           </td></table></center>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ? ')).removeAttr('id');
</script>
 </td>
 <!-- BEGIN forum_link -->
 <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
 <!-- END forum_link -->
 </tr>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
</table><div class="imgcatbas" align="right"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et le code de base pour l'entête de catégorie :

Code:
<img src="http://i57.tinypic.com/68yl9d.png" /><span>Zone Admin</span>

Je remercie mille fois la personne qui me donnera la réponse Very Happy


Dernière édition par Imari le Jeu 3 Avr - 10:57, édité 1 fois

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://lordarion-memories.forumactif.org/
Imari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de css des entêtes de catégories entre Firefox et Chrome

Message par Scoubifitz le Jeu 3 Avr - 6:58

bonjour,

dans :

Code:
.forumline2 {
  border-left:2px solid #EE7100;
  border-right:2px solid #EE7100;
  margin-left:43px;
  width:784px;
  align:center;
  margin-top:-2px;
  padding-top:2px;
  background-color:white;
}

remplacez :

Code:
 margin-left:43px;

par :

Code:
 margin:auto;

 Hi 

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de css des entêtes de catégories entre Firefox et Chrome

Message par Imari le Jeu 3 Avr - 10:56

Ha ! C'est nickel ! Very Happy

Merci bien beaucoup ! I love you

Sujet résolu ^^

Imari
****

Féminin
Messages : 380
Inscrit(e) le : 10/12/2007

http://lordarion-memories.forumactif.org/
Imari a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum