Re: Color-bar behind text in browsers

Subject: Re: Color-bar behind text in browsers
From: "Lech Rzedzicki" <xchaotic -at- gmail -dot- com>
To: "Kevin McLauchlan" <kmclauchlan -at- safenet-inc -dot- com>
Date: Thu, 15 Feb 2007 11:39:28 +0100

Just use a GIF that is 1px wide and use the following CSS to do the same:
H1 {
background-image: url(orange_gradient.gif);
background-repeat: repeat-x
}

Works fine in IE6/7, Firefox etc and the total page size is way smaller.

Lech Rzedzicki

On 2/14/07, Kevin McLauchlan <kmclauchlan -at- safenet-inc -dot- com> wrote:


Hey list...

A version of this came around a couple of years ago, I think.

Our company WebHelp template includes an orange color-fade bar behind the
top-level
page-title heading - it's part of the page-title definition in the CSS.
That is, it's jpg image the height of 24-pt text, and as wide as the page.
It's only purpose is to be a bit ornamental and to make the heading text
stand out.

That heading might be literally at the top of the page, or it might be
below
a header section
on some types of page.

In IE6 and other browsers, it looked fine.

In IE7, and in current-model FireFox and Opera, I don't get to see the
background color
bar, unless the heading is about to scroll off the top of the page.

Is there some setting that should be applied in the CSS to fix this?

Is it clear what I'm trying to describe?

This is obviously not a show-stopper, but QA noticed it, and it's annoying
that it used
to work and no longer does.

Kevin



The information contained in this electronic mail transmission may be
privileged and confidential, and therefore, protected from disclosure. If
you have received this communication in error, please notify us immediately
by replying to this message and deleting it from your computer without
copying or disclosing it.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Create HTML or Microsoft Word content and convert to Help file formats or
printed documentation. Features include single source authoring, team
authoring,
Web-based technology, and PDF output. http://www.DocToHelp.com/TechwrlList

Now shipping: Help &amp; Manual 4 with RoboHelp(r) import! New editor,
full Unicode support. Create help files, web-based help and PDF in up
to 106 languages with Help &amp; Manual: http://www.helpandmanual.com

---
You are currently subscribed to TECHWR-L as xchaotic -at- gmail -dot- com -dot-
To unsubscribe send a blank email to
techwr-l-unsubscribe -at- lists -dot- techwr-l -dot- com
or visit
http://lists.techwr-l.com/mailman/options/techwr-l/xchaotic%40gmail.com


To subscribe, send a blank email to techwr-l-join -at- lists -dot- techwr-l -dot- com

Send administrative questions to admin -at- techwr-l -dot- com -dot- Visit
http://www.techwr-l.com/techwhirl/ for more resources and info.




--
Lech Rzedzicki
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Create HTML or Microsoft Word content and convert to Help file formats or printed documentation. Features include single source authoring, team authoring,
Web-based technology, and PDF output. http://www.DocToHelp.com/TechwrlList

Now shipping: Help &amp; Manual 4 with RoboHelp(r) import! New editor,
full Unicode support. Create help files, web-based help and PDF in up
to 106 languages with Help &amp; Manual: http://www.helpandmanual.com

---
You are currently subscribed to TECHWR-L as archive -at- infoinfocus -dot- com -dot-
To unsubscribe send a blank email to techwr-l-unsubscribe -at- lists -dot- techwr-l -dot- com
or visit http://lists.techwr-l.com/mailman/options/techwr-l/archive%40infoinfocus.com


To subscribe, send a blank email to techwr-l-join -at- lists -dot- techwr-l -dot- com

Send administrative questions to admin -at- techwr-l -dot- com -dot- Visit
http://www.techwr-l.com/techwhirl/ for more resources and info.


References:
Color-bar behind text in browsers: From: Kevin McLauchlan

Previous by Author: Re: XML - Is there a way to use parameters?
Next by Author: Re: Hardware requirements for a tech doc laptop?
Previous by Thread: RE: Color-bar behind text in browsers
Next by Thread: RE: Color-bar behind text in browsers


What this post helpful? Share it with friends and colleagues:


Sponsored Ads