styling for a title without href

  • Resolved brittanie

    (@brittanie)


    17 years, 7 months 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).

Viewing 3 replies - 1 through 3 (of 3 total)
  • spencerp

    (@spencerp)

    17 years, 7 months 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.. =) 😉

    Thread Starter brittanie

    (@brittanie)

    17 years, 7 months ago

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

    Thanks for your help tho…

    spencerp

    (@spencerp)

    17 years, 7 months ago

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

    Thanks for your help tho…

    You’re welcome.. 😉 =)

    spencerp

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘styling for a title without href’ is closed to new replies.