RE: FN-FORUM: Accessible logos [css/html]

date posted 19th January 2006 10:40

I just do;

My Company Logo Name

And do;

.clsHide{display:none; visibility:hidden}
h1.background:url('mylogo.jpg');


In fact, anywhere I want to have an image as well as accessible text
I'll use the .clsHide. That way it makes sure that the tag doesn't take
up any space as well as being hidden. Seems to work - I'll sure there'll
be comments...

Cheers
Andy






-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of David
Sadowski
Sent: Thursday, January 19, 2006 10:55 AM
To: Andy Macnaughton-Jones
Subject: FN-FORUM: Accessible logos [css/html]


Good morning all freelancers!

I have been searching (googling) for the best way of creating accessible
logos i.e. those ones that always look nice and work despite
javascript/css turned off - does anybody have an idea how to handle such
thing using html and css?

I came across bits of code such as:

CSS:

h1#logo {
overflow: hidden;
height: 0px;
padding-top: 92px; // height of image
background: url('img/logo.gif') top left no-repeat;
width: 537px; // width of image
}
HTML:
The company name

According to the author of the above code the h1 text should be pushed
down by a logo image and hidden using overflow property in css and
become visible when images are turned off. It doesn't seem to work
though. I get the text but not the background image. Checked the paths,
file names and yet no joy.

Many thanks in advance
David Sadowski

http://www.davss.com (still under construction ;)




--
Freelancers, contractors earn more with Prosperity4 Call 0870 870 4414
or visit www.prosperity4.com and benefit from Inland Revenue approved
expenses today.

To advertise here: http://www.freelancers.net/advertising.html