Sujets similaires

Donc j'ai positionné mon menu en haut de monde header mais regarder le problème

Spoiler:

vous voyer le rectangle en dessous de la barre de menu , je voudrais le faire disparaitre mais je ne sais pas comment c'est pour sa que je demande votre aide merci.

Bonjour,

Afin que nous t'aidions mieux, pourrais-tu nous copier l'adresse de ton forum ainsi que ton CSS personnalisé (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS)?

Very Happy

Hop'

Peux t-on avoir votre forum et votre template index_box ?

Tâchez d'être plus poli la prochaine fois. Un simple «Bonjour», «Salut» ou autres fait toujours plaisir.

yop'

Eh oui je vous donne ça l'adresse http://test-design.forum-canada.com mon template :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
   <th nowrap="nowrap" width="50">{L_TOPICS}</th>
   <th nowrap="nowrap" width="50">{L_POSTS}</th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>
   <td class="row3" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.TOPICS}</span>
   </td>
   <td class="row2" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.POSTS}</span>
   </td>
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Mon css :

Code:: .navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
height: 3%;
background: #7abcff; /* Old browsers */
border-bottom: 3px solid #8192ff;

}
.mainmenu
{
font-family: impact,arial;
font-size: 18px;
text-shadow: 0px 3px 2px #ebebeb;
filter: dropshadow(color=#ebebeb, offx=0, offy=3);

}
.mainmenu:hover
{
font-size: 15px;
font-color: white;

}

merci d'avance Smile

Bien, recherchez dans votre CSS :

Code:: .bodyline

Vous supprimez cette balise ainsi que ses propriétés, normalement ça devrait s'enlever.

merci sa marche mais regarder mon header est décalé :/ ( http://test-design.forum-canada.com/ )

Bonjour,

Une solution à ce problème serait d'entourer ta bannière par une div, et lui appliquer un CSS qui centrerait ton image à l'intérieur.

HTML à modifier (probablement dans le template index_body, à vérifier) :

Code:: <div id="header">
<a href="/"><img src="http://hitskin.com/themes/12/13/54/i_logo.png" id="i_logo" border="0" alt="Test-design" vspace="1"></a>
</div>

A rajouter dans le CSS :

Code:: #header {
text-align: center;
}

Essaye de déplacer le header avec:

Code:: #i_logo{
Margin-left: ??px;
}

K-Surf, ce n'est pas une très bonne idée, car selon les différentes résolutions des utilisateurs, il sera toujours déformé.

Je lui aurais conseillé ceci :

Code:: .logocenter img {
margin: 0 auto !important;
display: block;
}

Code:: <a href="/" class="logocenter">
<img id="i_logo" vspace="1" border="0" alt="Test-design" src="http://hitskin.com/themes/12/13/54/i_logo.png">
</a>