473,888 Members | 1,635 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Table Borders

In my <http://www.rossde.com/inflation.html> , I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning. The table borders appear to
my browser (Mozilla) as raised with a slight shadow to the right
and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?
--

David E. Ross
<http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <http://www.mozilla.org/>.
Jul 20 '05 #1
4 5517
"David Ross" <no****@nowhere .not> wrote in message
news:40******** *******@nowhere .not...
In my <http://www.rossde.com/inflation.html> , I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning. The table borders appear to
my browser (Mozilla) as raised with a slight shadow to the right
and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?


Your border attribute is missing a value.
My suggestion: write valid code and use a validator.

Regards,
Peter Foti
Jul 20 '05 #2
DU
David Ross wrote:
In my <http://www.rossde.com/inflation.html> , I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning.
Bad. It is in your best interests (and in you visitors' interests) to
use a doctype declaration which will trigger standards compliant
rendering mode in browers (MSIE 6, Mozilla, Opera 7) so that the
layout/rendering is/will be the most consistent across W3C web standards
compliant browsers.

The table borders appear to my browser (Mozilla) as raised with a slight shadow
that's border-style: outset if I'm not wrong

to the right and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.

If I add a DOCTYPE statement to the page, the borders disappear.
I am almost 100% sure there is a bugfile on this. It's about attribute
minimization: I clearly remember that there is a bug on attribute
minimization... not sure if border also mentioned/included in it. Can
you try with
<table border="2" ...>

There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet.
Any suggestions?


Nr 1 suggestion and solution: use a doctype with strict DTD, validate
your HTML 4.01 markup code and validate your CSS markup code. Just doing
that will eliminate 99% of browser quirks assuming your webpage is not
too complex. For more complex page, such suggestion will still eliminate
80%-90% of browser quirks in recent browsers.

List of Mozilla Quirks Mode Behavior
http://www.mozilla.org/docs/web-deve...quirklist.html

List of valid DTDs you can use in your document.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Activating the Right Layout Mode Using the Doctype Declaration
http://www.hut.fi/u/hsivonen/doctype.html

Mozilla Web Author FAQ
What are the Quirks mode and the Standards mode?
http://www.mozilla.org/docs/web-developer/faq.html

W3C Quality Assurance tutorial
My Web site is standard! And yours?
http://www.w3.org/QA/2002/04/Web-Quality

DOCTYPEs that will trigger standards compliant behavior in Opera 7, IE6
for Windows, and Netscape 7
http://www.opera.com/docs/specs/doctype/

DU
Jul 20 '05 #3
"Peter Foti" <pe***@Idontwan tnostinkingemai lfromyou.com> wrote:
Your border attribute is missing a value.
My suggestion: write valid code and use a validator.


Technically, <table border> is valid HTML, but it means
<table frame="border"> . See the HTML spec for details.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #4
DU
DU wrote:
David Ross wrote:
In my <http://www.rossde.com/inflation.html> , I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning.

Bad. It is in your best interests (and in you visitors' interests) to
use a doctype declaration which will trigger standards compliant
rendering mode in browers (MSIE 6, Mozilla, Opera 7) so that the
layout/rendering is/will be the most consistent across W3C web standards
compliant browsers.

The table borders appear to
my browser (Mozilla) as raised with a slight shadow

that's border-style: outset if I'm not wrong

to the right
and below. The borders are specified with the "border" attribute
in the <table> tag:
<table border cellpadding=2 width="100%">
and not via a style sheet.
If I add a DOCTYPE statement to the page, the borders disappear.

I am almost 100% sure there is a bugfile on this. It's about attribute
minimization: I clearly remember that there is a bug on attribute
minimization... not sure if border also mentioned/included in it.

Got it!

Bug 46805: minimized attributes not supported
http://bugzilla.mozilla.org/show_bug.cgi?id=46805

This testcase with <table border ...> works for me while using Mozilla 1.6:
http://bugzilla.mozilla.org/attachme...68&action=view

DU
Can you try with
<table border="2" ...>

There are various ways to make them reappear, but I can't
replicate the appearance. I want to do this via a style sheet. Any
suggestions?


Nr 1 suggestion and solution: use a doctype with strict DTD, validate
your HTML 4.01 markup code and validate your CSS markup code. Just doing
that will eliminate 99% of browser quirks assuming your webpage is not
too complex. For more complex page, such suggestion will still eliminate
80%-90% of browser quirks in recent browsers.

List of Mozilla Quirks Mode Behavior
http://www.mozilla.org/docs/web-deve...quirklist.html

List of valid DTDs you can use in your document.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Activating the Right Layout Mode Using the Doctype Declaration
http://www.hut.fi/u/hsivonen/doctype.html

Mozilla Web Author FAQ
What are the Quirks mode and the Standards mode?
http://www.mozilla.org/docs/web-developer/faq.html

W3C Quality Assurance tutorial
My Web site is standard! And yours?
http://www.w3.org/QA/2002/04/Web-Quality

DOCTYPEs that will trigger standards compliant behavior in Opera 7, IE6
for Windows, and Netscape 7
http://www.opera.com/docs/specs/doctype/

DU

Jul 20 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

61
24542
by: Toby Austin | last post by:
I'm trying to replace <table>s with <div>s as much as possible. However, I can't figure out how to do the following… <table> <tr> <td valign="top" width="100%">some data that will 'stretch'</td> <td valign="top" width="300">some data that won't 'stetch'</td> </tr> </table>
12
39132
by: Rick DeBay | last post by:
I'm trying to create a layout table, where the spacing between rows varies. I've tried using setting margin-top and border-top for the rows I wan't spaced down from the one above, and I've also tried setting it on all of the cells of that row. This hasn't worked, so I was wondering if anyone knew how it could be done. Thanks, Rick DeBay
7
41745
by: Bob Bedford | last post by:
I've an image in a cell of a table. I've this CSS: ..dbtable{ width: 600px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-collapse: collapse; border: 1px solid #000000;
1
2601
by: sam | last post by:
Hi, I want to use style on the grids of table. Currently it use default style of the html table, in which the grid size appeared very thick. How can I change the "thick" style of the default table to "slim"? Thanks Sam
11
3589
by: Norman L. DeForest | last post by:
Am I misunderstanding the CSS specifications or is Firefox (version 1.0.6) (and Opera) doing the wrong thing? It appears that Firefox 1.0.6 includes the border in width calculations for tables but not in height calculations. Oh, and Opera version 8.02 does the same thing. |<-->| |<-->| <------ border |<------------>| <------ table contents
16
3255
by: Barbara de Zoete | last post by:
Here's what I'm trying to do: Create a table with generic style property . Have a few table cells in the thead that 'have to' melt into eachother, so needing the style . Looking somthing like: ,------------.------------. | | header |
10
11078
by: phil-news-nospam | last post by:
I have a table with 3 columns in 1 row. I want to increase the spacing _between_ the columns (gutter) _without_ increasing the spacing between those columns and the table itself. Is there a way to do that in CSS without having to code in extra dummy columns in HTML to create gutters? -- ----------------------------------------------------------------------------- | Phil Howard KA9WGN | http://linuxhomepage.com/ ...
0
1609
by: LStewart | last post by:
Hi Guys, I am having some trouble with some tables. What I want to do is make it so that the table prints out on paper with the table borders. The borders are there on the web page in the browser but when you print onto paper, if the table goes over one page, it only prints borders on the first page. Can anyone help me please? I'd really appreciate it, I'm a student on industrial placement. Cheers, Laura
5
3054
by: sitko | last post by:
Hi, I'm done a little HTML here and there over the years...but nothing professionally. Now I'm working on a project which calls for some simple HTML. Here is my markup, for the life of me I can't figure out why the chart borders aren't showing up. <html><body> <table border=”1”> <tr> <td>Measurement locations</td><td>Description</td><td>elapsed time, </td><td>Data: Dock A (AFF) </td><td>Model: min. T_mix</td><td>Model: ...
0
9959
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
11176
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10772
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
10434
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9593
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
7144
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5812
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
6012
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
4241
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.