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

Similar Messages

HTML Editor Table border colors, JavaScript Integration

Hi,
i have two questions regarding the HTML Editor in KM:
1) How can I change the border color from tables?
I have tried to change it with the adjustment from Tables
in Theme Editor, but nothing happens.
2) Can I add JavaScript Coding in HTML-Editor?
For example to create icons with navigation (back, home)
or print function.
Thanks in advance
Sascha

Hi Sascha,
You might be using the HTML Editor in KM for a particular KM Document right?
Anyways, regarding question 1 you can change the border color of a html table using the bordercolor attribute e.g. bordercolor = "red"
Regarding question 2, Yes you can add javascript code to your html; but please use the Text editor; its reliable in these matters.
Regards,
Prem.
SAP GDC.

How to change table border color in DW CS6

I need to know how to change the color of the border around my tables in Dreamweaver CS6. I saw a article on how to change it on http://forums.adobe.com/message/4451812, but i really couldnt follow because im just starting out using dreamweaver and i dont know anything about code. Is there a simple way to change the border color or can you give me a basic step process on how to change the border color in the code?

Just an FYI, nobody uses Table-based layouts anymore. It's much better to use CSS for layouts. Only use tables for tabular data like spreadsheets and charts.
Dreamweaver has a bunch of pre-built CSS Layouts for you to use as starter pages. Just go to File > New > Blank page > HTML. Pick a layout from the 3rd panel and hit Create button. See screenshot below.
Nancy O.

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 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.

Nasty border in firefox

Hi. I having trouble with a table border in firefox.
The page color is f9f9f9 and each column in the table has a
background color of f5f5f5 with a 2pix border of f9f9f9 so it
should appear as though the white colums sit on the background with
a 2 pix division between them. It displays correctly in Safari and
IE, but Firefox puts a nasty black border around the table and
columns. Any advice in how to get rid of this would be much
appreciated. Can't picture it? Have a look at
http://primophotos.com
Thanks for any help

On Fri, 21 Dec 2007 01:52:22 +0000 (UTC), "Silas Hansen"
<[email protected]> wrote:
>Hi. I having trouble with a table border in firefox.
>
> The page color is f5f5f5 and each column in the table
has a background color
>of ffffff with a 2pix border of f5f5f5 so it should
appear as though the white
>colums sit on the background with a 2 pix division
between them. It displays
>correctly in Safari and IE, but Firefox puts a nasty
black border around the
>table and columns. Any advice in how to get rid of this
would be much
>appreciated. Can't picture it? Have a look at
http://primophotos.com
>
> Thanks for any help.
> Thanks.
Firstly - html coding is wrong - immediately after the body
tag you
have a <tr> and <td> with no <table> before
the <tr>
maybe more -
http://validator.w3.org/check?uri=http%3A%2F%2Fprimophotos.com%2F&charset=%28detect+automa tically%29&doctype=Inline&ss=1&group=0&verbose=1#line-97
secondly as described - use css to do all the styling of the
table.
the bordercolor="#F5F5F5" html is not valid html it is
proprietary to
Internet Explorer.
You would also be strongly advised to move all your css code
out of
individual pages and into external style sheets - and give
the styles
usable names - or maintenance is going to be a nightmare.
~Malcolm N....
~

Border Color in CS5 - Gone?

I just installed CS5. What happened to the color picker for table border color. I see the background color picker but no border color picker? Is there somewhere in preferences or something to find this? If not, is there an extension that can be added?
Thanks

The border-color attribute is not a part of HTML and has never been, even though some early browsers chose to support it. DW is now very focused on writing valid HTML in your pages, hence its removal. As Ken suggests, the proper way to style any element's borders is to use CSS.

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?

Page looks funny in IE, looks fine in Chrome, Firefox, Safari

Hi Everyone,
Any advice would be greatly appreciated. This page looks fine in Firefox, Safari, and Chrome, but the formatting gets screwed up in Internet Exploder. Since I'm on a mac, checking is rather difficult for me. Aside from fixes to the code to get this to display properly, does anyone have any advice as to how to check stuff in IE from a mac, aside from 1) buying a PC or 2) asking PC friends to take screen shots? Here's the link:
http://www.sarahegeller.com/suggested.html
Thanks,
Nick

Ok, that is weird. It seems to only be altering IE 8. I did a screenshot test of IE 7 and looked at it in 9 and it doesn't seem to be affected.
I had run your page through the validator before and only came up with unnecessary code for tracing and missing alt tags. Here is the block of code that first seems to be affected:
<td valign="top" class="style9"><span class="style12">Astor Piazzolla (Arg.)<br />
Alberto Ginastera (Arg.)<br />
Camargo Guarnieri (Brazil)<br />
Juan Orrego-Salas (Chile)<br />
Paquito D’Rivera (Cuba)<br />
Joaquín Nin (Cuba)<br />
Carlos Chavez (Mex.)<br />
<br />
Manuel Ponce (Mex.)<br />
<br />
Silvestre Revueltas (Mex.) <br />
Ricardo Lorenz (Venezuela)<br />
Manuel de Falla (Spain)/ Arr. Kochanski<br />
Xavier Montsalvatge (Spain)</span></td>
I then look at "class='style9'" and "class="style12" right after that:
.style12 {     font-size: 8pt;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 12pt;
     background-color: #FFFFFF;
     color: #000000;
     font-weight: normal;
.style9 {font-size: 9pt;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bolder;
     color: #0099FF;
     text-align: right;
This tells me that you are not very familiar with code because DW created 2 classes named "style#". As you can see, both classes are defined, and both want different things, one is 9pt the other 8, one is normal font-weight, the other is bold, but both are defined on the same element. I see a pattern of this throughout your page which leads to apdivs that don't seem to have a purpose and a long line of <br /> tags to insert line breaks and create spacing instead of using margins and padding. Most here will argue that while DW is a great tool, a knowledge of HTML & CSS will always be better. Overall, I don't see any need for anything more complex than 3 styles; one for blue header, one for bold header and one for body text. Then insert your header 1, header 2, body text, and then put the following content inside table and repeat.
Based on what is there, in order to solve the problem efficiently, I would recommend starting at your template file (assuming you are using one, if not you should look at it for this type of layout). Then re-layout the body content on the page with the template in tact using the suggestions above. I would also recommend giving the below tutorial a quick read through in case some of the CSS comments I made did not make sense.
http://w3schools.com/css/

Border Trouble - Firefox

I change the borders of my site to a deep red from the
default color, and in the design it changes correctly, but in the
preview, and on the actual site, it remains the default color when
using Firefox. IE displays it fine.
Is there any reason for this anyone knows of?

The drinks are on Gary - he nailed it :-)
You are using the following to give a border to the table.
bordercolor="#990000
which doesn't show up in standard compliant browsers.
You need to set the border colors via css.
You need to give the table an ID and then define the border
color that way.
eg: CSS:
#maintable {border: 1px solid #990000}
and in your code, give the table the ID of maintable.
Couple of ways to do this here:
http://www.dreamweaverresources.com/tutorials/tableborder.htm
Also, you shouldn't be using a height attribute, it won't
work when you are
using a full and valid doctype.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
"Gary White" <[email protected]> wrote in message
news:[email protected]..
> On Sat, 25 Aug 2007 16:22:50 +1000, ": Nadia : ** Adobe
Community Expert
> **" <[email protected]> wrote:
>
>>Are you using a full doctype in the code? Maybe IE is
working because
>>it's
>>in quirks mode (don't know until the page is seen).
Have you cleared the
>>browser cache in Firefox in case it's seeing the
older page....
>
> My money's on using IE proprietary bordercolor
attribute. ;-)

Gridview Border color issue in IE10

Hi,
I am facing an issue in IE10(Version: 10.0.9200.17116, Update Versions: 10.0.21 (KB2987107)).
when I try to render a grid view, the borders of the cell are not in proper color.
The grid view is applied black border for cells and text color of grid cell is Red and Yellow on alternate row. But the border color of the grid view cell gets mixed with the text color inside the cell and applied black border.
You can see my post on (http[:]//forums[dot]asp[dot]net/t/2024404.aspx)
Please let me know a suitable solution for the issue.
Regards,
Salman

Hi,
I noticed that you're using IE10(Version: 10.0.9200.17116, Update Versions: 10.0.21 (KB2987107)).As Robear mentioned in the first reply, we recommend to install the latest update KB 3008923 for IE to have a best performance.
Have you checked the application code with F12 developer tool, then change the user agent string below Internet Explorer 10 as a test?
I've checked the link you posted in the asp.net forum, seems you're trying to delelop a web application in IE, I'm not a developer, but I found some useful links
some guys recommend css instead of html and others point a direction of tables inheritance
http://stackoverflow.com/questions/16803844/border-colours-in-ie10-incorrect-all-other-browsers-ok
https://social.msdn.microsoft.com/forums/ie/en-us/c3797399-3571-48e8-8d09-b771a9665109/ie10-incompatible-on-table-border-design
NOTE
This
response contains a reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you.
Microsoft
does not control these sites and has not tested any software or information found on these sites.
Yolanda Zhu
TechNet Community Support

Ratpoison border color

Well, I dabbled in openbox and fluxbox for a while, but have switched back to ratpoison 'cos despite its flaws, its mouseless charm is lovable
Anyway, although I haven't changed my ratpoisonrc from before, my border around urxvt is now white instead of black, and I don't know why... the border is black around firefox, as desired, but the border is either white or transparent around urxvt.
The Xdefaults options I have affecting urxvt are:
*foreground: #B0B0B0
! Green
!*background: #202f37
!*background: #20372f
! Brown
!*background: #372f20
! Blue
!*background: #101520
!*background: #151825
*background: #232b42
! Black + DarkGrey
*color0: #000000
*color8: #666666
! DarkRed + Red
*color1: #b45151
*color9: #fe8686
! DarkGreen + Green
*color2: #aece92
*color10: #97fa97
! DarkYellow + Yellow
*color3: Khaki3
*color11: #efe58b
! DarkBlue + Blue
*color4: #2797d8
*color12: #86cdea
! DarkMangenta + Mangenta
*color5: #aa6eaf
*color13: #cb96ce
!DarkCyan + Cyan
*color6: #418179
*color14: #71bebe
! LightGrey + White
*color7: #bebebe
*color15: #ffffff
*saveLines: 32767
*scrollTtyKeypress:true
*scrollTtyOutput: false
*scrollBar: false
*internalBorder: 20
urxvt*loginShell: true
urxvt*termName: rxvt-unicode
urxvt*inheritPixmap: true
urxvt*shading: 40
urxvt*font: xft:Bitstream Vera Sans Mono:pixelsize=11
urxvt*tintColor: #405070
Even when I get rid of the most likely culprits - *inheritPixmap, *shading, *tintColor and *internalBorder, the border still remains invisible.
So my main problem is getting the border back around urxvt
Also though, is it possible to change the border color in ratpoison? I spent hours customising my .rc for it, and never found an option to alter the border color...
I wouldn't even be bothered about having a border tbh, but urxvt won't sit right up against the screen edges, despite ratpoison's padding being 0. It won't even work when urxvt's *externalBorder: 0 is set in Xdefaults.

Komodo wrote:at least you can usually track down the cause of every problem you find, since you're sufficiently knowledgeable.
Very OT:
When it comes to schooling, I have a degree in Computer Engineering. That is, basically an Electrical Engineering degree, with low level programming (I can recall using 7 different assembly flavors, along with C and C++, not to mention design languages such as Verilog and VHDL, plus matlab). Most people in the field that I actually work in are Computer Scientists. Now, the difference when it comes to knowledge usually isn't that great. People know how to code fairly well. However, when it comes to methodology, I feel that the engineering disciplines are superior.
Most engineering training, from a general standpoint, is all about diagnosis of an issue. A lot of time is spent dealing with design from a *generic* point of view. It may be "design a bridge for this ravine" or "design a 128bit ALU" or "design an algorithm that computes the number of LEDs lit up". In most engineering disciplines, this methodology is the same. You go about it the same way.
When it comes to Computer Science, it seems the methodology is left out, and people tend to come into the "real world" with this understanding that there is no general way to do something. You design using UML and Use Cases and that's it.
It's the same when it comes to 'fixing' something. Fixing a problem is really just re-designing the original solution (the original solution was a 'fix' for something anyway, wasn't it?). I find myself to have very good skills when it comes to diagnosing issues, and am usually pretty quick about it. That said, there is knowledge of the task at hand involved - I know, from a generic overview, how window managers work (hell, I've written a few mini ones just to get a feel for it), and thus can 're-design' the color handling fairly easilly.
I wish Computer Science would grasp the methodologies used in the engineering disciplines... it pays alot.

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>

HTML table border

is there a way to change the border color of a table to match the background color of the table? something besides white. thanks.

I still can't get the inside border to match. here is my code:
<html>
<body>
     <table width="760px" border="1" bordercolor="#99CCFF" bordercolorlight="#99CCFF" bordercolordark="#99CCFF" cellpadding="0" cellspacing="0">
          <tr bgcolor="#6699FF">
               <td width="40px"></td>
               <td colspan="3"><font size="+2">Optics</td>
               <td></td>
          </tr>
          <tr bgcolor="#99CCFF">
               <td width="40px"></td>
               <td width="600px"> </td>
               <td width="150px"valign="top">
                    no inputs for Optics at this time.
               </td>
               <td width="40" bgcolor="#99CCFF"> </td>
          </tr>
     </table>
</body>
</html>
there is a small, white, outline on the left of my table. i tried setting the border to "0" but the line is still there. Maybe there is a way to increase the cellpadding on only the far left and right so i wouldn't need the extra columns?

Spry Select Firefoxs/Safari

Hi All,
Need help, the below spry select widget is not passing the
select elements value after selection in Firefox and Safari... It
works fine on IE and just realized its not working in
Firefox/Safari...
So this isn't a obvious spry functioning problem, the spry
works fine... But rather the select element and it's value is not
being passed when the form is submitted.
When the user selects a state it then loads a dataset to
select a town... Below is the State select form element.
<span id="spry_Search_State" spry:region="StatesXML">
<label>
<select name="Search_State" id="Search_State"
onchange="document.frm_Search.Seach_Town.disabled = false;
document.getElementById('Seach_Town').style.background = '#FFFFFF';
document.getElementById('Search_Title').style.color = '#000000';
StatesXML.setCurrentRowNumber(this.selectedIndex); "
spry:repeatchildren="StatesXML" class="forminput">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{url}" selected="selected">{name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{url}">{name}</option>
</select>
</label>
</span>

It's hard to diagnose your problem if we can't see your
setup. As an alternative, I whipped up this simple form, and it
seems to work just fine. Does it work for you?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Spry Submit Test</title>
<script type="text/javascript"
src="SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="SpryAssets/SpryData.js"></script>
<script type="text/javascript">
var StatesXML = new Spry.Data.XMLDataSet("states.xml",
"/states/state");
</script>
</head>
<body>
<form action="foo.html">
<span id="spry_Search_State" spry:region="StatesXML">
<label>
<select name="Search_State" id="Search_State"
onchange="StatesXML.setCurrentRowNumber(this.selectedIndex);"
spry:repeatchildren="StatesXML" class="forminput">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{url}" selected="selected">{name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{url}">{name}</option>
</select>
</label>
</span><input name="myTF" type="text"
value="myTFValue" />
<input name="" type="submit" value="submit" />
</form>
</body>
</html>
--== Kin ==--

Table border colors & Firefox/Safari

Similar Messages

Maybe you are looking for