Jump to content
xisto Community
Sign in to follow this  
HmmZ

Table Borders

Recommended Posts

Hey guys,I have a question (duh!:D)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

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

I'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

<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

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

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 :D

Share this post


Link to post
Share on other sites

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 :D

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 write
border-style: solid dotted;
the top and bottom borders will be solid, the ones on the side will be dotted. If you write
border-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

tables in html has son of preview table
you can make css file for style and use it
if u know css lan
you 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>

and

thin 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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.