SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    My CSS Style Sheet Isn't Working

    hey guys im doing this the way I always code my css style sheets I have got the attachemtns of both the htm file and the css file

    But I was wondering why the css here http://216.118.121.28/templates/newdesign/newdesign.php

    isn't working?

    this is the same way I usually code it and all

    EDIT: sorry was unable to attach the zip file

    here is the css coding =
    A.link {
    COLOR: #FFFFFF; FONT-FAMILY: Verdana; FONT-SIZE: 11px; TEXT-DECORATION: none
    }
    A.hover {
    COLOR: #FFF000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal
    }
    A.active {
    COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal
    }


    .textHeading {
    COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 19px; FONT-WEIGHT: bold; LINE-HEIGHT: 24px
    }



    body {
    background:#f3f3f3; color:black; font-weight: bold
    }


    thanks again

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2001
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    style not called

    you have to either have the style in the head, or call the style from an external style sheet. I dont see either when I view source.

    stevo

    p.s.
    be sure and run your html and css through the validators. (you have an unclosed div, body, and html, tags in the html)
    Last edited by Stevo; Mar 10, 2002 at 17:18.

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sorry forgot to add in th ecss linkage code

    but it still doesn't work click here http://216.118.121.28/templates/newdesign/newdesign.php

    I have fixed up and added the closed html and body tags

    thanks for that by the way

  4. #4
    SitePoint Enthusiast
    Join Date
    Oct 2001
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    some of it worked
    be consistent, use either a.link in your css or change the <A href=#> to <a href="#"> in the html

    also I dont see where you are calling the class .textHeading

    if it is suppossed to be on the welcome it should be

    <div class="textHeading">
    Welcome to Sam Colebatch.com </div>

    also you should have your link styles listed in following order:

    link
    visited
    active
    hover

    on body, background should be background-color:
    like I said, run the validators, to catch this kind of stuff.
    Last edited by Stevo; Mar 10, 2002 at 20:45.

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks I will try that out, the text heading is there for later on when I need it I don't have to add it on if you get me

    thanks again I will try that out

  6. #6
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One additional note: make all of your CSS (except for class names [this is optional]) lower-case. Classes may remain either case, however, the rest should be presented in lower-case format to remain compliant. This is probably not the cause of your problem if you're using a flexible browser, however, it would likely cause a problem in some browsers due to many things being upper-case when they are not supposed to be in upper-case. Good luck.

    -Colin
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  7. #7
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for your input there I will have a look at that later on

  8. #8
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS selectors are case-insensitive, I thought. With my own personal system, I usually write a stylesheet with elements names and pseudo elements/classes capitalized while I use camel-case for class names and ids. Do you have that info about this handy for me, Aes? :-)

    ~~Ian

  9. #9
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, Schorakhti, can you describe what you mean by "isn't working." None of us can guess at a solution if we don't know what you're trying to do (it isn't always obvious). :-)

    ~~Ian

  10. #10
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Stevo wrote:
    also you should have your link styles listed in following order:
    link
    visited
    active
    hover
    Should be...
    link
    visited
    hover
    active
    LoVe? HA!
    Bobocito

  11. #11
    SitePoint Addict
    Join Date
    Jul 2001
    Posts
    284
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Bobocito
    Stevo wrote:

    Should be...
    link
    visited
    hover
    active
    LoVe? HA!
    Hover has to be after active otherwise an active link will over-ride the hover properties on the page.

  12. #12
    SitePoint Enthusiast montroze's Avatar
    Join Date
    Mar 2002
    Location
    Canada
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Netscape

    Hi just browsed your site and I see you have the same problem I do, great with IE and Net6.2 but only loads your title bar with Net.4.7, mine just loads the background with 4.7

  13. #13
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I recommend you use lower-case tags to comply with new validating standards, using capitalised only for reserved words. Try getting used to putting quotes where needed too.

    I'm that tired I've forgotten your original question, so I'll read it again some other time.

    Nite all
    Affektion

  14. #14
    SitePoint Enthusiast montroze's Avatar
    Join Date
    Mar 2002
    Location
    Canada
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    My Error(s)

    Could someone look over my code with IE and see what I have to do to get it to work in Net.4.7 Im stuck and its my 1st attempt with CSS, recently dumped my framed site. Thanks

    http://www.illusionsbbs.ipfox.com


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
  •