HmmZ 0 Report post Posted March 3, 2005 Hey guys,I have a question (duh!)I want tables in my navigation to have a border, but instead of a plain border i want to give the table border a special look (gradient for example), is this possible? if so, how would I do that<table border="" width="150" height="250" valign="top"> Share this post Link to post Share on other sites
bjrn 0 Report post Posted March 3, 2005 I want tables in my navigation to have a border, but instead of a plain border i want to give the table border a special look (gradient for example), is this possible? if so, how would I do thatI'm not sure you can give borders gradient colouring. You could try adding 1 pixel margins to your navigation items and setting a gradient background on the navigation menu. I'm not sure if you can do that using tables though. I'm not totally sure I've understood what you want to have. Do you want a border between the menu items or just around the whole navbar? Share this post Link to post Share on other sites
beeseven 0 Report post Posted March 3, 2005 <table border="#" style="border-style: STYLE_HERE;" width="150" height="250" valign="top">Replace STYLE_HERE with one of these:nonehiddendotteddashedsoliddoublegrooveridgeinsetoutsetYou can also put multiple:one - all four the sameone two - top and bottom one, left and right twoone two three - top is one, left and right are two, bottom is threeone two three four - top is one, right is two, bottom is three, left is four Share this post Link to post Share on other sites
beeseven 0 Report post Posted March 3, 2005 Sorry for the double post, but the edit button ran away. You can also add border-color to the style like this:<table border="#" style="border-style: STYLE_HERE; border-color: COLOR_HERE;" width="150" height="250" valign="top">The border color HAS to be after the border style or else it won't work. Multiple colors work in the same order as multiple styles, and you can use color names (ex: red green), hex values (ex: #FF0000 #00FF00), or rgb [ex: rgb(255,0,0) rgb(0,255,0)]. Share this post Link to post Share on other sites
HmmZ 0 Report post Posted March 4, 2005 Thanks for the big help beeseven, I got the border-color and the most part of the borderstyle, but what exactly do you mean by multiple, it must be me, but i get confused by what you mean hehe.Yea, the edit button got scared off :DHey by the way, it's not possible to use multiple colors as border-color right? because you said (red green), just a fast question cause i thought that's not a possibility, if so, you just exampled 2 colors Share this post Link to post Share on other sites
bjrn 0 Report post Posted March 4, 2005 Hey by the way, it's not possible to use multiple colors as border-color right? because you said (red green), just a fast question cause i thought that's not a possibility, if so, you just exampled 2 colors If you added border-color: red green;you'd probably get a red border on the top and bottom and green on the sides.I think what beeseven meant with multiple is that you can write shorthand for any box model things. So if you have border-style: dotted;all borders will be dotted. If you writeborder-style: solid dotted;the top and bottom borders will be solid, the ones on the side will be dotted. If you writeborder-style: solid dotted dashed;top will be solid, sides will be dotted and bottom will be dashed.You can also style borders like so:border: 1px #000 solid;which will give you a one pixel solid black border around the thing you defined the border for. Share this post Link to post Share on other sites
alexia 0 Report post Posted March 5, 2005 tables in html has son of preview tableyou can make css file for style and use itif u know css lanyou can make table bordar with frontpage (its easy)for example ::Big Border :: <table cellpadding="0" cellspacing="0" width="210" border="1"> <!-- MSTableType="layout" --> <tr> <td height="87"> </td> </tr></table> andthin border ::<table cellpadding="0" cellspacing="0" border="0" width="210" height="87"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="87" width="210"> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"> <!-- MSCellFormattingTableID="1" --> <tr> <td bgcolor="#000000" colspan="3" height="1"> <img alt="" width="1" height="1" src="fpweb:///MsSpacer.gif"></td> </tr> <tr> <td bgcolor="#000000" width="1"> <img alt="" width="1" height="1" src="fpweb:///MsSpacer.gif"></td> <td valign="top" width="100%"> <!-- MSCellFormattingType="content" --> </td> <td bgcolor="#000000" height="100%" width="1"> <img alt="" width="1" height="1" src="fpweb:///MsSpacer.gif"></td> </tr> <tr> <td bgcolor="#000000" colspan="3" height="1"> <img alt="" width="1" height="1" src="fpweb:///MsSpacer.gif"></td> </tr> </table> </td> </tr></table> Share this post Link to post Share on other sites
snlildude87 0 Report post Posted March 10, 2005 I'm not sure if there is a constant to make a gradient border. What I'd do if I were in this situation is draw a table in Photoshop, then slice up your table to make menus. Share this post Link to post Share on other sites
nickmealey 0 Report post Posted March 15, 2005 I often like to borders as images. I simply set two rows on either side and set them to rowspan="whatever". And set the background as my image. Share this post Link to post Share on other sites