[Problème] Ajout CSS dans un article

[drogba1320]

Salut tout le monde,

J'ai inséré dans un de mes articles un tableau avec le code suivant :

<div class="montableau" >
                <table >
                    <tr>
                        <td>
                            Title 1
                        </td>
                        <td >
                            Title 2
                        </td>
                        <td>
                            Title 3
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                    </tr>
                </table>
            </div>

Jusque là tout va très bien. Maintenant je voudrais que le code CSS suivant corresponde à mon article :

.montableau {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

Mais malheureusement je ne sais pas quel fichier il faut modifier

Merci d'avance aux âmes charitables

[toffffe]

Re : Ajout CSS dans un article

Salut
le code que tu mets au dessus :
il lui manque un "}" à la fin
et il va s'appliquer qu'à la div autour du tableau. Si tu veux qu'il s'applique à tout l'article, il faut mettre cette div autour de l'article.

C'est bien ton besoin ?

[lefabdu51]

Re : Ajout CSS dans un article

sans connaitre le template dur de te dire ou insérer ton code css....

seconde solution de barbare:
<div style="mes propriétés css">

[drogba1320]

Re : Ajout CSS dans un article

Merci pour ta réponse.
En fait j'ai simplement mal collé le code ahah par contre ce que je cherche c'est dans quel fichier css je dois le mettre ce code css. Je le met dans layout.css mais malheureusement cela ne prend pas effet.

Sinon ce que je souhaite c'est que ce style css s'applique aux tableaux auxquels je met la classe montableau

[toffffe]

Re : Ajout CSS dans un article

Le code css là n'est pas fait pour le tableau.
Donc peut être qu'il s'applique
Pour qu'il s'applique au td il faudrait faire

.montableau tr td{

[drogba1320]

Re : Ajout CSS dans un article

Ah oui pardon, je suis sur joomla 2.5 avec la template subway.
L'adresse est www.teamega.fr

J'y ai pensé aussi à la solution de barbare mais si possible, je préfère faire ça proprement

[drogba1320]

Re : Ajout CSS dans un article

Le code entier est celui ci

.montableau {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.montableau table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.montableau tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.montableau table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.montableau table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
..... et ainsi de suite

Je ne mets pas tout car il est quand même assez long

[toffffe]

Re : Ajout CSS dans un article

Désolé mais ton article avec le tableau il est sur quel url ?

[drogba1320]

Re : Ajout CSS dans un article

http://www.teamega.fr/rosters/fifa-1v1-ps3.html

C'est moi qui suis désolé de tous vous embêter de bon matin

[ghazal]

Re : Ajout CSS dans un article

Salut,
dans le dossier CSS du template yoo_subway, trouve le fichier custom.css et essaie d'y placer les specs CSS que tu montres.

Pour tester, avec FF = ou >v.20,
Tools-->Webdeveloper->Style Editor puis click sur New
et colle tes CSS, telles quelles, avec la fermeture correcte du dernier style.

[toffffe]

Re : Ajout CSS dans un article

En fait il faut virer le

border-collapse: collapse;

et ca devrais fonctionner
mais j'ai aussi fait mes test en ajoutant

border: 1px red solid;

et j'ai préféré regarder avec un

border-radius:20px;

[drogba1320]

Re : Ajout CSS dans un article

Salut,
dans le dossier CSS du template yoo_subway, trouve le fichier custom.css et essaie d'y placer les specs CSS que tu montres.

Pour tester, avec FF = ou >v.20,
Tools-->Webdeveloper->Style Editor puis click sur New
et colle tes CSS, telles quelles, avec la fermeture correcte du dernier style.

Je viens de tester, cela ne fonctionne pas, j'ai vraiment du mal à comprendre le fonctionnement là :s

Merci en tout cas !

[toffffe]

Re : Ajout CSS dans un article

Il tef aut la barre web developper sous firefox

[drogba1320]

Re : Ajout CSS dans un article

Je viens de me rendre compte que en mettant le code css dans custom.css, le tableau s'affiche parfaitement avec son style sous firefox. Par contre sous safari, il ne s'affiche pas.

Edit : Après vérifications, le tableau s'affiche parfaitement sous Chrome, Firefox et IE. Seul Safari semble vouloir jouer les fortes têtes...

[ghazal]

Re : Ajout CSS dans un article

@toffe

Il tef aut la barre web developper sous firefox

Non. Je parlais du systeme Webdeveloper natif à FF depuis la version 15. Pas de l'extension Webdeveloper.
Je pense que c'est installé par défaut, sans rien faire de particulier.
Mon test perso :
Windows
Pour les vues en responsive
Ctrl + Shift + M
ou
Mac
command alt M
******
Windows
Style Editor Shift + F7
cf : Keyboard shortcuts - Perform common Firefox tasks quickly | Firefox Help

http://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly#os=win8&browser=fx21

@drogba
Safari pour Mac, ton tableau est OK