Jump to content

How to remove underlined links in a div class.


helpneeded22

Recommended Posts

.fbtexttile {
    width: 130px;
    float: left;
    text-align: justify;
    color: black;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    padding-top: 2px;
    padding-right: 2px;
 }

I can't figure out how to remove underlines from a:link text in only a specific div. (It is only the text displayed in this div that I want to be formatted this way -- for all other a:links on my page, I want them to be underlined.)

 

Above is the code I have for the div. What do I add into this code to change all the links (link, hover, visit, active) to be all formatted the same?

 

Thank you.

Edited by helpneeded22
Link to comment
Share on other sites

Select all <a> elements that are descendants of the fbtextile element and set their text-decoration to "none".

.fbtextile a {
  text-decoration: none;
}
Link to comment
Share on other sites

        <div class="fbtexttile">
            <A HREF="https://www.facebook.com/minisgallery/">
                Like us on Facebook to get updates on new additions to the galleries!
            </A>
        </div>

Thanks Foxy, I tried using this but it did not work. I wasn't sure whether I was supposed to put that on my .css page or on my .html page within the <head> -- so I did both, but neither worked.

 

Maybe its the code I am using to reference it?

Edited by helpneeded22
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...