Solid table border colour?

Hi,
I am trying to create tables with a solid border colour.
I have tried using CSS but I still get a grey shadow.
This is the website URL and it is the News and Membership tables that I am trying to give a solid colour to.
It looks fine in the design view but does not work when viewed in a browser?
http://www.highburyminiaturedonkeys.co.uk/
Any advise please.
Thank you

.border {
    border-top-color: #FC3;
    border-right-color: #FC3;
    border-bottom-color: #FC3;
    border-left-color: #FC3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
That rule would certainly style any element with a class of 'border'. But it won't happen magically. And it won't happen at all unless you also supply the border-type styles, e.g., solid, inset, dashed etc.

Similar Messages

Fine solid black border for table-cell

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

Hi!
I'm facing the following problem. I'd like to have a tableview where cells have a fine! black (not grey) border. The result should look like a typical Excel-Spreadsheet.
When entering this in the css Stylesheet:
.table-view {
    -fx-background-color: white;
    -fx-border-color: black;
    -fx-border-width: 0.8px;
.table-cell {
    -fx-background-color: white;
    -fx-text-fill: black;
    -fx-border-color: black;
    -fx-border-width: 0.1px;
    -fx-border-style: solid;
The border of the tablecells get grey are still are to width. How could I get my excel-like grid? When increading changing the width (i.e. to 0.5) the line gets "more black") but unfortunately also too wide.
Thanks in advance,
Michael

Table Border Colors Not Corresponding to CSS

Having an issue with tables not displaying their designated border colors. I think something is over-riding in CSS, but don't know how. Here is the page. I've assigned it a new class w/background-color, but it's not showing up - - just transparent borders. Thoughts?
.table{
display:inline;
border-color:#000000}

seanmc81 wrote:
That worked for the border, thanks. Although I'm trying to get each cell outlined in #000000 as well. Would i assign something like
border-right-color: 1px solid #000000;
border-left-color: 1px solid #000000}
as well?
.table {
border-collapse: collapse;
.table td {
border: 1px solid #000;

Table border colors & Firefox/Safari

I've noticed that when I set a table border color (using the
Property Inspector), the color displays only in IE. Firefox and
Safari do not display the border color like IE does. Why is this?
How do I work around this--CSS?

"csbridges" <[email protected]> wrote in
message
news:eushlq$5q7$[email protected]..
> Yeah, that's what I thought. Thanks.
>
> Any idea, though, why FF doesn't recognize the HTML
table border-color?
> Seems odd that it wouldn't recognize this.
Firefox recognises:
.table {border: 1px solid #black}
black being the border color.... so not sure why you say that
it doesn't
recognise it :)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html

Border colours

I have a table that has one row along the top - but
underneath the banner (the banner isn't included in the table),
with the nav bar in it and one row along the bottom with the
copyright line in it.
Between the two lines there are two columns.
I started off making a table, fixing the borders at 0, but
got spaces between all the cells.
So I then made the whole table one colour and then
individually coloured the other cells the various colours that I
wanted, but that just made the borders/outlines of the cells that
same colour as the main background colour of the table.
I am sure it is something simple, so please help me out
here.

> The 'margin' bit means there are no gaps between the
cells.
That's incorrect. The margin in your rule would refer to the
margin of the
TABLE, not the cells (a cell cannot have a margin). In fact,
CSS has no
analogous style for cellspacing. It does have
"border-spacing" which would
do the same thing sorta, but it's not widely enough supported
(as far as I
know) to be safe as a reliable style.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"bruce_code"
<bwwcodebwwcode@@optusnetoptusnet..comcom..auau> wrote in
message news:[email protected]...
>> I have a table that has one row along the top - but
underneath the banner
>> (the
>> banner isn't included in the table), with the nav
bar in it and one row
>> along
>> the bottom with the copyright line in it.
>> Between the two lines there are two columns.
>>
>> I started off making a table, fixing the borders at
0, but got spaces
>> between
>> all the cells.
>> So I then made the whole table one colour and then
individually coloured
>> the
>> other cells the various colours that I wanted, but
that just made the
>> borders/outlines of the cells that same colour as
the main background
>> colour of
>> the table.
>>
>> I am sure it is something simple, so please help me
out here.
>
> I'll give you three options:
> 1) If you want to do this the most modern and currently
accepted way to do
> it, then you don't use a table at all, but you use
<div>s for your page
> layout. Since I doubt that you want to recreate your
page I'll just leave
> that without explaining more about it.
> 2) If you want to use a table, the next best, modern way
to do it is with
> CSS (Cascading Style Sheets). You'd have something like:
> <style>
> table, tr, td, th, tbody {
> margin: 0;
> padding: 2px;
> border: 0;
> }
> </style>
> This would need to be inserted just before the
</head> closing. The
> 'margin' bit means there are no gaps between the cells.
The 'padding' bit
> (could also be 0 if you want no padding INSIDE each
cell, but that looks
> ugly IMO) adds some space inside each cell so that stuff
doesn't butt
> right up against the adjoining cell. The 'border'
removes any cell and
> table borders.
> 3) Rough and ready basic old version is to do:
> <table cellpadding="0" cellspacing="0" border="0">
>
> It has been ages since I did a new table, so if I have
missed something or
> messed something up will someone else please correct me?
>
> Regards,
>
> Bruce
>
>

Table Border not Showing

Hi there - for some reason a page on my site is not
displaying the right table border. All the other pages are working
fine. When I delete all of the testimonials (the content for the
page in question), then the border shows. I deleted the
testomonials one-by-one from the bottom up hoping I could learn
which testimonials has the issue. There must be a character that is
throwing it off. Any help would be appreciated.
Jon
Click here
to see that page

Hi Jon,
Would you try changing the padding in your Tableborder CSS
from 25p to 23px?
.tableBorders {
border: 1px solid #A3D165;
padding: 23px;
Please let me know if that fixes it.
I've been playing with this issue for a little while now.
It's very odd, and
only appears to happen in IE7.It doesn't happen in FF.
It's a very strange issue. Perhaps an IE bug.
I discovered removing the <em> tag fixed it. Not a good
solution.
I tried to use CSS instead of the <em> tag, same
trouble.
I put the <em> tag back in and experimented some more
to find a better
solution.
I discovered I was able to make the right border re-appear in
IE7 by
removing 1 character from certain lines of text, or by making
the padding in
the table cell 2px smaller once I finished adding all the
text.
It appears this problem starts if you have an empty table
cell with padding
and type in multiple lines of text in design view, allowing
the lines to
autowrap as you type (no <br> or new <p> tags).
If one of those lines goes
full width, where a word ends precisely at the beginning of
the right
padding and then you add an EM tag, the border disappears in
IE7.
It's almost as if tilting the letters right with the
<em> tag (or CSS)when
there are precisely the maximum number of characters
permitted in that width
causes IE7 to lose the right border to accomodate the added
space of the
tilt.
Removing just 1 character or reducing the padding by 2px
after brings the
border back.
Very odd.
Take care,
Tim
"Jon G" <[email protected]> wrote in message
news:[email protected]...
> Hi there - for some reason a page on my site is not
displaying the right
> table
> border. All the other pages are working fine. When I
delete all of the
> testimonials (the content for the page in question),
then the border
> shows. I
> deleted the testomonials one-by-one from the bottom up
hoping I could
> learn
> which testimonials has the issue. There must be a
character that is
> throwing
> it off. Any help would be appreciated.
>
> Jon
>
>
http://www.avenuebdesign.com/rtc/testimonials.htm
>

Table Border Size

When using a table you can make the border 1 or more Is there
a way to make it thinner than one
THXS Steve

Don't use the HTML attribute for border at all. Use CSS -
table { border: 1px solid black; }
That will outline the whole table and the cells within....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Stevan" <[email protected]> wrote in message
news:fppia6$ii1$[email protected]..
> When using a table you can make the border 1 or more Is
there a way to
> make it thinner than one
>
> THXS Steve

Table border is not over-riding cell formatting

I'm using InDesign CS4. I've created a table and styled it with a Table Style which uses several cell styles. I have specified a table border in Table Setup, but it does not appear on my table. It maintains the formatting in the cells. "Preserve Local Formatting" is grayed out, so I cannot select or deselect it. The only way to get the border to show up is to manually apply a stroke using the Stroke palette. I do not want to use this solution. I want it to work in the Table Style.
A similar problem was posted but not answered here: http://livedocs.adobe.com/en_US/InDesign/5.0/help.html?content=WSa285fff53dea4f86173837510 01ea8cb3f-6fbf.html
Please help!

Here is a useful bit of info from the InDesign CS4 online help:
Formatting precedence in styles
If a conflict occurs in formatting applied to a table cell, the following order of precedence determines which formatting is used:
Cell style precedence
1. Header/Footer 2. Left column/Right column 3. Body rows. For example, if a cell appears in both the header and the left column, the formatting from the header cell style is used.
Table style precedence
1. Cell overrides 2. Cell style 3. Cell styles applied from a table style 4. Table overrides 5. Table styles. For example, if you apply one fill using the Cell Options dialog box and another fill using the cell style, the fill from the Cell Options dialog box is used.
Mike Witherell in Maryland

Table border thickness in PDF

Hi All,
I have developed a report which contains multiple tables. The table borders are
rendered with different weights(thickness) in PDF output. In the RTF output the table
border is of the same thickness. In PDF, this issue is also found the cell border also.
Please let me know if there is an option to avoid this.
Thanks in advance,
Sandesh

Hi Sandesh,
Does the output still look incorrect once the report has been printed. Something else to consider is if you are using nested tables, and both the inner and outer tables have a border set, in the PDF the lines will double up, but it will look fine in an RTF.
If this is the case, then the solution is to take the border off either the inner or outer table.
I hope this helps.
Regards,
Cj

Record list: add table border

Using the generator preference "Record list: add table border". I have a problem getting this to work on a single module. The module will not get a border regardless of the setting (Yes/No).
On a different module in the same application system the preference does work.
What could be the problem?

I think what is being asked is "How do I expose a database view as a schema table in Configuration Manager?"
This is accomplished by creating a database view within the WCC database schema (and with the WCC schema user as the view owner). The view then will appear as a table in the "table" tab in Configuration Manager.
One caveat in 11g is that the user created by RCU does not have any privileges to read/create views in its own schema. You may need to grant privileges to views for the WCC schema user before this will work.

Table row colour loading problem

Hi,
Thanks for your time.
I want to display table row colour dynamically based on table data.
Am able to achieve it partially as below,when I scroll the table the loaded colour dissappears.
I use the below code:-
template: new sap.ui.commons.TextView().bindProperty("text","objectivecategory",function(category){
if(category=="Operational"){
backgroundColor='#fff2cb';
backgroundColorClass ="operationColor"
else if(category=="Strategic"){
backgroundColor='#e8f5fe';
}else{
backgroundColor='#ecf6c1';
           cellId = this.getId();
           //alert("cellId"+cellId);
           $("#"+cellId).parent().parent().parent().css("background-color",backgroundColor);

Hi Velu
Here is an example
Hope this answer your question.
-D

Table border color?

In GoLive CS, my GoLive Help no longer works with Snow Leopard. So I'm posting here to ask how to make a table border a color, or is it black only? I've checked the Color box next to the Border field and selected a color, but the border stays black. Thanks.

The color in the Inspector is for the table background, not the border.
You may want to explore CSS table borders.
If you are set on a non-CSS approach, nest one table within another with one row, one column. Color the outside table's background and set the inside table to have some cell spacing.

FF not showing table border style

I have a webpage with css table border style dotted. It shows up in IE but there is just a line around the table in FF. Is there a way to make it show up? Many thanks.
table.mytable {
border-width: 6px;
padding: 15px;
border-style: dotted;
border-color: #88aa96;}

You need that } after background-color:#e8e5da;
By removing it you introduced another error:
<blockquote>Warning: Expected declaration but found '.'. Skipped to next declaration.
Source File: http://www.cbrundage.net/cleeve/nature.htm
Line: 33
</blockquote>
<pre><nowiki>table.mytable {
border-width: 6px;
padding: 15px;
border-style: dotted;
border-color: #88aa96;
background-color:#e8e5da; /* missing } /*
.back td{background-color:#e8e5da;
</nowiki></pre>
Instead of background-size you probably mean background-position:
<blockquote>Warning: Unknown property 'background-size'. Declaration dropped.
Source File: http://www.cbrundage.net/cleeve/nature.htm
Line: 15</blockquote>
<pre><nowiki>background-attachment:fixed; background-size: 100% 100%;
</nowiki></pre>

Dot-Matrix table border print

Dear gurus,
I want my output to print on Dot-Matrix printer,
Everything is fine till i try to print a table with outline in it.
I mean if i use a outline or a border for my table the whole table is displayed as a big black window.
Now if i don't use the border or outline then the whole data of the table is printed without the border.
Please help me to solve the issue.
Regards,
Roshan Lilaram.

Can you try to print in a different printer, if the error persists then the problem is in the smartform, otherwise raise a note to SAP regarding this. I think that there is problem is with the page format in which u are taking the printout.
OR
Can you check if you have selected the framed border in the table border select pattern.
Hope That Helps
Anirban M.

Is anyone else having table border rendering problems in Firefox 3.6.7 for Mac?

I recently applied a Mac Firefox update (not sure which one, but I'm currently on 3.6.7) that introduced some strange table border rendering behaviors. Long story short, on certain pages that I visit regularly, the right-most table borders are now rendering erratically. The problem does not occur in Safari or Chrome on Mac, nor does it occur in IE or Firefox on Windows. Seems specific to Mac Firefox.
To reproduce, using Firefox 3.6.7 on Mac, browse to the following URL:
http://www.relativityreport.com/?page_id=963
...and note the erratic rendering of the right-most table cells on the page (you may need to scroll down to the bottom-most table to see the problem...but not always). They should be gray, but often appear blank (not necessarily all at once). Refresh the page a few times and note how the missing borders randomly appear and disappear. Now click your browser's back button. When the previous page has loaded, click the forward button to return to the affected URL. Note now how all cells render correctly.
Thanks!

I am also getting a similar error. When I increase the border width to 2px or more it becomes sort of eroded.I am using windows 7 firefox 4. Borders seem fine in all other major browsers including IE9.
[http://year3.masterspokerleague.com/index.php?option=com_poker&view=overall&season_id=2 Example] http://year3.masterspokerleague.com/index.php?option=com_poker&view=overall&season_id=2
Any ideas?

Solid table border colour?

Similar Messages

Maybe you are looking for