| Author |
Firefox and Opera ignoring table borders?
|
|
|
| I had someone ask me for help on this but I didn't know the answer so I
thought I would come here. =)
This is the code:
<TABLE style="BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=60 cellPadding=4
width="90%" style="border: 6pt solid #698555" align=center>
Works fine in IE as I viewed it myself. However in Firefox and Opera the 6pt
solid border doesn't show up...?
all thoughts welcome.
Heidi
| |
| Chaddy2222 2007-03-20, 7:20 pm |
| On Mar 21, 12:18 am, "Heidi" <blackc...@XXXXXXXXXX> wrote:
> I had someone ask me for help on this but I didn't know the answer so I
> thought I would come here. =)
>
> This is the code:
> <TABLE style="BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=60 cellPadding=4
> width="90%" style="border: 6pt solid #698555" align=center>
>
> Works fine in IE as I viewed it myself. However in Firefox and Opera the 6pt
> solid border doesn't show up...?
>
> all thoughts welcome.
>
> Heidi
Hmm, maybe change the PT too PX and see what happens.
--
Regards Chad. http://freewebdesign.cjb.cc
| |
| GreyWyvern 2007-03-20, 7:20 pm |
| And lo, Heidi didst speak in alt.www.webmaster:
> I had someone ask me for help on this but I didn't know the answer so =
I
> thought I would come here. =3D)
>
> This is the code:
> <TABLE style=3D"BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=3D60 cellPad=
ding=3D4
> width=3D"90%" style=3D"border: 6pt solid #698555" align=3Dcenter>
>
> Works fine in IE as I viewed it myself. However in Firefox and Opera t=
he =
> 6pt solid border doesn't show up...?
>
> all thoughts welcome.
Hi Heidi,
Duplicate attributes are not legal in SGML - and thus HTML. The various=
=
error handling routines of different browsers may display just one of th=
e =
styles, both or none; unpredictably. Your "someone" needs to group the =
=
styles into the same attribute, or move them to an external stylesheet.
<TABLE style=3D"BACKGROUND-IMAGE: url(2.jpg);border: 6pt solid #698555" =
=
cellSpacing=3D60 cellPadding=3D4 width=3D"90%" align=3Dcenter>
While you're at it, you can tell them to switch to using all lowercase f=
or =
element names and attributes, replace the align=3Dcenter with margin:0px=
=
auto;, replace the cellpadding=3D4 with table tr td { padding:4px; } and=
=
quote all attribute values. For a start, anyway :)
Grey
-- =
The technical axiom that nothing is impossible sinisterly implies the =
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/orca#search - Orca Search: Full-featured =
spider and site-search engine
| |
|
| Chaddy2222 wrote:
: Hmm, maybe change the PT too PX and see what happens.
Tried that on the local copy I saved to my computer.
It didn't seem to make a difference. Still no border in firefox or opera but
still shows the border in IE.
Thanks for the suggestion. =)
Heidi
| |
|
| Heidi wrote:
: I had someone ask me for help on this but I didn't know the answer so
: I thought I would come here. =)
:
: This is the code:
: <TABLE style="BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=60
: cellPadding=4 width="90%" style="border: 6pt solid #698555" align=center>
:
: Works fine in IE as I viewed it myself. However in Firefox and Opera
: the 6pt solid border doesn't show up...?
:
: all thoughts welcome.
:
: Heidi
Took some trial and error but I fixed it so now the border appears in IE,
Firefox, and Opera:
<TABLE style="border: 6px solid #698555" background="2.jpg" cellSpacing="60"
cellPadding="4" width="90%" align="center">
Also it didn't matter if it was 6pt solid or 6px solid. The only difference
was that 6pt seems bigger than 6px to me in my browsers(all three of them).
It didn't have any effect on it showing up or not in any of the three
browsers.
Thanks for the help all. =) Now we are both happy and yes I told my
'someone' I had to get help. LOL. Far be it for me to take all the credit.
=)
Heidi
| |
| Chaddy2222 2007-03-20, 11:18 pm |
| On Mar 21, 11:08 am, "Heidi" <blackc...@XXXXXXXXXX> wrote:
> Heidi wrote:
>
> : I had someone ask me for help on this but I didn't know the answer so
> : I thought I would come here. =)
> :
> : This is the code:
> : <TABLE style="BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=60
> : cellPadding=4 width="90%" style="border: 6pt solid #698555" align=center>
> :
> : Works fine in IE as I viewed it myself. However in Firefox and Opera
> : the 6pt solid border doesn't show up...?
> :
> : all thoughts welcome.
> :
> : Heidi
>
> Took some trial and error but I fixed it so now the border appears in IE,
> Firefox, and Opera:
> <TABLE style="border: 6px solid #698555" background="2.jpg" cellSpacing="60"
> cellPadding="4" width="90%" align="center">
>
> Also it didn't matter if it was 6pt solid or 6px solid. The only difference
> was that 6pt seems bigger than 6px to me in my browsers(all three of them).
> It didn't have any effect on it showing up or not in any of the three
> browsers.
>
> Thanks for the help all. =) Now we are both happy and yes I told my
> 'someone' I had to get help. LOL. Far be it for me to take all the credit.
> =)
>
> Heidi
I think you will find that Grey's suggestion / advice wwould have been
more on the money, as far as I know though your not allowed to double
up on atributes in XHTML and or XML eather.
--
Regards Chad. http://freewebdesign.cjb.cc
| |
| Toby A Inkster 2007-03-21, 7:21 pm |
| Heidi wrote:
> <TABLE style="BACKGROUND-IMAGE: url(2.jpg)" cellSpacing=60 cellPadding=4
> width="90%" style="border: 6pt solid #698555" align=center>
<table style="background-image: url(2.jpg); border: 6pt solid #698555;
margin: auto; width: 90%;" cellspacing="60" cellpadding="4">
--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Geek of ~ HTML/SQL/Perl/PHP/Python*/Apache/Linux
* = I'm getting there!
| |
| Alfred Molon 2007-03-21, 7:22 pm |
| In article <op.tphqx8nhsl6xfd@news.nas.net>, spam@greywyvern.com says...
> Duplicate attributes are not legal in SGML - and thus HTML. The various
> error handling routines of different browsers may display just one of the
> styles, both or none; unpredictably. Your "someone" needs to group the
> styles into the same attribute, or move them to an external stylesheet.
>
>
> <TABLE style="BACKGROUND-IMAGE: url(2.jpg);border: 6pt solid #698555"
> cellSpacing=60 cellPadding=4 width="90%" align=center>
That was my impression too - separate style statements in a TABLE
declaration look weird.
But I'm a bit surprised that a professional who designs sites for a
living would not notice that, while for me, an amateur who never
received an HTML training and only learned HTML because otherwise the
site would not work, this looks obvious.
--
Alfred Molon
http://www.molon.de - Photos of Asia, Africa and Europe
| |
| Heidi 2007-03-26, 11:20 pm |
| Alfred Molon wrote:
:: <TABLE style="BACKGROUND-IMAGE: url(2.jpg);border: 6pt solid #698555"
:: cellSpacing=60 cellPadding=4 width="90%" align=center>
:
: That was my impression too - separate style statements in a TABLE
: declaration look weird.
:
: But I'm a bit surprised that a professional who designs sites for a
: living would not notice that, while for me, an amateur who never
: received an HTML training and only learned HTML because otherwise the
: site would not work, this looks obvious.
: Alfred Molon
: http://www.molon.de - Photos of Asia, Africa and Europe
Who is the professional? I never said the original writer of the code in
question was a professional. :p ;)
Just someone who asked me for help... =D
Heidi
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |