SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    743
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    why is the link bolder than the rest of the text?

    When I add a link and want the link to be a different color than the rest of the text in the sentence, I use this code:

    Code:
    <a href="page16xyz"><font size="2" color="#444444">Contact Us</font>
    But the Contact Us appears bolder than the rest of the text. How can it look like the same non-boldness as the rest of the text in the sentence?

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    For a start, welcome to 2011. Put your <font> tags back in the box with your Bee Gees records and shoulder pads, you won't be needing them any more. We have this nifty little thing called CSS to do styling these days.

    Given that you're using <font>, I'm assuming you aren't using any CSS. If you are, there may be another rule that's coming into play, so you'll need to show us your stylesheet. If you're changing the size of the text (and if you're not, why specify a size?), it could be that the font looks a different weight but is actually a different size.

  3. #3
    SitePoint Enthusiast barrykins's Avatar
    Join Date
    Feb 2011
    Location
    Virginia Beach, Virginia
    Posts
    47
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I'm guessing it could deal with the css applied to the rest of the text in the sentence.

    lets say this is your sentence css

    Code:
    #sentence {
            color: #646464;
            font-family: arial, helvetica, sans-serif;
            font-weight: 400;
     }
    When adding styles in the markup it could null and void the specifications.

    Also, if could be because an "a" element is added and you might need to see if it's conflicting with any universal rules to the "a" element.
    I would give the <a> a class and just change the color of the type with css.

    Given that you're using <font>, I'm assuming you aren't using any CSS. If you are, there may be another rule that's coming into play, so you'll need to show us your stylesheet. If you're changing the size of the text (and if you're not, why specify a size?), it could be that the font looks a different weight but is actually a different size.
    That too haha.

  4. #4
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    743
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the replies. Yes, I'm aware that font tags are old news. I do have css for this text container (below). I just thought I could change the link text into a different color by overiding the css with an inline code.

    So, how would I change just the link text to a different color than the other text, please? (When I remove the inline font tags, the link text only appear upon a hover.)


    Code:
    		.col_V {
    		float: left;
    		width: 200px;
    		height: 390px;
    		font-size:1em;
    		color: #000000;
    		margin: 5px 0px 0px 10px;
    		padding: 10px 10px 0px 16px;
    		border: 0px solid #;
    		background:url(../images/2box.gif);
    		background-repeat: no-repeat;
    		background: #;
    		overflow: auto;
    		}

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,211
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ChrisjChrisj View Post
    So, how would I change just the link text to a different color than the other text, please?

    Code:
    .col_V a {
      color: #444;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •