inserer un trait juste apres la premiere ligne

Version imprimable

25/04/2007, 11h11
gloglo

inserer un trait juste apres la premiere ligne

salut,

j'ai un tableau dont le border est 0, je souhaite le laisser comme ça sans bordure à part mettre une bordure pour la premiere ligne la ligne du titre.
En gros, je veux dessiner un trait juste apres la premiere ligne du tableau, celle qui contient les titres , comme ce qui suit

----------------------------------------
Les colonnes avec les titres
----------------------------------------

les colonnes avec le contenu

-----------------------------------------

Je ne sais pas comment faire, une idée ?

merci
25/04/2007, 11h24
Bisûnûrs
Difficile de t'aiguiller sans code ...

Si tu utilises des <th> alors tu peux faire :
Code:

1 2 3 th{ border-bottom:1px solid red; }
Si tu utilises des <td> même pour les cellules de titre :

Code:

<td class="titre_celulle" ...>
Code:

1 2 3 td.titre_cellule{ border-bottom:1px solid red; }
25/04/2007, 13h42
gloglo

pourquoi ça ne marche pas si je met le code de la couleur à laplace de la couleur :

Code:

border-bottom:1px solid #767676;
25/04/2007, 16h10
bustaja

Citation:

Envoyé par gloglo

pourquoi ça ne marche pas si je met le code de la couleur à laplace de la couleur :

Code:

border-bottom:1px solid #767676;

ça marche pas ? Curieux...

Essaie avec rgb(RRR,VVV,BBB) (flemme de faire la conversion hexa>déca)
25/04/2007, 16h12
bustaja
Citation:

Envoyé par bustaja

ça marche pas ? Curieux...

Essaie avec rgb(RRR,VVV,BBB) (flemme de faire la conversion hexa>déca)

Ou au pire, ajoute une couleur de bordure
Code:

1 2 border-bottom:1px solid; border-color: #767676;
;)
25/04/2007, 20h49
fallais

Code:

border-bottom: 1px solid #2F5;

Ca marche forcement :?
26/04/2007, 08h53
bustaja

Citation:

Envoyé par gloglo

pourquoi ça ne marche pas si je met le code de la couleur à laplace de la couleur :

Code:

border-bottom:1px solid #767676;

Faire voir ta classe en entier, ça vient peut-être pas de cette ligne...
26/04/2007, 15h44
gloglo

en fait en mettant el nom d'une couleur tels que red par exemple ça marche sinon, en mettant le code non, ça me metr à la place un trait noir. voici mon code

Code:

<td style="text-transform:uppercase; border-bottom:1px solid; border-color:#767676;">
26/04/2007, 15h50
gloglo

comment connaitre les codes rgb de ma couleur ?
26/04/2007, 18h39
gloglo
voila ce que je met dans ma classe :
Code:

1 2 3 .bordureTd{ border-bottom:1px solid #767676; }

et voici le code ou je le place

Code:

1
2
3
4
5
6
7
 
				<!-- Type du produit-->
				 <tr style="height: 30px;">
                    <td class = "bordureTd" >
                  	&nbsp; <a href="../web/descriptionproduct.do?pc=<%=pc%>&amp;idmenu=3&amp;idssmenu=1&amp;pt=<%=_webProduct.getProductTypeName()%>&amp;<%=urlParam%>" style="text-decoration:none;"><img <%if(((WebTurboObj)_webProduct).isDailyTurbo()){%> src="../files/images/click/small_<%=_webProduct.getProductTypeName()%>_jour.gif" <%} else {%> src="../files/images/click/small_<%=_webProduct.getProductTypeName()%>.gif"  <%}%> align="middle" alt="<product:name type="<%=_webProduct.getProductTypeName()%>" />" />&nbsp;<span <%if(((WebTurboObj)_webProduct).isDailyTurbo()){%> class="middle titleStyleOrderTurboJour"  <%} else {%> class="middle titleStyleOrderTurbo" <%}%>>&nbsp;&nbsp;<product:name type="<%=_webProduct.getProductTypeName()%>" /></span></a>
                  </td>
                </tr>

26/04/2007, 18h52
gloglo
Citation:
Envoyé par Bisûnûrs

Difficile de t'aiguiller sans code ...

Si tu utilises des <th> alors tu peux faire :

Code:

1 2 3 th{ border-bottom:1px solid red; }

Si tu utilises des <td> même pour les cellules de titre :

Code:

<td class="titre_celulle" ...>

Code:

1 2 3 td.titre_cellule{ border-bottom:1px solid red; }
en fait pourquoi tu fais td.titre_cellule
et non .titre_cellule directement, pour les tds, il faut rajouter ceci ?
26/04/2007, 20h35
MasterOfChakhaL

Citation:

Envoyé par gloglo

en fait pourquoi tu fais td.titre_cellule
et non .titre_cellule directement, pour les tds, il faut rajouter ceci ?

ca n'est pas obligé...
Par contre, si tu as plusieurs déclaration css qui ciblent cette élément, ca peut être un moyen d'augmenter le poids du sélecteur afin que ce soit lui qui compte et pas les autres (pour les propriétés définies avec des valeurs différentes)...

Citation:

Envoyé par gloglo

et voici le code ou je le place

Code:

1
2
3
4
5
6
7
 
				<!-- Type du produit-->
				 <tr style="height: 30px;">
                    <td class = "bordureTd" >
                  	&nbsp; <a href="../web/descriptionproduct.do?pc=<%=pc%>&amp;idmenu=3&amp;idssmenu=1&amp;pt=<%=_webProduct.getProductTypeName()%>&amp;<%=urlParam%>" style="text-decoration:none;"><img <%if(((WebTurboObj)_webProduct).isDailyTurbo()){%> src="../files/images/click/small_<%=_webProduct.getProductTypeName()%>_jour.gif" <%} else {%> src="../files/images/click/small_<%=_webProduct.getProductTypeName()%>.gif"  <%}%> align="middle" alt="<product:name type="<%=_webProduct.getProductTypeName()%>" />" />&nbsp;<span <%if(((WebTurboObj)_webProduct).isDailyTurbo()){%> class="middle titleStyleOrderTurboJour"  <%} else {%> class="middle titleStyleOrderTurbo" <%}%>>&nbsp;&nbsp;<product:name type="<%=_webProduct.getProductTypeName()%>" /></span></a>
                  </td>
                </tr>

Ahhhhhhhhhhh t'arrive à t'y retrouver devant cette ligne de 3 kilomètres :?

Essaie de "nettoyer" et indenter tout ça avant, ça t'aidera je pense...

27/04/2007, 08h56
bustaja

Citation:

Envoyé par gloglo

comment connaitre les codes rgb de ma couleur ?

Rouge : 255, 0, 0

En fait c'est une conversion hexa->déca

FF c'est 255 en fait.