| View Question |
|
|
,
2 Comments
) | ||
|
| Subject:
CSS (style sheets) issues with Firefox that seem to be a non issue with IE6
Category: Computers > Internet Asked by: cw20034-ga List Price: $15.00 |
Posted:
19 Jun 2006 09:06 PDT
Expires: 19 Jul 2006 09:06 PDT Question ID: 739352 |
If I were to use just HTML tags:
<body style= vlink="#e4e4e4" alink="#e4e4e4" link="#e4e4e4" bgcolor="#2a6fb0">
<font style="COLOR: #e4e4e4" face="Comic Sans MS" size="4">
Everything looks fine when browsing, IE, Firefox, and Safari.
When I try my very simple style sheet:
-------------------------------------------------------------------
body {background-color:#2a6fb0}
a:link {color:"#e4e4e4"}
a:visited {color:"#e4e4e4"}
a:hover {color:"#123321"}
a:active {color:"745438"}
h1
{color:"#e4e4e4";font-family:comic sans ms; font-size:30pt}
h2
{color:"#e4e4e4";font-family:comic sans ms; font-size:18pt}
h3
{color:"#e4e4e4";font-family:comic sans ms; font-size:12pt}
h4
{color:"#e4e4e4";font-family:comic sans ms; font-size:10pt}
h5
{color:"#e4e4e4";font-family:comic sans ms; font-size:8pt}
------------------------------------------------------------------------------
and using:
<link rel="stylesheet" type="text/css"
href="thinn.css">
Where thinn.css is the style sheet I am using.
Firefox seems to read only the <h1>-<h4> font and not the color
It also sees the body background color.
------------------------------------------------------------------------------
Here is the HTML code:
<head>
<link rel="stylesheet" type="text/css"
href="thinn.css">
<title>Some Bed and Breakfast</title>
</head>
<body>
<center><h1>Welcome to ACME B&B</center></h1>
<center><h3>123 Main St, somewhere, some state.
<a href="mailto:test@example.com?subject=Question for the Inn
Keeper">Email the Innkeeper</a><center></h3>
<center>
<h4>
<a href=/"index.html"> Home</a>
<a href=/"grooms.html"> Guest Rooms</a>
<a href=/"events.html"> Calendar of Events</a>
<a href=/'rrates.html"> Room Rates</a>
<a href=/"packages.html" >Guest Packages</a>
<a href=/"weather.html"> Local Weather</a>
<a href=/"map.html"> Directions and Map</a>
<a href=/"pictures.html"> Pictures</a>
<a href=/"contact.htm"> Reservations</a>
</center>
</h4>
</body>
</html>
--------------------------------------------------------------------------------
I am attempting to redo all of the pages for this site using CSS.
What I would like to see is the CSS code that would work for all
browsers or at least the top 3.
Thank you for your help. |
| ||
|
| Subject:
Re: CSS (style sheets) issues with Firefox that seem to be a non issue with IE6
Answered By: palitoy-ga on 19 Jun 2006 10:02 PDT Rated: |
Hello cw20034-ga,
Thank-you for your question.
The problem lies within your CSS; you do not need to place the colour
within quotes as you have done in your example. You can simply choose
the colour as you have done so with font-family and font-size in your
CSS file.
When you apply these rules it makes your css file this:
body {background-color:#2a6fb0}
a:link {color:#e4e4e4}
a:visited {color:#e4e4e4}
a:hover {color:#123321}
a:active {color:745438}
h1
{color:#e4e4e4;font-family:comic sans ms; font-size:30pt}
h2
{color:#e4e4e4;font-family:comic sans ms; font-size:18pt}
h3
{color:#e4e4e4;font-family:comic sans ms; font-size:12pt}
h4
{color:#e4e4e4;font-family:comic sans ms; font-size:10pt}
h5
{color:#e4e4e4;font-family:comic sans ms; font-size:8pt}
The correct colour should now be displayed.
There is also be a small error in your HTML file. In your anchor/link
tags you have an extra \ character which is superfluous to your needs
(and may actually cause you extra problems). Hopefully this was just
a small error when you cut and pasted the HTML file into Google
Answers!
For instance, you have <a href=/"grooms.html"> when it should be <a
href="grooms.html">. (No extra \ character.)
If you require any further assistance on this subject please do not
hesitate to ask for clarification. |
cw20034-ga
rated this answer:
and gave an additional tip of:
$5.00
That was all that I needed and really fast as well. Thank you, and adding a 5 for a tip for your help! |
| ||
|
| Subject:
Re: CSS (style sheets) issues with Firefox that seem to be a non issue with IE6
From: richard_s_t-ga on 19 Jun 2006 09:44 PDT |
Hi there, simply take off the double quotes from around all your hex
values in the stylesheet, like
a:link {color:#e4e4e4} not a:link {color:"#e4e4e4"} |
| Subject:
Re: CSS (style sheets) issues with Firefox that seem to be a non issue with IE6
From: palitoy-ga on 21 Jun 2006 01:18 PDT |
Thank-you for the 5-star rating and tip! They are both appreciated. |
If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you. |
| Search Google Answers for |
| Google Home - Answers FAQ - Terms of Service - Privacy Policy |