CSS border question?

[ATLien]

I wanted to know how to do a css border that would be 1 pixel wide and is #A1A1A1. All the way around. when I used this code, it apeared messed up:
[code:1:25181e7e80]<table width="736" border="1" style="border: solid #A1A1A1 border-width: 1" bgcolor="#ffffff" cellpadding="0" cellspacing="0">[/code:1:25181e7e80]

I also tryed thin in the width, but was still messed up.
Thanks in advanced!!

[Jazzee]

Use this:

[code:1:1087b9f3b8]<table width="736" border="0" style="border: 1px solid #A1A1A1" bgcolor="#ffffff" cellpadding="0" cellspacing="0">[/code:1:1087b9f3b8]

[SN3]

do you need to put a ; after the 1"?

[Jazzee]

Not sure if you have to, but just in case:

[code:1:674aedea69]<table width="736" border="0" style="border: 1px solid #A1A1A1;" bgcolor="#ffffff" cellpadding="0" cellspacing="0">[/code:1:674aedea69]

[Distorted]

do you need to put a ; after the 1"?

You don't have to if it's the last thing that you have in that selector.

For example, you do have to put one at the end of the font-family definition here:

[code:1:09c89b642f]
.annoying {font-family: arial; color: 00ff00;}
[/code:1:09c89b642f]

But you don't have to put one after the background definition in the following example:

[code:1:09c89b642f]
body {background: #ffffff}
[/code:1:09c89b642f]

Although, it is a good idea to put a semi-colon after everything incase you decide to add onto it, since it's really easy to forget to add it when you put more stuff in there.

Sorry, I'm bored.

[ATLien]

Originally Posted by Jazzee

Use this:

[code:1:15b71fd5fa]<table width="736" border="0" style="border: 1px solid #A1A1A1" bgcolor="#ffffff" cellpadding="0" cellspacing="0">[/code:1:15b71fd5fa]

nope, thats for the help, but didn't work.

[Jazzee]

That has to work. That is the code. Works for me

[Distorted]

Try it with an embedded style sheet like this:

[code:1:cccad6d51e]
<style type="text/css">
table {
border: 1px solid #A1A1A1;
}
</style>
[/code:1:cccad6d51e]

And, if you're trying to make a border around the table AND the cells in the table then add this to the style above:

[code:1:cccad6d51e]
td {
border: 1px solid #A1A1A1;
margin: -1px 0 0 -1px;
}
[/code:1:cccad6d51e]

The margins keep the border from doubling up.

[ATLien]

I fixed it, I embedded it in CSS as a class, then I had to delete the border=1 from the table.

[LazyJim]

"I had to delete the border=1 from the table"
that was probably the bit that did it

[Distorted]

I thought that it was already taken out when I posted, since he had border="0", so I thought that the inline style was the problem.

[Jazzee]

Originally Posted by Distorted

I thought that it was already taken out when I posted, since he had border="0", so I thought that the inline style was the problem.

I had border="0". He had border="1".

[Distorted]

Oh, I see.