|
Posted by David Smithz on 12/11/06 15:29
"Jonathan N. Little" wrote in message
> strict doctype, work even in IE and no JavaScript
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <title>Boxed Link</title>
>
> <style type="text/css">
> A.boxed{ display: block; width: 15em; padding: 5em 0 0 0;
> background-color: #eee; text-align: right; }
> A:hover.boxed{ background-color: #ff0; }
> </style>
> </head>
>
> <body>
> <div>Here is one way <a href="#" class="boxed">Lower Right</a></div>
> </body>
> </html>
Well! This certainly is a lot less code then I produced. And so far it seems
to work perfectly. I have today ordered myself the CSS o'reailly definitive
guide as a result of these postings to give myself a better grounded
understanding.
I have not yet managed to incorporate into the website I'm working on but in
theory it looks excellent and a whole lot simpler.
I hope there are no caveats.
Thanks again.
Navigation:
[Reply to this message]
|