CSS - Table background-color - Firefox !

  • Thread starter lovely_angel_for_you
  • Start date
L

lovely_angel_for_you

Hi,

I have following link. By visitng first in IE, and then in Firefox, you
would get to know my issue.

http://lovely.angel.for.you.googlepages.com/test.htm
http://www.geocities.com/lovely_angel_for_you/test.htm

To explain in simple terms, the CSS code that I am using is not
providing the colors to Table backgrounds.

And assistance on that will be greatly appreciated.

I am also sending the link, just in case the link doesnt work.

Waiting for the assistance on the same.

Best Wishes
Lovely

*****Code For CSS Starts*****

BODY {background: #3787AF}
..tablemain
{
background-color=#FFF4E6;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana;
TEXT-ALIGN: center;
}
..tablecenter
{
background-color=#FFFFFF;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana;
TEXT-ALIGN: center;

}
*****Code For CSS Ends*****

*****Code For HTML Starts*****

<html>

<head>
<link href="test.css" rel="stylesheet" type="text/css">

<title>CSS Test Page</title>
</head>

<body>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" valign="top" align="center">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="750"
class="tablemain">
<tr>
<td width="138" valign="top" align="center">TABLE
MAIN</td>
<td width="484" valign="top" align="center">
TABLE MAIN
</td>
<td width="122" valign="top" align="center">TABLE
MAIN</td>
</tr>
<tr>
<td width="138" valign="top" align="center">
<p>TABLE MAIN&nbsp;</p>
<p>l</p>
<p>l</p>
<p>l</p>
<p>l</td>
<td width="484" valign="top" align="center">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0"
width="484" class="tablecenter">
<tr>
<td valign="top" align="center">TABLE CENTER
<p>IS&nbsp;</p>
<p>PLACE IN MIDDLE COLUMN</p>
<p>OF</p>
<p>TABLE MAIN</p>
<p>k</p>
<p>k</p>
<p>k</p>
<p>k</p>
<p>k</p>
<p>k</td>
</tr>
</table>
</div>
</td>
<td width="122" valign="top" align="center">TABLE
MAIN</td>
</tr>
<tr>
<td width="138" valign="top" align="center">TABLE
MAIN</td>
<td width="484" valign="top" align="center">
TABLE MAIN
</td>
<td width="122" valign="top" align="center">TABLE
MAIN</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</center>
</div>

</body>

</html>

*****Code For HTML Ends*****
 
A

Adrienne Boswell

Gazing into my crystal ball I observed (e-mail address removed)
writing in
Hi,

I have following link. By visitng first in IE, and then in Firefox, you
would get to know my issue.

http://lovely.angel.for.you.googlepages.com/test.htm
http://www.geocities.com/lovely_angel_for_you/test.htm
Click to expand...

Have you validated the markup? said:
To explain in simple terms, the CSS code that I am using is not
providing the colors to Table backgrounds.

And assistance on that will be greatly appreciated.

I am also sending the link, just in case the link doesnt work.

Waiting for the assistance on the same.

Best Wishes
Lovely

*****Code For CSS Starts*****

BODY {background: #3787AF}
.tablemain
{
background-color=#FFF4E6;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana;
TEXT-ALIGN: center;
}
.tablecenter
{
background-color=#FFFFFF;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana;
TEXT-ALIGN: center;

}
*****Code For CSS Ends*****
Click to expand...

1. It is better to use percentages for font sizes. Font sizes expressed
in fixed units cannot be resized, so px, pt, etc., are not good choices.
Better yet, forget font size altogether, and use relative sizes for
headings and legalese, eg:
h1 {font-size:130%}
..legalese {font-size:80%}

2. Always include a generic fall back font for font-family, eg. verdana,
sans-serif. That way, users who do not have verdana should still get a
sans serif font.
*****Code For HTML Starts*****
Click to expand...

Normally, I would snip this malarky, but, I'm in a generous mood, so I'm
going to comment this fully.
<html>

<head>
<link href="test.css" rel="stylesheet" type="text/css">

<title>CSS Test Page</title>
</head>

<body>

<div align="center">
Click to expand...

The align attribute for the div element is deprecated - use CSS instead.
<center>
Click to expand...

The center element is deprecated - use CSS instead.
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" valign="top" align="center">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="750"
class="tablemain">
Click to expand...

Ah O - nesting tables, not a good idea. Tables should be used for
tabular data, not for positioning and presentation of elements.

<the rest is snipped>

I think you may be looking for a three column layout. Google for "css 3
column layout" (with or without the quotes), there are lots of methods.
 
L

lovely_angel_for_you

Thanks for replying back.

I always love the genorisity, you gotta believe me on that.

Now there was an honest mistake that happened on my side. May be I did
re-read the thread before posting.

I already have something running on those parameters, changing the
entire pages and re-designing them will not be possible for me.

What basically I was looking was table background-colors only, with
page background.

BODY {background: #3787AF}
..tablemain
{
background-color=#FFF4E6;
}
..tablecenter
{
background-color=#FFFFFF;
}

My mistake didnt think of firefox, when creating these pages around 3
years ago. Now the number of pages have increased and recreating them
is difficult for me. So when someone asked to check in firefox, I did
some corrective measures at that time, but the solution is not there.

And now issue is:
Page need a separate background {BODY}
- > Table with three columns need a different background {tablemain}
- - - > And table within that will have change in background color as
well. {tablecenter}

Now I need the solution for that.

I will be checking the validator as well, http://validator.w3.org/

Waiting for reply.

Best Wishes
Lovely
 
L

lovely_angel_for_you

Got the solution right by, "Andrew Gillett" (quoting him without his
permission)

Try changing

background-color=#FFF4E6;


to


background-color:#FFF4E6;
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to have two html audio players on one page? 0
Image shifts to the right when export the page to pdf 4
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
SendGrid email issue in responsive Gmail 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Help with Visual Lightbox: Scripts 2
Can anyone please help? HTML - two tables applying different styles 4
Nested Loop Insert Page Break 1

Members online

No members online now.
Total: 44 (members: 0, guests: 44)
Robots: 459

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,055
Latest member
SlimSparkKetoACVReview

Latest Threads

Top