CSS - How do I make inner borders show in my table?

3 ⤊

CSS - How do I make inner borders show in my table?

Here is the code I have so far, but the inner borders do not appear. Please help.

.dates {
background-color: #f2ebcc;
border-color: #d9c266;
border-style: solid;
border-width: thin;
}

2007-02-12 04:20:17 · 6 answers · asked by Anonymous in Computers & Internet ➔ Programming & Design

6 answers

if this is your table:

blah	blah
blah	blah

your css should be:
.dates {
background-color: #f2ebcc;
}
.dates td {
border: #d9c266 solid 1px;
}

2007-02-12 04:33:54 · answer #1 · answered by javier 2 · 2⤊ 1⤋

Css Inner Border

2016-12-11 17:18:06 · answer #2 · answered by Anonymous · 0⤊ 0⤋

Css Border Inside

2016-09-28 05:58:46 · answer #3 · answered by bitter 4 · 0⤊ 0⤋

CSS does not support differentiation between inner or outer borders - it is simply 'border', and depending on the browser is calculated to be inside or outside the bounds of the element.

If you want to have an inner and outer border around an element, such as an entire table, then you need to use a wrapper element, such as:

.wrapper {border:solid 1px #FF0000;}
.dates {border:solid 1px #00FF00;}

If you are trying to get a border around the table and then a different border around the cells, just use:

.dates {border:solid 1px #FF0000;}
.dates td {border:solid 1px #00FF00;}

You can also use the border-collapse:collapse property to have adjacent cells share a single border.

2007-02-12 04:33:42 · answer #4 · answered by Rex M 6 · 1⤊ 0⤋

It depends on, to what you are applying the "dates" class. requires very specific instructions! You'd do better to set td { border ... whatever } instead of going to the trouble of coding each td as

Or, so you don't set *all* td's in your whole website, identify that specific table, as table id="fred" then place for example
table#fred td { border... and then in the html

...

2007-02-12 04:29:35 · answer #5 · answered by fjpoblam 7 · 0⤊ 2⤋

Try border-width: 1px; I normally do not use the "thin", "thick", etc. when using CSS.

2007-02-12 04:23:52 · answer #6 · answered by Anonymous · 0⤊ 3⤋

fedest.com, questions and answers