Underline Links

User 47216 Photo


Registered User
210 posts

Re-designing my brothers catering website..... links are set in the CSS to be underlined and withe the underline to remove and link change to green on mouse hover.

On this page.... http://www.chiarellos.com/packages.php The links look just fine when viewing in IE but when I open up int he Firefox browser the underline is way to close to the bottom of the letters....maybe something to do because i altered the font size in the actual HTML coding.

Any ideas on how to make it look better?

User 187934 Photo


Senior Advisor
20,266 posts
Online Now

a {
border-bottom: 1px solid blue;
text-decoration: none;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 47216 Photo


Registered User
210 posts

Thanks eric.... that was the trick.... I actually created a new div class int he css for that specific area so it only affected that for the linking decoration by using the border bottom
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Your welcome.
Gotta love those custom fonts with their custom behavior.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.