FN-FORUM: Accessible logos [css/html]

date posted 19th January 2006 10:22

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 ;)