CSS Design: Custom Underlines

by Stuart Robertson

66 Reader Comments

Back to the Article
  1. i like this, but don’t know if i will use it

    Copy & paste the code below to embed this comment.
  2. Hey, this isn’t the blinking underline all over again.  Applying most of the code to a span then this allows me to use a very small image as an underline for so many elements such as tables, so quick and esay.

    I Love it, what’s wrong with a wink anyway

    Copy & paste the code below to embed this comment.
  3. On the related subject of creating custom hyperlinks, I wonder if anyone knows a fix for the following problem.
    Say, for example, that you have just entered a username and password in some form fields to login to a website.
    Now, when you click on the submit button, a “box” of dotted lines appears inside the submit button. But it doesn’t stop there. Any hyperlink to be clicked now retains these pesky dots, unless a new window is open and closed (e.g., try a search on ALA, and then click on a link to see the borders). These dots can make a mess out of the appearance of some hyperlinks.
    Does anyone know a good work-around for this?
    Thanks.

    Copy & paste the code below to embed this comment.
  4. The article is very interesting. I believe CSS Design has a great future though it can’t solve all the problems yet and absolutely replace table design.

    Copy & paste the code below to embed this comment.
  5. So this technique is pretty cool. Has anyone taken a look at it in IE on a PC. I’m running XP Pro and using IE 6.0.2 for Q&A purposes. It seems that the lines that wrap lose all text-decoration all together.

    Any thoughts on this?

    Copy & paste the code below to embed this comment.
  6. I failed to mention the site I was viewing.

    http://www.csszengarden.com/?cssfile=/063/063.css

    Copy & paste the code below to embed this comment.