comment on fait pour avoir des fines lignes pour les tableau

j-mi · 13 Juin 2005

tres long titre

en gros comment on fait pour obtenir en rendu de tres fines lignes pour les tableau

voir comment on fait pour avoir des lignes en pointillé a la place de laides lignes en html

voici ce qu j'utilise en html

Code:

<TABLE width="625" border="1" cellpadding="1">
  <TR>
    <TD>&nbsp;</TD>
  </TR>
</TABLE>

avouez que c'est pas frais et que ça fait dans les grosses lignes meme avec un border de 1 pix

voila toute aide est la bienvenue
merci

Zecat · 13 Juin 2005

Re: comment on fait pour avoir des fines lignes pour les tab

mi-mi a dit:
tres long titre

en gros comment on fait pour obtenir en rendu de tres fines lignes pour les tableau

voir comment on fait pour avoir des lignes en pointillé a la place de laides lignes en html

voici ce qu j'utilise en html

Code:

<TABLE width="625" border="1" cellpadding="1"> <TR> <TD> </TD> </TR> </TABLE>

avouez que c'est pas frais et que ça fait dans les grosses lignes meme avec un border de 1 pix

voila toute aide est la bienvenue
merci

telk que c'est ecrit ca fait un pixel pour table et 1 pixel pour le td. Ecrit plutot :

Code:

<TABLE width="625" border="1" cellpadding="1">
  <TR>
    <TD border="0">&nbsp;</TD>
  </TR>
</TABLE>

Ca devrait être plus fin.

j-mi · 13 Juin 2005

bheu ça marche pas .

phreddpullfer · 13 Juin 2005

Pas sur d'avoir bien compris le probleme ...

Si c'est pour ne pas avoir un cadre poru le tableau et un pour chaque cellule (ondc un aspect double trait), alors il faux fixer le cellspacing à 0

Code:

<TABLE width="625" border="1" cellspacing=0 cellpadding="1"> 
  <TR> 
    <TD>&nbsp;</TD> 
  </TR> 
</TABLE>

A mon humble avis, la proposition de zecat ne changera en rien l'affichage par rapport a ton code ...

Pour moi la balise <td> n'accepte pas l'attribut border (a verifier ...)

hyadex · 13 Juin 2005

Essaye comme ca :

Code:

<style type="text/css">

.box {
  width:			100%;
  padding:			0px;
  border-spacing:		1px;
  border-width:			1px;
  border-style:			dotted;
  border-color:			#000000;
}
.ligne_bas {
  padding:			0px;
  border-width:			0px 0px 1px 0px;
  border-style:			dotted;
  border-color:			#000000;
}
.ligne_haut {
  padding:			0px;
  border-width:			1px 0px 0px 0px;
  border-style:			dotted;
  border-color:			#000000;
}
</style>

Sans oublier de mettre <table class="box"> à la place <table>

Ca te convient ?

mowmow · 13 Juin 2005

tu ajoutes style=" dans la table

e-kiwi · 13 Juin 2005

mowmow a dit:
tu ajoutes style=" dans la table

<table style="border:1px solid black;">

non, cela agit sur le contour du tableau, mais pas les cellules. la réponse de phreddpullfer semble correspondre à la question posée

mowmow · 13 Juin 2005

Ah mince ^^

Amaryllid · 13 Juin 2005

Spécifier un espacement nul des cellules :

Code:

<TABLE width="625" cellpadding="1" cellspacing="0">

Mettre une bordure à droite et en bas de toutes cellules
et, en complément, en haut et à gauche du tableau :

Code:

table,td{
	border:1px solid grey;
	border-style:dotted none none dashed}
td{
	border-style:none dashed dotted none}

Reste à choisir entre un trait plein (solid) pointillé (dotted) ou en tirets (dashed).
(Mon code marche sous FF.)

j-mi · 14 Juin 2005

merci les amis
je vais tester vos script et ferai suiet de celui qui me conviens le mieux

un grand merci ....
je crois que c'est le script de Amaryllid ou de hyadex
qui von m'aider
j'ai cru que pour des pointillés il falait activer par un javascript
voir une feuille cs

phreddpullfer · 14 Juin 2005

mi-mi a dit:
je crois que c'est le script de Amaryllid ou de hyadex
qui von m'aider
j'ai cru que pour des pointillés il falait activer par un javascript
voir une feuille cs

Euh ... ce sont des codes de feuille de style (css ;D)

j-mi · 14 Juin 2005

j'ai jamais fait joujou une une feuille cs

via mon editeur de feuille cs
je crée la feuille

quel nom elle doit avoir et comment je l'active via mes scripts

feuille css ,c'est compatible avec une page html ?

phreddpullfer · 14 Juin 2005

Tu lui donne le nom que tu veux ...

dans ta page html tu mets le code html suivant entre tes balises <head> et </head> (en changeant le contenu de HREF en fonction de ton cas particulier bine etendu ;D)

<LINK REL=STYLESHEET TYPE="text/css" HREF="/style.css">