Is there a way

teh mauler · **Is there a way**, Posted 04-10-2008 at 03:08 AM.

To create a dashed line when you hover over a link besides the hack.

HACK:

Code:

<html>
   <head>
      <title>Dashed line on hover</title>
      <style>
         a:hover {
             text-decoration:none;
             border-bottom: 1px dashed #color;
         }
      </style
   </head>
   <body>
      <a href="#">This is a dashed link</a>
   </body>
</html>

If there is or if there is a better way please say so.

**PicoDeath** · **Re: Is there a way**, Posted 04-10-2008 at 03:09 AM.

What do you mean the hack?

**Payne IV** · **Re: Is there a way**, Posted 04-10-2008 at 03:10 AM.

You're doing it the right way with CSS except for you are not using an external style sheet. Usually I just make a div class and give it url properties and then wrap the links in that div.

And why are you calling that method a "hack", when it's just basic css?

**PicoDeath** · **Re: Is there a way**, Posted 04-10-2008 at 03:11 AM.

Yeah you confused me slightly, because it's perfectly fine.

No 'hacked' code or anything.

teh mauler · **Re: Is there a way**, Posted 04-10-2008 at 03:12 AM.

Well it is technically a hack because there isn't a specified text-decoration: dashed; sort of thing. I guess its more a workaround. And I didn't use a stylesheet because that was an example just random code that I thought of quickly.

**Payne IV** · **Re: Is there a way**, Posted 04-10-2008 at 03:12 AM.

What the hell you talking about? Your just styling links, nothing special.

teh mauler · **Re: Is there a way**, Posted 04-10-2008 at 03:17 AM.

I know its nothing special but when you use a text-decoration it has a number of ways to decorate it. same with font and color properties. But borders are generally used for layouts and such so, I consider it a workaround because there isn't a text-decoration way of styling the link. There will be a way of doing this in CSS3 though. http://www.w3.org/TR/css3-ui/

**Payne IV** · **Re: Is there a way**, Posted 04-10-2008 at 03:20 AM.

Ok I see what you mean, you just want the same effect but with text-decoration. I don't see why that would be better, I'd rather have the border bottom.

**PicoDeath** · **Re: Is there a way**, Posted 04-10-2008 at 03:20 AM.

I wouldn't call it a workaround... before you read that css3 is introducing it did you consider it a workout? I'd just call it the current method.

A workaround for me is when FF will display my dropdown perfectly, but I need more code/sometimes files to make it work in IE.

teh mauler · **Re: Is there a way**, Posted 04-10-2008 at 03:25 AM.

Quote:

Originally Posted by PicoDeath

I wouldn't call it a workaround... before you read that css3 is introducing it did you consider it a workout? I'd just call it the current method.

A workaround for me is when FF will display my dropdown perfectly, but I need more code/sometimes files to make it work in IE.

I did consider it a workaround because it is added code but not really . I'm not trusting CSS3 until a while after it developed (look at CSS2) but I guess you are right. I just think it would make more sense to have it as a text-decoration definition because of its use.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode