WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] styling for a title without href (4 posts)

  1. brittanie
    Member
    Posted 7 years ago #

    I am trying to create hovering footnotes with pure html and css, using code something like this:

    <a title="hello">hi</a>

    So far, it works perfect and is valid code and all, but the trouble is that I don't know how to style these "links" so they stand out from the rest of the text and the real links (that is, the links that actually link to something).

    Can anyone give me some CSS guidance? You can see an example of what I've done here. In the second paragraph, hover over the word "end", the second to last word in the last sentance.

    (As you can see, there is no styling to make this word stand out yet).

  2. spencerp
    Member
    Posted 7 years ago #

    For this here: <a title="hello">hi</a>

    Maybe you add a "class" to it, like such:
    <a class="h-footnotes" title="hello">hi</a>

    Then, in your CSS file, add this:
    .h-footnotes{
    Styling CSS codes you want to use for it..
    }

    spencerp

    Not sure on this, so, maybe someone else can drop in and suggest something better.. =) ;)

  3. brittanie
    Member
    Posted 7 years ago #

    Actually, I just discovered the dfn tag, which does exactly what I'm trying to do.

    Thanks for your help tho...

  4. spencerp
    Member
    Posted 7 years ago #

    Oh ok, that's cool. Let us know how things go either way.. ;) =)

    Thanks for your help tho...

    You're welcome.. ;) =)

    spencerp

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.