display:block; and text-decoration:underline;

Renegade posted this at 08:38 — 28th January 2003.

Joined: Oct 2002

How come they don't work together in opera?

I'm doing a redesign of a site that I made ages back (still in the design stages so it may not look like it is now)

This site can be found here:
http://chengeu.krayup.com/etccomputers/index.php

As you can see, the line becomes an overline I have no idea what is causeing this. On other sites that I have either used no underline or have use border-bottom:1px solid #000000; but I thought, that I'd need to ask this sooner of later...

Does anyone know why this happens?

The CSS can be found here:
http://chengeu.krayup.com/etccomputers/css/css.css
http://chengeu.krayup.com/etccomputers/css/div_css.css

btw, this isn't a problem on IE ... go figure ... :S

Busy posted this at 10:03 — 28th January 2003.

He has: 6,151 posts

Joined: May 2001

I take it your having trouble with Opera6 ?

from the opera forums:

Quote: A, or a link, is not a block element. Background can not be added to non-block elements.

Try to add 'display:block;' to the link.

(Then you will probably see a bug in opera, the link underline will appear on top of the link. Fixed by using 'text-decoration:none' and )

Hopefully this is fixed in version 7

Renegade posted this at 10:24 — 28th January 2003.

He has: 3,022 posts

Joined: Oct 2002

yes ok, but what if you want it to underline on hover? you can't can you? and yes this is on Opera6

Busy posted this at 20:15 — 28th January 2003.

He has: 6,151 posts

Joined: May 2001

I don't think you can, it didn't look too bad in Opera6

dk01 posted this at 21:37 — 28th January 2003.