Résolu Bordure tableau (sur 1 seul côté de cellules)

Bonjour à tous,

Je me demandais s'il existait un code pour choisir de ne mettre qu'une bordure à la cellule d'un tableau : par exemple, mettre en pointillé la bordure "bas" ?

A l'avance merci et bonne journée ! 

Parthenia

Bonjour Parthenia,

les tableaux peuvent être mis en forme via l'éditeur EB :
> passer en mode Expert : 

> clic sur l'icône tableau :

et là tu pourras jouer sur les formats, les bordures, les lignes, les colonnes, etc.

Si ton tableau est déjà créé, sélectionne la cellule, la ligne, la colonne etc. et clique sur l'icône tableau qui va ouvrir le menu dédié.

N'hésite pas à faire des essais et des tests pour obtenir le résultat que tu veux ;)

Bonnes suites

Merci pour toutes ces explications, Pipiou, mais j'ai déjà créé plein de tableaux avec des bordures. 

Mon problème c'est de ne mettre qu'une bordure sur les 4 d'une cellule ou d'un tableau. On ne peut pas choisir la position de la bordure (haut, gauche, droite, bas), il me semble que les changements interviennent automatiquement sur les 4 côtés...

Bonjour Parthenia et Pipiou,

Avec les tableaux c'est parfois simple, parfois complexe.

J'ai testé une faisabilité dans le blog de démo (donc vierge de css ajouté par ailleurs)

Objectif: Une seule bordure en bas pour la cellule 06 (dans un tableau de 3 lignes avec 4 colonnes).

1) On sélectionne individuellement par css les cellules 02 05  07 10
pour supprimer les cotés adjacents à la cellule 06

2) Idem pour supprimer les 4 cotés de la 06.

2) Puis on cible de nouveau la cellule 06, avec un autre sélecteur, pour demander afficher le coté bas en rouge

• Dans l'éditeur ça se présente comme ceci:
  http://ekladata.com/y_HdPp0U_XE10Bl98Bq-7o57E2c.png
  
  
  
  
• Dans le blog le résultat est celui-là:
  http://ekladata.com/fNg0Wp3yhbSM7AuGIfrND9aRx_A.png
  
  
• ►► Le codage est au bout de ce lien:

Il y a peut être plus simple, la première idée n'est pas toujours la meilleure, mais ça fonctionne.

Au suivant, ...... et bonnes suites

dans les "propriétés" de ladite cellule (ou tableau) il me semble que tu peux mettre, par exemple :

border-left : 2px solid red;  (avec un point virgule à la fin)
en orange, variables à modifier
border-left pour la bordure de gauche

à tester :)

Edit : coucou stormalo :)

@Pipiou  

J'ai d'abord pensé comme toi, mais ça n'a pas fonctionné hors de l'éditeur.

Il y a par défaut une fusion des bordures adjacentes quand le tableau est enregistré dans l'article (probablement un truc de collapse dans du css en amont)

Merci beaucoup Stormalo pour ton aide ! 

Je l'essaie dès que j'ai le temps...

@ stormalo : ha zut !

de rien Parthenia

Bonjour Parthenia, Pipiou et stormalo !

Je reprends la question initiale de Parthenia.
Je me demandais s'il existait un code pour choisir de ne mettre qu'une bordure à la cellule d'un tableau : par exemple, mettre en pointillé la bordure "bas" ?

et ensuite la réponse de Pipiou :
border-left : 2px solid red;  (avec un point virgule à la fin)
en orange, variables à modifier
border-left pour la bordure de gauche

J'ai donc suivi la piste évoquée par Pipiou en modifiant ses codes par ceux-ci :

border-bottom: red dotted 2px; /*à modifier selon l'effet recherché*/

directement dans les propriétés de chaque cellule concernée, comme sur cette copie d'écran, 

c'est tout à fait faisable sans avoir à ajouter de codes supplémentaires.

Résultats sur un tableau vierge de tout trait -> ICI 

et après différents essais, cellule après cellule -> ICI 

Je ne suis pas une spécialiste des tableaux, loin s'en faut,  mais si cela peut t'aider en apportant une solution simple à ta question d'origine...

Cordialement. 

Bonjour Colette,

Rho ça marche du tonnerre de dieu !  Merci merci merci...

Et merci aussi à Stormalo ! Ayant été très occupée ces derniers jours je n'avais pas eu le temps de tester ta solution ! Mais merci à toi d'avoir pris le temps de m'aider ! 

Et merci aussi à Pipiou...

Bonne journée à tous, vous êtes géniaux !