Aller au contenu

spip et tableaux


wilhem

Sujets conseillés

Salut à tous,

J'essaye d'utiliser spip pour refondre mon site et j'ai la version 192d.

Il existe des raccourcis avec les pipes pour faires des tableaux dans les articles mais j'aimerai pouvoir faire des tableaux plus jolis commes en HTML avec des DIV ou CLASS pour les différents TD ou TR et du CSS pour les habiller.

Je sais qu'il y a spip_style.css dans le dossier dist ou je peut modifier un peu mes TR et TD mais comment ajouter des class et des div dans mes articles.

De plus je ne souhaiterai peut etre pas avoir des lignes paires et impaire de couleur différentes et j'aimerai avoit des séparations pour les colonnes...

voici un aperçu affreux du résultat pour l'instant.

la page avec le tableau

merci

wilhem

PS: je n'ai pas encore travaillé le design

Lien vers le commentaire
Partager sur d’autres sites

<table class="spip" summary="">
<caption>Tableau</caption>
<tbody>
<tr class="row_even"><td>ISRAEL</td><td> Dan Ramer </td></tr>
<tr class="row_odd"><td>ITALIE</td><td>Giancarlo Iannone </td></tr>

<tr class="row_even"><td>SINGAPOUR</td><td>Christine Lee </td></tr>
<tr class="row_odd"><td>ISRAEL</td><td> Dan Ramer </td></tr>
<tr class="row_even"><td>ITALIE</td><td>Giancarlo Iannone </td></tr>
<tr class="row_odd"><td>SINGAPOUR</td><td>Christine Lee </td></tr>
</tbody>
</table>

Le code généré est très propre.

tu as les classes row_even et row_odd que tu peux personnaliser (une ligne sur deux)

Dans ton cas tu peux donner la même couleur aux deux classes si l'alternance de couleur ne te plaît pas.

tu peux ensuite jouer sur la classe spip, par exemple pour une bordure:

table.spip td{
border-left : solid 1px black;
}

Enfin, garde bien en tête que SPIP propose des raccourcis typographiques qui, d'habitude, suffisent pour la plupart des sites.

A force de vouloir laisser trop de liberté au rédacteur, la charte graphique souffre pas mal...

Tes demandes sont vraiment propres au design. Penche toi bien sur le CSS et normalement, tout ira bien. :P

Modifié par pluriels
Lien vers le commentaire
Partager sur d’autres sites

  • 2 semaines plus tard...

Merci Captain et Pluriels pour vos réponses.

En fait je souhaitai il est vrai ne pas avoir de ROW_EVEN et ROW_ODD mais je peux mettre les 2 à la même couleur.

Ce que je souhaitai faire c'est pouvoir personnalisé mon tableau come je pouvait le faire dans une CSS normale.

Je me demandait dans quel fichier il me fallait faire ses modifs.

Si j'ai bien compris et je crois que je l'ai deja fait pour d'autre partie comme les articles ou les rubriques il me faut copier un fichier de DIST et le Mettre dans SQUELETTE pour le modifier.

Mais est ce qu'il y a un fichier pour tous les tableaux ou un fichier pour les tableaux suivant où ils se trouvent?

Dans ma première demande je vous avais mis ce que cela donnait.

Voici maintenant un lien de ce que j'aurai aimer faire:

un page avec un tableau de mon premier site

et

une page avec un tableau different et en plus des scans (qui seraient si j'y arrive extraient de ma BDD comme les autres données)

Suis assez clair?

merci

Wilhem

Lien vers le commentaire
Partager sur d’autres sites

effectivement tu peux jouer avec les CSS.

#mon_conteneur_noir table.spip td{
border-left : solid 1px black;
}

#mon_conteneur_blanc table.spip td{
border-left : solid 1px white;
}

Dans ton squelette, tu peux place un :

<div id="mon_conteneur_blanc">
#TEXTE
</div>
<div id="mon_conteneur_noir">
#TEXTE
</div>

Les tableaux dans mon_conteneur_blanc auront une bordure blanche.

Les tableaux dans mon_conteneur_noir auront une bordure noire.

Lien vers le commentaire
Partager sur d’autres sites

Merci Pluriels mais si je comprends bien cela ne mettra qu'une bordure de un pixel, mais je croix que je comprends la philosophie, au lieu de BORDER-LEFT je prends un BACKGROUND COLOR ou un truc comme ça.

Et tu ne me dit pas dans quels fichier je dois créer:

#mon_conteneur_noir table.spip

j'espère que je ne joue pas trop avec votre patience.

Wilhem

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...