Encadrement d'un tableau

darkos
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 19 Oct 2005

Encadrement d'un tableau

Message le Jeu Aoû 24, 2006 12:19

Je cherche un moyen d'effectuer un encadrement de couleur sur une ligne de tableau comportant plusieurs colonnes.
Un peu comme sur ebay avec les options payantes d'encadrement dans les listes de produits.
Donc l'encadrement doit s'effectuer sur la balise TR même avec une class ou une propriété style pas moyen.
J'avoue avoir un peu de mal.
Est-ce quelqu'un a une solution, css ou code simple html.
merci.

Albert1
WRInaute impliqué
WRInaute impliqué
 
Messages: 935
Inscription: 23 Aoû 2005

Message le Jeu Aoû 24, 2006 12:29

"Encadrement d'un tableau"
c'est pas un salon d'antiquaires ici !
on est pas au musée non plus...

je crois que tu t'es trompé de forum :roll:

darkos
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 19 Oct 2005

Message le Jeu Aoû 24, 2006 12:40

Je ne pense pas:

Ce forum couvre les thèmes suivants : conception d'un site web, normes du W3C (HTML, et dérivés, feuilles de styles CSS, etc.), langages de programmation (PHP, ASP, JavaScript, etc.), bases de données, scripts, outils de développement.
...


narayana
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Jeu Aoû 24, 2006 12:41

tr{
border:1px solid black;
}

darkos
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 19 Oct 2005

Message le Jeu Aoû 24, 2006 12:50

Merci.
Mais ça ne fonctionne pas sur une balise tr sur td pas de problème.

Voici l'exemple simple testé:
<STYLE TYPE="text/css"><!--
.test {
border:1px solid black;
}
--></STYLE>

<body>
<table width=200 border=0>
<tr class=test>
<td>
aaaaaaaaaa
</td>
</tr>
</table>
</body>
</html>

ayant plusieurs colonnes j'obtiens pas l'effet désiré


narayana
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Jeu Aoû 24, 2006 13:04

darkos a écrit:Merci.
Mais ça ne fonctionne pas sur une balise tr sur td pas de problème.

Voici l'exemple simple testé:
<STYLE TYPE="text/css"><!--
.test {
border:1px solid black;
}
--></STYLE>

<body>
<table width=200 border=0>
<tr class=test>
<td>
aaaaaaaaaa
</td>
</tr>
</table>
</body>
</html>

ayant plusieurs colonnes j'obtiens pas l'effet désiré


Bizarre en effet.
Est-ce que cela fonctionne : <tr style="background-color:#E7E7E7;">

Moi je vois pas trop ce que tu souhaites faire, donc pas évident de trouver la solution :?

darkos
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 19 Oct 2005

Message le Jeu Aoû 24, 2006 13:09

Oui la propriété background fonctionne.
En fait c'est pas très compliqué juste une présentation comme

+http://moto-scooter.listings.ebay.fr/Motos-de-plus-de-125cm3_W0QQfromZR4QQsacatZ16897QQsocmdZListingItemList

voir un fin de page (produit Yamaha VMAX 1996 kilométrage peu élevé )

avec un encadré pour mettre en avant un produit. dans leur page ça semble être fait dans class avec un tr ?


narayana
WRInaute impliqué
WRInaute impliqué
 
Messages: 835
Inscription: 28 Jan 2005

Message le Jeu Aoû 24, 2006 13:50

Voilà la solution suivant ebay
tr.ebHl1 { background-color:#e6ccff; }
tr.ebHl1 td { border-color:#fff;border-style:solid; }

darkos
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 19 Oct 2005

Message le Jeu Aoû 24, 2006 14:29

Grand merci :wink:

<STYLE TYPE="text/css"><!--
tr.encadre td { border-color:#000000;border-style:solid;}
--></STYLE>

<body>
<table width=200>
<tr class=encadre>
<td>
aaaaaaaaaa
</td>
</tr>
</table>
</body>


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités