CSS que pour mon tableau ?

[D.Deschamps]

Rappel du premier message :

Salut a tous....

Je voulais mettre un tableau spécial sur mon forum, sauf que ce tableau a son propre CSS !!!

Et du coup, quand je le met (avec son CSS) dans les templates, ca prend le CSS pour tout le forum !!!

Y'a-t-il un moyen pour que j'utilise ce CSS que pour mon tableau et pas pour le reste du forum ??

Merci d'avance
D.Deschamps

[D.Deschamps]

Ouiiii, problème réglé !!

Autre chose, le cadre devient bleu quand je le met dans mon site, comment faire pour qu'il redevienne normal ?

[Invité]

Bonjour,

J'ai retouché la partie CSS, est-ce que ça conviendrait ainsi:

Code:

<!-- CSS -->

<style type="text/css">
<!--
a{text-decoration: none !important;}
.bbd {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 32px;
width: 184px;
padding-left: 24px;
font-family:tahoma, verdana, arial;
font-size:10px;
}
.bbd_heading {
background-image: url(http://i69.servimg.com/u/f69/15/99/58/38/backgr10.jpg);
color: white;
padding-left: 14px;
line-height: 22px;
width: 184px;
height: 22px;
font-size: 13px;}

.bgblanco {
 color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;width: 14%;
}

//-->
</style>
<style type="text/css">
#ad-c4ca br {
display: none;
}
</style>


<!-- FIN CSS -->


<center><table align="left" class="bgblanco">
<tr>
<td height="430" align="left" valign="top" class="edit_main_tr">
<table border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<tr>
<td class="bbd_heading">Navigation</td>
</tr>
<tr class="checked_menu">
<td class="bbd" id="nav_Accueil">
<a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a>    </td>
</tr>
<tr>
<td class="bbd" id="nav_Forum_¤VIP¤">
<a href="http://ententeom.forumactif.fr/h8-forum" class="menu"><font color="#FF0000"><b>Forum VIP</b></font></a>    </td>
</tr>
<tr>
<td class="bbd" id="nav_Candidatures">
<a href="http://ententeom.forumactif.fr/h2-candidature" class="menu">Candidatures</a> </td>
</tr> 
<tr>
<td class="bbd" id="nav_La_ChatBox">
<a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a>    </td>
</tr> 
<tr><td class="bbd_heading"><br></td>
</tr>
<tr>
<td class="bbd" id="nav_Le JournalVIP">
<a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a>    </td>
</tr>
<tr>
<td class="bbd" id="nav_forum">
<a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
</tr>
<tr>
<td class="bbd" id="nav_LesLegends">
<a href="http://ententeom.forumactif.fr/h6-legends" class="menu">Les Legend's de l'entente</a>    </td>
</tr>
<tr><td class="bbd_heading"><br></td>
</tr>
<tr>
<td class="bbd" id="nav_lien1">
<a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a>    </td>
</tr>
<tr>
<td class="bbd" id="nav_Virtuafoot">
<a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a>    </td>
</tr>
<tr><td class="bbd_heading"><br></td>
</tr>
<tr>
<td class="bbd" id="nav_Virtuafoot">
<a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a>    </td>
</tr> 
<tr>
<td class="bbd" id="nav_VForum">
<a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a>    </td>
</tr>
<tr><td class="bbd_heading"><br></td>
</tr>
<tr>
<td class="bbd" id="nav_Football365">
<a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a>    </td>
</tr>
<tr><td class="bbd_heading"><br></td>
</tr>
<tr>
<td class="bbd" id="nav_contacte">
<a href="http://www.virtuafoot.com/#club?uid=138098" class="menu" target="_blank">Contactez-nous !!!</a>    </td>
</tr> 
</table> 
</td>
</tr>
</table></center>

Cordialement.

[D.Deschamps]

Non, c'est bon, j'ai trouvé tout seul

Merci beaucoup a tous !!!!!

[D.Deschamps]

Nouveau problème

La barre est bien a gauche du forum(chez moi)

Mais j'ai des membres qui me disent que la barre est au dessus du forum et centré !!!
Ce qui est vraiment pas bon

Voila comment elle doit être:

[Invité]

Bonjour,

Il faudrait savoir quel(s) navigateur(s) ils utilisent. Avec firefox 5, j'ai bien votre widget à gauche.

Cordialement

[D.Deschamps]

oui, ca doit être car il utilise google chrome !!

Mais ca me gène que ce soit different

N'y a t-il pas un moyen pour que même sur google chrome ils le voient comme il faut ?

[Invité]

Là, malheureusement je ne sais pas.

Cordialement

[Invité]

Bonjour,

Effectivement, j'utilise Google Chrome et je vois le tableau au dessus de votre forum. Où avez vous installé le tableau, s'il vous plait?
En le mettant dans un widget personnalisé, il devrait être au même endroit pour tout le monde.

Cordialement.

[D.Deschamps]

Je l'ai mis dans les templates...

Car si je le met dans un widget personnalisé, il sera trop bas

[Invité]

ok

Dans ce cas, donnez moi votre template modifié, que je puisse tester.

Cordialement.

[D.Deschamps]

Code:

    <!-- TITRE -->

<div align=center><font size=5 color="#000000"><b>!!! Bienvenue sur le Forum des VIP !!!</b></font></div>
<br>

<!-- FIN TITRE -->






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- CSS -->

    <style type="text/css">
    <!--
    a{text-decoration: none !important;}
    .bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
    .bbd {
    background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
    background-repeat: none;
    height: 32px;
    width: 184px;
    padding-left: 24px;
    font-family:tahoma, verdana, arial;
    font-size:10px;
    }
    .bbd_heading {
    background-image: url(http://i69.servimg.com/u/f69/15/99/58/38/backgr10.jpg);
    color: white;
    padding-left: 14px;
    line-height: 22px;
    width: 184px;
    height: 22px;
    font-size: 13px;}

    .bgblanco {
    background-color: white;
    }

    //-->
    </style>
    <style type="text/css">
    #ad-c4ca br {
    display: none;
    }
    </style>


    <!-- FIN CSS -->


        <center><table width=15% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
    <tr>
    <td width=100% height="430" align="left" valign="top" class="edit_main_tr">
    <table width=100% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
    <tr>
    <td class="bbd_heading">Navigation</td>
    </tr>
    <tr class="checked_menu">
    <td class="bbd" id="nav_Accueil">
    <a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Forum_¤VIP¤">
    <a href="http://ententeom.forumactif.fr/" class="menu"><font color="#FF0000"><b>Forum VIP</b></font></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Candidatures">
    <a href="http://ententeom.forumactif.fr/f2-candidature" class="menu">Candidatures</a> </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_La_ChatBox">
    <a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a>    </td>
    </tr> 
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Le JournalVIP">
    <a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a>    </td>
    </tr>
   <tr>
   <td class="bbd" id="nav_LeStaff">
    <a href="http://ententeom.forumactif.fr/h9-staff" class="menu">Le Staff de l'entente</a>   </td>
   </tr>
    <tr>
    <td class="bbd" id="nav_forum">
    <a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_LesLegends">
    <a href="http://ententeom.forumactif.fr/h6-legends" class="menu">Les Legend's de l'entente</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_lien1">
    <a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a>    </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_VForum">
    <a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Football365">
    <a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_contacte">
    <a href="http://www.virtuafoot.com/#club?uid=138098" class="menu" target="_blank">Contactez-nous !!!</a>    </td>
    </tr> 
    </table> 
    </td>
    </tr>
    </table></center>







<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>

[Invité]

Je pense que nous ne nous sommes pas compris.
Ce que vous me donnez c'est le code du tableau, mais vous l'avez installer dans un template, dans lequel? overall_header? Index_body?

Cordialement

[D.Deschamps]

Ah, j'avais pas compris, désolé...

Dans le overall_header

[D.Deschamps]

Alors ?

[Invité]

Bonjour,

IL n'y a pas grand chose à modifier en fait. Pour que l'affichage soit correct il suffit de retirer les balises <center> autour du contenu:

Code:

    <!-- TITRE -->

<div align=center><font size=5 color="#000000"><b>!!! Bienvenue sur le Forum des VIP !!!</b></font></div>
<br>

<!-- FIN TITRE -->






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- CSS -->

    <style type="text/css">
    <!--
    a{text-decoration: none !important;}
    .bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
    .bbd {
    background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
    background-repeat: none;
    height: 32px;
    width: 184px;
    padding-left: 24px;
    font-family:tahoma, verdana, arial;
    font-size:10px;
    }
    .bbd_heading {
    background-image: url(http://i69.servimg.com/u/f69/15/99/58/38/backgr10.jpg);
    color: white;
    padding-left: 14px;
    line-height: 22px;
    width: 184px;
    height: 22px;
    font-size: 13px;}

    .bgblanco {
    background-color: white;
    }

    //-->
    </style>
    <style type="text/css">
    #ad-c4ca br {
    display: none;
    }
    </style>


    <!-- FIN CSS -->


        <table width=15% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
    <tr>
    <td width=100% height="430" align="left" valign="top" class="edit_main_tr">
    <table width=100% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
    <tr>
    <td class="bbd_heading">Navigation</td>
    </tr>
    <tr class="checked_menu">
    <td class="bbd" id="nav_Accueil">
    <a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Forum_¤VIP¤">
    <a href="http://ententeom.forumactif.fr/" class="menu"><font color="#FF0000"><b>Forum VIP</b></font></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Candidatures">
    <a href="http://ententeom.forumactif.fr/f2-candidature" class="menu">Candidatures</a> </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_La_ChatBox">
    <a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a>    </td>
    </tr> 
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Le JournalVIP">
    <a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a>    </td>
    </tr>
  <tr>
  <td class="bbd" id="nav_LeStaff">
    <a href="http://ententeom.forumactif.fr/h9-staff" class="menu">Le Staff de l'entente</a>  </td>
  </tr>
    <tr>
    <td class="bbd" id="nav_forum">
    <a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_LesLegends">
    <a href="http://ententeom.forumactif.fr/h6-legends" class="menu">Les Legend's de l'entente</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_lien1">
    <a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a>    </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_VForum">
    <a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Football365">
    <a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_contacte">
    <a href="http://www.virtuafoot.com/#club?uid=138098" class="menu" target="_blank">Contactez-nous !!!</a>    </td>
    </tr> 
    </table> 
    </td>
    </tr>
    </table>







<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>

Cordialement.

[D.Deschamps]

OK, merci beaucoup

[D.Deschamps]

Voila c'est bon parfait merci

[D.Deschamps]

Maintenant, y'a un autre problème...

J'ai un membre qui voit cette barre comme ci dessous, l'image ce "double" en quelques sortes... j'ai encadré le problème en rouge:


Y'a-t-il un moyen d'arranger ça ??

[Invité]

C'est à cause des dimensions en %, en les mettant en px ça règle le soucis.

Code:

    <!-- TITRE -->

<div align=center><font size=5 color="#000000"><b>!!! Bienvenue sur le Forum des VIP !!!</b></font></div>
<br>

<!-- FIN TITRE -->






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- CSS -->

    <style type="text/css">
    <!--
    a{text-decoration: none !important;}
    .bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
    .bbd {
    background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
    background-repeat: none;
    height: 32px;
    width: 184px;
    padding-left: 24px;
    font-family:tahoma, verdana, arial;
    font-size:10px;
    }
    .bbd_heading {
    background-image: url(http://i69.servimg.com/u/f69/15/99/58/38/backgr10.jpg);
    color: white;
    padding-left: 14px;
    line-height: 22px;
    width: 184px;
    height: 22px;
    font-size: 13px;}

    .bgblanco {
    background-color: white;
    }

    //-->
    </style>
    <style type="text/css">
    #ad-c4ca br {
    display: none;
    }
    </style>


    <!-- FIN CSS -->


        <table width="190" rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
    <tr>
    <td width=100% height="430" align="left" valign="top" class="edit_main_tr">
    <table width=100% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
    <tr>
    <td class="bbd_heading">Navigation</td>
    </tr>
    <tr class="checked_menu">
    <td class="bbd" id="nav_Accueil">
    <a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Forum_¤VIP¤">
    <a href="http://ententeom.forumactif.fr/" class="menu"><font color="#FF0000"><b>Forum VIP</b></font></a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Candidatures">
    <a href="http://ententeom.forumactif.fr/f2-candidature" class="menu">Candidatures</a> </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_La_ChatBox">
    <a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a>    </td>
    </tr> 
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Le JournalVIP">
    <a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a>    </td>
    </tr>
  <tr>
  <td class="bbd" id="nav_LeStaff">
    <a href="http://ententeom.forumactif.fr/h9-staff" class="menu">Le Staff de l'entente</a>  </td>
  </tr>
    <tr>
    <td class="bbd" id="nav_forum">
    <a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_LesLegends">
    <a href="http://ententeom.forumactif.fr/h6-legends" class="menu">Les Legend's de l'entente</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_lien1">
    <a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a>    </td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Virtuafoot">
    <a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a>    </td>
    </tr> 
    <tr>
    <td class="bbd" id="nav_VForum">
    <a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_Football365">
    <a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a>    </td>
    </tr>
    <tr><td class="bbd_heading"><br></td>
    </tr>
    <tr>
    <td class="bbd" id="nav_contacte">
    <a href="http://www.virtuafoot.com/#club?uid=138098" class="menu" target="_blank">Contactez-nous !!!</a>    </td>
    </tr> 
    </table> 
    </td>
    </tr>
    </table>







<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>

Cordialement.

[D.Deschamps]

Parfait merci beaucoup

Merci merci et merci a tous, mon forum a fait un grand pas vers l'avant grace a vous tous

[Invité]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[D.Deschamps]

voila