bordure tableau invisible dans un tableau border color

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : bordure tableau invisible dans un tableau border color

Re: bordure tableau invisible dans un tableau border color

par elvea-indil » 19 mars 2012, 20:43

Merci bsharpen !
Je crois que tu as très bien compris ce que je voulais, au contraire ! :)

Je vais faire le style CSS que tu me conseilles.
Par contre, peux-tu me dire quel code je mets dans mon fichier PHP pour rappeler ce style CSS stp ?
Désolée, j'ai un peu de mal avec tout ça :s

Si j'ai bien compris ton message, en résumé, dans mon
fichier CSS, je mets :

Code : Tout sélectionner

td.noborder {border:0}
Dans mon [/color]fichier PHP, je mets :

Code : Tout sélectionner

<td class="noborder">blablabla</td>
[/color]

Re: bordure tableau invisible dans un tableau border color

par bsharpen » 19 mars 2012, 18:15

salut , pas sur d'avoir tout compris !!!!

tu peux styler les bordures de tes td en css :

Code : Tout sélectionner

td { border: 0 }
pour styler certaines bordures:

Code : Tout sélectionner

td.noborder {border:0} //<td class="noborder">fiat lux</td>
a voir:http://fr.selfhtml.org/css/proprietes/tableaux.htm
je te conseille tout de même de styler tes tableaux CSS (maintenance, lisibilité...)
:D
a+

bordure tableau invisible dans un tableau border color

par elvea-indil » 19 mars 2012, 00:47

Bonsoir à tous,

Par avance je m'excuse si ma question a déjà été posée. J'ai recherché sur votre forum, mais n'ai pas trouvé de réponse à cette question :

Comment insérer des lignes avec une bordure invisible à un tableau qui contient une bordure de 1 pixel coloré en noir ?
Voici le fameux tableau que je tente en vain de modifier : Cliquer ici
Et voici maintenant le code du tableau

Code : Tout sélectionner

<table border="1" cellpadding="5" cellspacing="0" bordercolor="#000000" width="600" class="tabcenter"> <tr> <td bgcolor="#ffbe7e" align="center" width="426"><b>Produits</b></td> <td bgcolor="#ffbe7e" align="center" width="68"><b>Catalogue</b></td> <td bgcolor="#ffbe7e" align="center" width="68"><b>Poids</b></td> </tr> <tr> <td align="left">Catalogue complet - Gamme INOX</td> <td align="center" valign="center"><a href="../ici/pdf/ICI-Inox-complet.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"></a></td> <td align="center">2,34 Mo</td> </tr> <tr> <td align="left"> Catalogue complet - Embouts &agrave; rotules (Acier et Inox)</td> <td align="center" valign="center"><a href="../ici/pdf/ICI-Embout-rotule-complet.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"></a></td> <td align="center">495 Ko</td> </tr> <tr> <td align="left">Roulements &agrave; billes Inox (S&eacute;ries 1200, 2200, 3200, 6000, 51000, UC / SB)</td> <td align="center" ><a href="../ici/pdf/ICI-Roulement-Inox.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"></a></td> <td align="center"> 374 Ko</td> </tr> <tr> <td align="left">Circlips Inox (Din 471 - Din 472)</td> <td align="center"><a href="../ici/pdf/ICI-Circlips-Inox.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"></a></td> <td align="center">158 Ko</td> </tr> <tr> <td align="left">Palier auto-aligneurs<br><br> <ul><li>En r&eacute;sine alimentaire (blanc) avec Etanch&eacute;it&eacute; renforc&eacute;e</li> <li>Test d'&eacute;tanch&eacute;it&eacute; paliers r&eacute;sine avec Etanch&eacute;it&eacute; renforc&eacute;e</li> <li>En r&eacute;sine alimentaire (blanc), avec capot &agrave; griffes standard</li> <li>Tout inox</li></ul></td> <td align="center"><br /><br /><a href="../ici/pdf/ICI-Palier-PBT-etancheite-renforcee.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-Test-etancheite.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br> <a href="../ici/pdf/ICI-Palier-PBT-standard.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-Palier-tout-Inox.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a></td> <td align="center"><br /><br /> 1,40 Mo<br> 185 Ko<br> 1,39 Mo<br> 397 Ko</td> </tr> <tr> <td align="left">Nettoyant / D&eacute;graissant bio-d&eacute;gradable TECO<br><br> <ul><li>Pr&eacute;sentation du produit</li> <li>Manuel d'instruction</li> <li>Fiche de donn&eacute;es de s&eacute;curit&eacute;s (FDS)</li> <li>Test 1 : TECO 1/3 dans un atelier de m&eacute;canique</li> <li>Test 2 : TECO 1/3 &agrave; l'int&eacute;rieur d'un four</li> <li>Test 3 : TECO 1/5 sur jantes, sur grille de barbecue, sur moquette</li></ul></td> <td align="center"><br /><a href="../ici/pdf/ICI-TECO-presentation.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-TECO-Manuel.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br> <a href="../ici/pdf/ICI-TECO-FDS.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-TECO-Test-Atelier-mecanique.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br> <a href="../ici/pdf/ICI-TECO-Test-Four.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-TECO-Test-jantes-Barbecue-Moquette.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a></td> <td align="center"><br />231.Ko<br /> 236 Ko<br> 26 Ko<br> 678 Ko<br> 788 Ko<br> 1,37 Mo</td> </tr> <tr> <td align="left">Transmission m&eacute;canique<br> <ul><li>Chaine</li> <li>Pignons, roues disques</li></ul></td> <td align="center"> <br> <a href="../ici/pdf/ICI-chaine.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a><br><a href="../ici/pdf/ICI-pignon-roue-disque.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"> </a></td> <td align="center"><br/ >3,27 Mo<br> 908 Ko<br></td> </tr> <tr> <td align="left">Ressorts &agrave; gaz</td> <td align="center"><a href="../ici/pdf/ICI-Ressort-gaz.pdf" target="_blank"><img src="images/photos/catalogue/pdf.gif" width="40" height="15" border="0"></a></td> <td align="center">127 Ko</td> </tr> </table>

Je souhaiterai créer des lignes imaginaires pour que le descriptif du catalogue soit correctement alignée à l'image "PDF", et ce, quelques soit les réglages utilisateurs des navigateurs.
Pour être tout à fait précise, les 4 premières lignes du tableau resteraient inchangées.
En revanche, les lignes 5, 6 et 7 inclueraient ces fameuses lignes imaginaires.

Par exemple, dans la case "Palier auto-aligneurs" dont la bordure est noire, il y aurait 5 lignes dont les bordures seraient invisible (ligne 1 "Palier auto-aligneurs" ; Ligne 2 "En résine alimentaire (blanc) avec Etanchéité renforcée" ; Ligne 3 "Test d'étanchéité" ; Ligne 4 "En résine alimentaire (blanc), avec capot à griffes standard" et Ligne 5 : "Tout inox").
Du coup, dans la case où il y a les petites icônes PDF, ce serait la même chose, et le l'image serait à la même hauteur que le texte. Pareil pour la case poids.
On garderait donc 1 cellule visible (avec le border =1 en noir), et il y aurait 5 cellules invisibles.

Je crois que je ne peux pas faire plus explicite ! lol !

Est ce que vous pourriez m'aider s'il vous plait ? Les tableaux c'est vraiment ma hantise, et je dois avouer que pour ce problème, je suis dans une impasse...

Merci beaucoup par avance !