SitePoint Sponsor

User Tag List

Results 1 to 12 of 12

Thread: css problem

  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css problem

    I hope this is the correct folder to place this.

    Check www.bestexteriors.com/index.php I am re-working a web site and I am including CSS. The links are pissing me off.

    Check the links... $save $150 Learn How .... and Lisensed. All these links are supposed to be a brighter blue but show up as .blue instead of .blue:link

    Can anyone take a look at my code and tell me the problem? My .css file is linked.
    Thomas C. K.
    World Web Works
    www.wowewo.net *** 773-685-7634
    Your Internet Solutions Provider

  2. #2
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Let's make this easy on us. Can we see some HTML of your links and the snippets of pertinent CSS? gracias

    Aaron
    Aaron Brazell
    Technosailor



  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can't ya just look at the source? But ok!
    HTML first:

    <a href="savings.php" class="bluebold3">Save $150</a>
    <a href="savings.php" class="blue">Learn how...</a>

    CSS next, but check the www.bestexteriors.com/style.css file for full details. I may have declared a different color elsewhere but I don;t think so.
    .blue {
    COLOR: #333366
    }
    .blue:link {
    COLOR: #0033FF; text-decoration: none;
    }
    .blue:hover {
    COLOR: #333366; text-decoration: underline;
    }

    ---------------------------------------------------
    .bluebold3 {
    FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #333366
    }
    .bluebold3:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #333366; text-decoration: underline;
    }
    .bluebold3:link {
    FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #0033FF; text-decoration: none;
    }

    I can do no better than that... but it's probably better to check the source on the page and the full css file to get the BIG picture.
    Thomas C. K.
    World Web Works
    www.wowewo.net *** 773-685-7634
    Your Internet Solutions Provider

  4. #4
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First off, let's get straight here. You want my help, so try to be a bit accommodating. I'm sure you understand.

    Second of all in order to use CSS on links you have to apply a class or something to the link in the html. then in the css, you're defining 'a' elements.
    Code:
    a.blue:link {}
    Aaron
    Aaron Brazell
    Technosailor



  5. #5
    SitePoint Enthusiast Kiddeath91's Avatar
    Join Date
    Jan 2003
    Location
    Columbus, Ohio USA
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: css problem

    All these links are supposed to be a brighter blue but show up as .blue instead of .blue:link

    Here's why:

    #1.

    A:link {
    TEXT-DECORATION: none;
    color: #0033FF;

    .blue {
    COLOR: #333366

    .blue:link {
    COLOR: #0033FF;
    text-decoration: none;

    Your anchor tag is double defined. Or, .blue when 'linked' is the same color as "A:link".

    #2.
    <a href="savings.php" class="bluebold3" Save $150</a> on your next home


    You switch classes. Bluebold3 class is a different color from .blue. Check your CSS.

  6. #6
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sketch
    you're defining 'a' elements.
    Not quite sure what that means...

    Kidde
    You switch classes. Bluebold3 class is a different color from .blue. Check your CSS.
    I defined both CSS in the HTML. .blue and .bluebold3

    What would I do to correct this? Change the css or the html?

    a.bluebold:link ?Would that be what I need to do?

    I'm new to CSS this is the first site I've done in 100% CSS.
    Thomas C. K.
    World Web Works
    www.wowewo.net *** 773-685-7634
    Your Internet Solutions Provider

  7. #7
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by wowewo
    Sketch Not quite sure what that means...

    Kidde I defined both CSS in the HTML. .blue and .bluebold3

    What would I do to correct this? Change the css or the html?

    a.bluebold:link ?Would that be what I need to do?

    I'm new to CSS this is the first site I've done in 100% CSS.
    Just change one of them thats all It doesn't matter where..

    100% CSS? I can see tables and tons of tags you don't need all over the place? Thats not 100% CSS at all, sorry man.

  8. #8
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    'a' elements is CSS for <a> tags
    Aaron Brazell
    Technosailor



  9. #9
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When I say 100% css I mean no font tags. To me css isn't worth much more. Change size color etc... The rest is needed for placement. Anyways.. Let's fix what I've got.

    Would this be correct then? I do have an A in the css code already...
    A:link { TEXT-DECORATION: none; color: #0033FF;

    Would I need to add an A for the bluebold and bluebold3?

    a.bluebold:link ?
    a.bluebold ?
    Thomas C. K.
    World Web Works
    www.wowewo.net *** 773-685-7634
    Your Internet Solutions Provider

  10. #10
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes...
    Aaron Brazell
    Technosailor



  11. #11
    SitePoint Enthusiast Kiddeath91's Avatar
    Join Date
    Jan 2003
    Location
    Columbus, Ohio USA
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS is a lot more than font tags. Its like you said: size color, etc. placement. You are building with tables. Its not 100% CSS. Thats all.

    To answer your question, yes, add an A to the classes. But more importantly, check your HTML. You have called for classes that have different colors and font-weights. Look.

  12. #12
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Suggestions here... I added a:bluebold3:link I also added a.bold:link but there is NO change... I did not change the HTML only the CSS.

    The HTML has not changed the CSS now looks like:
    Code:
    a.bluebold3:link { FONT-WEIGHT: bold; 
    FONT-SIZE: 17px; COLOR: #0033FF; 
    text-decoration: none;
    }

    Let's not argue about 100% 50% etc.. To me this is as good as it gets. Call me old fashioned. I don't see or don't yet know how or why it would replace a frame. That isn't the point.
    Last edited by wowewo; Feb 13, 2003 at 21:08.
    Thomas C. K.
    World Web Works
    www.wowewo.net *** 773-685-7634
    Your Internet Solutions Provider


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
  •