Source Code - rounding corners on a table

  Stiperstones 19:16 15 Mar 2007
Locked

I have limited knowledge of code and I am picking it up as I go along. Can anyone help me with rounding corners (all four) on a table please? Just the lightest rounding would be useful. I'd also like to fade the orange colour down to white (top to bottom) if anyone can help there too (making the text black). The source code I've got already is:

td valign="top" width="25%">  /td>
       
table style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellspacing="0" cellpadding="0" border="1">
tbody>
tr style="HEIGHT: 12pt; page-break-inside: avoid">
td style="BORDER-RIGHT: rgb(237,115,19) 1pt solid; PADDING-RIGHT: 1.4pt; BORDER-TOP: rgb(237,115,19) 1pt solid; PADDING-LEFT: 2.85pt; BACKGROUND: rgb(237,115,19) 0% 50%; PADDING-BOTTOM: 1.4pt; BORDER-LEFT: rgb(237,115,19) 1pt solid; PADDING-TOP: 0cm; BORDER-BOTTOM: rgb(237,115,19) 1pt solid; HEIGHT: 12pt" width="140">
div style="LINE-HEIGHT: 12pt"> font face="Verdana"> strong> span style="FONT-SIZE: 8pt; COLOR: white">You are Logged-In /span> /strong> /font> /div>
/td>
/tr>
tr>
td style="BORDER-RIGHT: rgb(237,115,19) 1pt solid; PADDING-RIGHT: 0cm; BORDER-TOP: rgb(236,233,216); PADDING-LEFT: 1.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: rgb(237,115,19) 1pt solid; PADDING-TOP: 2.85pt; BORDER-BOTTOM: rgb(237,115,19) 1pt solid; BACKGROUND-COLOR: transparent" valign="top" width="140">
div> span style="FONT-SIZE: 8pt"> font face="Verdana" color="#000000"> /font> /span> /div>
p> span style="FONT-SIZE: 8pt; COLOR: rgb(51,51,51); LINE-HEIGHT: 150%; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif"> /span> strong>  /strong> /p>
p> img height="1" alt="" width="144" border="0" src="/custom/Image/trans.gif" /> /p>
/td>
/tr>
/tbody>
/table>


Mike

  Eric10 22:09 15 Mar 2007

As far as I know you need to use images of the corners to do this. For suggestions click here and click here

  Stiperstones 22:40 15 Mar 2007

Thanks Eric10. I'll give that a go - I especially appreciate the timesaving links that you provided.

If anyone comes up with an easier solution...


Mike

  PurplePenny 22:51 15 Mar 2007

Here's one that uses pure CSS:
click here
Play with the colours and the code will appear. I haven't studied it so I don't know how it is done.

  Stiperstones 10:05 17 Mar 2007

Thanks all. Purplepenny, I can't see where the CSS or HTML code fits into my code. Can you help?


Mike

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

OnePlus 5 review

Alice Saey's mesmerising animation for Dutch singer Mark Lotterman

iPad Pro 10.5in (2017) review

Comment booster votre iPhone ?