CSS Question

Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane

Try applying a style that you define to do that to just the <TR> tag. ----- Excess quoted text cut - see Original Post for more -----

> Try applying a style that you define to do that to just the <TR> tag. Actually, i don't believe the <tr> will accept a border attribute (i've never gotten it to, anyway).  I usually just put the appropriate borders around my <td>s, making sure there is a cellspacing="0" attribute on the table to make sure there are no breaks in the border. Eg: <table cellspacing="0" cellpadding="3"> <tr>     <td style="border-left:1px #000000 solid; border-top:1px #000000 solid; border-bottom:1px #000000 solid;">           foo     </td>     <td style="border-top:1px #000000 solid; border-bottom:1px #000000 solid;">           foo     </td>     <td style="border-right:1px #000000 solid; border-top:1px #000000 solid; border-bottom:1px #000000 solid;">           foo     </td> </tr> </table> hth, charlie ----- Excess quoted text cut - see Original Post for more -----

It will accept a border; there tends to be an issue with it working in NS4, however. HTH, Russ ----- Excess quoted text cut - see Original Post for more -----

if you apply a style sheet and redefin the <tr> tag it will adjust all tr tags. you can do a <tr style="border: thin #CCCCCC"> it's the property : decoration color - You can also add more attributes by seperating them with a ; hope this helps jay miller Russ wrote: Try applying a style that you define to do that to just the <TR> tag.    <mailto:duane@cfexperts.com> ] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane     

I'm trying to do this via javascript but no go, any suggestions? <tr onMouseOver="this.style.border='1px solid black';" onMouseOut="this.style.border='0px';"> Duane if you apply a style sheet and redefin the <tr> tag it will adjust all tr tags. you can do a <tr style="border: thin #CCCCCC"> it's the property : decoration color - You can also add more attributes by seperating them with a ; hope this helps jay miller Russ wrote: Try applying a style that you define to do that to just the <TR> tag. <mailto:duane@cfexperts.com> ] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane

are you trying to make the table row change on mouseover? I have a great lil trick for that the top navigation menu on www.dreamlofts-webdesigns.com is done that way Dave ----- Excess quoted text cut - see Original Post for more -----

> I'm looking for a style sheet that will let me put a border around just one > row in a table. > Has anyone here done this before? If so how? Try: tr.border {border: 1px solid Black;} with this HTML: <tr class="border"><td>Table row</td></tr> HTH, Gyrus gyrus@rooted.freeuk.com work: http://www.tengai.co.uk play: http://norlonto.net PGP key available

granted i do things pretty weird but try this: below is a stylesheet, pretty self explanatory what I do is make the table then click anywhere inside the table and add the class. let me know if this is confusing and I will send u an example <!--- .::. begin stylesheet .::. ---> .main { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; } .borderedROWleft { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; background-color: #CCCCCC; border-top: 1px solid #666666; border-right: 1px none #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; } .borderedROWmiddle { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; background-color: #CCCCCC; border-top: 1px solid #666666; border-right: 1px none #666666; border-bottom: 1px solid #666666; border-left: 1px none #666666; } .borderedROWright { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; background-color: #CCCCCC; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px none #666666; } .rowNOborder { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; background-color: #ebebe2; border: 0px none; } <!--- .::. end stylesheet .::. ---> Dave > Hi All, > > I'm looking for a style sheet that will let me put a border around just one > row in a table. > Has anyone here done this before? If so how? > > TIA, > Duane