text decoration none and |Firefox

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Big Bill

    text decoration none and |Firefox

    Doesn't seem to work as I still get an underline. Is there a reason
    for this? Is this normal?
    You can see examples on my site.

    BB
    --
    www.kruse.co.uk/ seo@kruse.demon .co.uk
    seo that watches the river flow...
    --
  • -db-

    #2
    Re: text decoration none and |Firefox

    Big Bill wrote:[color=blue]
    > Doesn't seem to work as I still get an underline. Is there a reason
    > for this?[/color]

    yes, there is no text-decoration: none; in your style sheet

    A:link
    {
    color: #0033CC;
    background-color: #F0F0F0;
    font-weight: bold;
    }

    try:

    A:link
    {
    color: #0033CC;
    background-color: #F0F0F0;
    font-weight: bold;
    text-decoration: none;
    }
    [color=blue]
    > Is this normal?
    > You can see examples on my site.
    >
    > BB
    > --
    > www.kruse.co.uk/ seo@kruse.demon .co.uk
    > seo that watches the river flow...
    > --[/color]

    Comment

    • Els

      #3
      Re: text decoration none and |Firefox

      Big Bill wrote:
      [color=blue]
      > Doesn't seem to work as I still get an underline. Is there a reason
      > for this? Is this normal?
      > You can see examples on my site.[/color]

      You need to set the text-decoration:none explicitly for the link
      itself. If it's on all <h1> and <h2>:
      h1 a:link,
      h1 a:visited,
      h2 a:link,
      h2 a:visited{
      text-decoration: none;
      cursor: text;
      color: Black;
      }

      If there are more <h1> and <h2>s but you only need this effect on
      those that you set the span.b1 on, I'd suggest you take out the span,
      and place the class="b1" on the <a> element instead.

      a.b1:link,
      a.b1:visited{
      text-decoration: none;
      cursor: text;
      color: Black;
      }

      You can see btw, that the current underline is on the <a> and not on
      the <span>, as the colour isn't black, but blue :-)

      --
      Els http://locusmeus.com/
      Sonhos vem. Sonhos vão. O resto é imperfeito.
      - Renato Russo -

      Comment

      • Big Bill

        #4
        Re: text decoration none and |Firefox

        On Sat, 11 Jun 2005 08:25:08 GMT, -db-
        <widepope.at.em ail.dot.com@foo .bar> wrote:
        [color=blue]
        >Big Bill wrote:[color=green]
        >> Doesn't seem to work as I still get an underline. Is there a reason
        >> for this?[/color]
        >
        >yes, there is no text-decoration: none; in your style sheet
        >
        >A:link
        > {
        > color: #0033CC;
        > background-color: #F0F0F0;
        > font-weight: bold;
        >}
        >
        >try:
        >
        >A:link
        > {
        > color: #0033CC;
        > background-color: #F0F0F0;
        > font-weight: bold;
        > text-decoration: none;
        >}[/color]

        It never occurred that no-one would not look past that to

        ..b1 {
        text-decoration: none; cursor: text; color: Black;
        }

        See, some links are supposed to look like links, and the others
        aren't. That's why the two look different. In IE, the ones I don't
        want to look like links don't look like links, but in FF they look
        like underlined with blue text.

        BB

        --
        www.kruse.co.uk/ seo@kruse.demon .co.uk
        seo that watches the river flow...
        --

        Comment

        • Big Bill

          #5
          Re: text decoration none and |Firefox

          On Sat, 11 Jun 2005 10:27:43 +0200, Els <els.aNOSPAM@ti scali.nl>
          wrote:
          [color=blue]
          >Big Bill wrote:
          >[color=green]
          >> Doesn't seem to work as I still get an underline. Is there a reason
          >> for this? Is this normal?
          >> You can see examples on my site.[/color]
          >
          >You need to set the text-decoration:none explicitly for the link
          >itself. If it's on all <h1> and <h2>:
          >h1 a:link,
          >h1 a:visited,
          >h2 a:link,
          >h2 a:visited{
          >text-decoration: none;
          >cursor: text;
          >color: Black;
          >}
          >
          >If there are more <h1> and <h2>s but you only need this effect on
          >those that you set the span.b1 on, I'd suggest you take out the span,
          >and place the class="b1" on the <a> element instead.
          >
          >a.b1:link,
          >a.b1:visited {
          >text-decoration: none;
          >cursor: text;
          >color: Black;
          >}
          >
          >You can see btw, that the current underline is on the <a> and not on
          >the <span>, as the colour isn't black, but blue :-)[/color]

          This gives me much to think on, Els, thank you.

          BB
          --
          www.kruse.co.uk/ seo@kruse.demon .co.uk
          seo that watches the river flow...
          --

          Comment

          • kchayka

            #6
            Re: text decoration none and |Firefox

            Big Bill wrote:[color=blue]
            > On Sat, 11 Jun 2005 08:25:08 GMT, -db-
            > <widepope.at.em ail.dot.com@foo .bar> wrote:
            >[color=green]
            >>try:
            >>
            >>A:link
            >> {
            >> text-decoration: none;
            >>}[/color]
            >
            > It never occurred that no-one would not look past that to
            >
            > .b1 {
            > text-decoration: none; cursor: text; color: Black;
            > }[/color]

            I believe a:link has higher specificity than .b1

            a.b1:link would better guarantee .b1 is applied.

            --
            Reply email address is a bottomless spam bucket.
            Please reply to the group so everyone can share.

            Comment

            • Els

              #7
              Re: text decoration none and |Firefox

              kchayka wrote:
              [color=blue]
              > Big Bill wrote:[color=green]
              >> On Sat, 11 Jun 2005 08:25:08 GMT, -db-
              >> <widepope.at.em ail.dot.com@foo .bar> wrote:
              >>[color=darkred]
              >>> try:
              >>>
              >>> A:link { text-decoration: none; }[/color]
              >>
              >> It never occurred that no-one would not look past that to
              >>
              >> .b1 { text-decoration: none; cursor: text; color: Black; }[/color]
              >
              > I believe a:link has higher specificity than .b1
              >
              > a.b1:link would better guarantee .b1 is applied.[/color]

              Only if the class 'b1' would be set on the <a> element ;-)

              --
              Els http://locusmeus.com/
              Sonhos vem. Sonhos vão. O resto é imperfeito.
              - Renato Russo -
              Now playing: Só Pra Contrariar - O Amor, Voce E Eu (Spc)

              Comment

              Working...