CSS que pour mon tableau ?

[D.Deschamps]

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

[ge80]

Bonjour,

En modifiant le codage je pense que oui.

Il faudrait poster le codage de votre tableau ainsi que la CSS qui va avec.

Cordialement,
Ge

[D.Deschamps]

c'est a dire ?

[ge80]

Vous dites ceci

sauf que ce tableau a son propre CSS !!!
D.Deschamps

pour plus aide il nous faut plus d'informations.

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

Probablement mais encore faudrait-il voir les classes utilisées et le codage HTML.

[D.Deschamps]

en overall_header

Voici le code:

<!-- CSS -->

<style type="text/css">
<!--
td a {
font-size: 10px;
color: black;
text-decoration: none;
}
html {
font-family: tahoma, verdana, arial;
font-size: 10px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 32px;
width: 184px;
padding-left: 24px;
}
td.nav_heading {
background-image: url(https://i.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>
<font color="white"></font>
<style type="text/css">
#ad-c4ca br {
display: none;
}


</style>


<!-- FIN CSS -->



<!-- LEFT -->

<center><table width=14% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
<tr>
<td width=14% rowspan=0>
<tr>
<td width=14% height="430" align="left" valign="top" class="edit_main_tr">
<table width=14% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<table width="185" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nav_heading">Navigation</td>
</tr>
<tr class="checked_menu">
<td class="nav" id="nav_Accueil">
<a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a> </td>
</tr>
<tr>
<td class="nav" 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="nav" id="nav_Candidatures">
<a href="http://ententeom.forumactif.fr/h2-candidature" class="menu">Candidatures</a> </td>
</tr>
<tr>
<td class="nav" id="nav_La_ChatBox">
<a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Le JournalVIP">
<a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a> </td>
</tr>
<tr>
<td class="nav" id="nav_forum">
<a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
</tr>
<tr>
<td class="nav" 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="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_lien1">
<a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a> </td>
</tr>
<tr>
<td class="nav" id="nav_Virtuafoot">
<a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a> </td>
</tr>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Virtuafoot">
<a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a> </td>
</tr>
<tr>
<td class="nav" id="nav_VForum">
<a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Football365">
<a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" 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>

<!-- FIN LEFT -->

[ge80]

Il suffit de coller ceci dans votre feuille de style personnalisée ou CSS

Code:

td a {
font-size: 10px;
color: black;
text-decoration: none;
}

.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 32px;
width: 184px;
padding-left: 24px;
}
td.nav_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;
}

et le code dans un message

Code:

<center><table width=14% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
<tr>
<td width=14% rowspan=0>
<tr>
<td width=14% height="430" align="left" valign="top" class="edit_main_tr">
<table width=14% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<table width="185" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nav_heading">Navigation</td>
</tr>
<tr class="checked_menu">
<td class="nav" id="nav_Accueil">
<a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a> </td>
</tr>
<tr>
<td class="nav" 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="nav" id="nav_Candidatures">
<a href="http://ententeom.forumactif.fr/h2-candidature" class="menu">Candidatures</a> </td>
</tr>
<tr>
<td class="nav" id="nav_La_ChatBox">
<a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Le JournalVIP">
<a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a> </td>
</tr>
<tr>
<td class="nav" id="nav_forum">
<a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>
</tr>
<tr>
<td class="nav" 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="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_lien1">
<a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a> </td>
</tr>
<tr>
<td class="nav" id="nav_Virtuafoot">
<a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a> </td>
</tr>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Virtuafoot">
<a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a> </td>
</tr>
<tr>
<td class="nav" id="nav_VForum">
<a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" id="nav_Football365">
<a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a> </td>
</tr>
<tr><td class="nav_heading"><br></td>
</tr>
<tr>
<td class="nav" 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>

votre codage en CSS est incomplet :
Certaines classes ne sont pas définies comme
menu
edit_main_tr

[D.Deschamps]

votre codage en CSS est incomplet :
Certaines classes ne sont pas définies comme
menu
edit_main_tr

C'est a dire ?

[ge80]

Par exemple

Code:

<td width=14% height="430" align="left" valign="top" class="edit_main_tr">


class="edit_main_tr"

Cette classe n'est pas définie dans votre feuille de style CSS.

Enfin celle que vous avez donnée.

Cordialement

[D.Deschamps]

Oui, c'est vrai, j'ai oublié de l'enlever, ca vient d'un essai que j'avais fait, lool

[D.Deschamps]

le probleme, c'est que quand j'utilise ce code pour le CSS, ça me modifie le forum !!!

[ge80]

Je n'ai pas vérifié votre code dans son intégralité.

SVP, donnez moi le contenu complet de votre feuille CSS.
Il se peut qu'il y ait d'autres classes déjà définies pour les autres parties de votre forum.


Pouvez-vous faire une image de la déformation ?

[D.Deschamps]

Pouvez-vous faire une image de la déformation ?

C'est a dire ???

[ge80]

Lorsque la déformation apparait alors faire une copie d'écran

Voir le tutoriel Faire une capture d'écran (screenshot)


C'est -> ici

[D.Deschamps]

[D.Deschamps]

Voila le screan

[ge80]

Je pensais que le code était correct et qu'il n'y avait que des problèmes de CSS.


Il manque au moins ceci juste avant le /center final de votre codage.

Code:

   </table>

[D.Deschamps]

je n'ai pas compris.

Dans le code ???
si Oui, il y est déjà !

[ge80]

je n'ai pas compris.

Dans le code ???
si Oui, il y est déjà !

A chaque <table> qui s'ouvre il faut une </table> qui se ferme et cela n'est pas le cas avec le code fourni.

Code:

<center><table width=14% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco"> <tr>  <td width=14% rowspan=0>  <tr>    <td width=14% height="430" align="left" valign="top" class="edit_main_tr">  <table width=14% border="0" cellspacing="0" cellpadding="0" class="edit_second_table">  <table width="185" border="0" cellspacing="0" cellpadding="0">  <tr>  <td class="nav_heading">Navigation</td>  </tr>  <tr class="checked_menu">  <td class="nav" id="nav_Accueil">  <a href="http://ententeom.forumactif.fr/h1-d-o" class="menu"><b>Accueil</b></a> </td>  </tr>  <tr>  <td class="nav" 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="nav" id="nav_Candidatures">  <a href="http://ententeom.forumactif.fr/h2-candidature" class="menu">Candidatures</a> </td>  </tr>  <tr>  <td class="nav" id="nav_La_ChatBox">  <a href="http://ententeom.forumactif.fr/h7-chatbox" class="menu">La ChatBox</a> </td>  </tr>  <tr><td class="nav_heading"><br></td>  </tr>  <tr>  <td class="nav" id="nav_Le JournalVIP">  <a href="http://ententeom.forumactif.fr/h5-lejournal" class="menu">Le Journal VIP</a> </td>  </tr>  <tr>  <td class="nav" id="nav_forum">  <a href="http://ententeom.forumactif.fr/h3-forum-graph" class="menu">Graphismes</a> </td>  </tr>  <tr>  <td class="nav" 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="nav_heading"><br></td>  </tr>  <tr>  <td class="nav" id="nav_lien1">  <a href="http://www.virtuafoot.com/#entente?eid=1811" class="menu" target="_blank">Entente Or</a> </td>  </tr>  <tr>  <td class="nav" id="nav_Virtuafoot">  <a href="http://www.virtuafoot.com/#entente?eid=479" class="menu" target="_blank">Entente Argent</a> </td>  </tr>  </tr>  <tr><td class="nav_heading"><br></td>  </tr>  <tr>  <td class="nav" id="nav_Virtuafoot">  <a href="http://virtuafoot.com/#home" class="menu" target="_blank">Virtuafoot</a> </td>  </tr>  <tr>  <td class="nav" id="nav_VForum">  <a href="http://forum.virtuafoot.com" class="menu" target="_blank">VForum</a> </td>  </tr>  <tr><td class="nav_heading"><br></td>  </tr>  <tr>  <td class="nav" id="nav_Football365">  <a href="http://ententeom.forumactif.fr/h4-football365" class="menu">Football365</a> </td>  </tr>  <tr><td class="nav_heading"><br></td>  </tr>  <tr>  <td class="nav" 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></table></center>

[D.Deschamps]

mais il y ai la !!

[ge80]

Bien sur parce que je l'ai ajouté...

La fin du votre </table></center>

La fin du mien </table></table></center>

[D.Deschamps]

ok ok

[ge80]

Avez-vous essayé le code ?

Il y a-t-il encore déformation ?

[D.Deschamps]

ca change rien

[ge80]

Votre code est incomplet.
C'est à vous de créer les propriétés CSS (ou style) manquantes.

Vous avez dû copier partiellement ce code ou si vous l'avez créé alors il vous faut le reprendre.
Je ne peux inventer les styles CSS.

[Invité]

Bonjour,

En fait votre partie CSS agit sur d'autres parties de votre forum, d'où le soucis. j'ai revu le code, et renommer les class, et normalement il n'y a plus de bug. J'ai supprimé une partie du CSS car elle entre en coflit avec le CSS de base du forum

Code:

<!-- CSS -->

<style type="text/css">
<!--
.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;
}
.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=14% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
<tr>
<td width=14% height="430" align="left" valign="top" class="edit_main_tr">
<table width=14% 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>

Normalement ce code fonctionne si vous le placez intégralement dans le message d'accueil , dans une annonce ou dans un template.

Cordialement.

[D.Deschamps]

Merci beaucoup, je vais essayer tout de suiite

[D.Deschamps]

C'est super , maintenant, Il n'y a plus ce problème, merci beaucoup

Seulement, il y a eu quelques modifications que je n'arrive pas à arranger

Les mots sont soulignés.
Ils n'ont pas la bonne taille, ni la bonne écriture.
(il y a du blanc sur le côté, mais ça j'ai réussit a le modifier )

Enfin, bref, voila le screan de ce que donne votre code et le screan de se que j'aurais aimé que sa donne:

[Invité]

Bonjour,

Dans cette partie de votre CSS :

Code:

.bbd {
    background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
    background-repeat: none;
    height: 32px;
    width: 184px;
    padding-left: 24px;

    }

rajoutez ceci :

Code:

font-size: 8px;font-family : mettez votre police ;}a{
text-decoration: none !important;
}

En espérant que cela fonctionnera.

Cordialement

[D.Deschamps]

Non, c'est pas bon

Ca me donne ca:

[Invité]

Bonjour,

Avec ce code-ci:

Code:

<!-- 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=14% rowspan=0 cellspacing=0 cellpadding=0 border=3 align=left class="bgblanco">
<tr>
<td width=14% height="430" align="left" valign="top" class="edit_main_tr">
<table width=14% 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>

Est-ce bon?

Cordialement.