SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Aug 2002
    Location
    Pittsburgh, PA
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Is my ext. SS working or not?

    Hi folks,

    I've read around the forum to see if I could find an easy answer to my dilemma, but alas... no.

    I am using an external SS on a new project in a rough-draft stage. The site (at http://www.icubed.com/~poncho/grapevine_UI.html) is based on a tabbed interface with four main tabs. Three of the pages have content. The font-face the client wants IS displaying in the browsers (NN6 and IE) but the "class=" attributes are not working, so it seems.

    I've validated the style sheet with the online W3C CSS validator-- no errors or warnings-- and I've used external SSs before this on sites already published. I've used embedded SSs; I've used inline styles. I've just never had this 'pick-and-choose' thing happen before.

    The specific (and most obvious)"broken" part are the titles located above the client's copy on the right hand sides of the pages. Each one should be larger than the body text and bolded, the 'title' saying the same thing that is on the tab that the user clicks. I cannot get this to work and am completely mystified!

    Here is the SS:

    body{
    font-size: 12pt;
    font-family: "Book Antiqua", "Georgia", serif
    }
    smallbody{
    font-size: 10pt;
    font-family: "Book Antiqua", "Georgia", serif
    }
    subheader{
    font-size: 14pt;
    font-weight: bold;
    font-family:"Book Antiqua", "Georgia", serif
    }
    header{
    font-size: 16pt;
    font-weight: bold;
    font-family:"Book Antiqua", "Georgia", serif
    }
    A:link{
    font-size: 12pt; color: #9900cc;
    background-color:transparent;
    font-family: "Book Antiqua", "Georgia", serif
    }
    A:visited{
    font-size:12pt;
    background-color:transparent;
    color:#9933cc;
    font-family: "Book Antiqua", "Georgia", serif
    }
    A:active{
    font-size:12pt;
    color:#9966cc;
    background-color:transparent;
    font-family: "Book Antiqua", "Georgia", serif
    }
    #bodylink{
    font-size:10pt;
    color:black;
    font-weight: bold;
    text-decoration:underline;
    background-color:transparent
    }

    If anyone can point me in the right direction, I'd be ever so grateful! I am really puzzled and at this point, would love to know just because.

    Thanks a bunch

  2. #2
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try the same code with a "#" infront of all of the classes in your style sheet, such as:

    Code:
    body{
    font-size: 12pt;
    font-family: "Book Antiqua", "Georgia", serif
    }
    #smallbody{
    font-size: 10pt;
    font-family: "Book Antiqua", "Georgia", serif
    }
    #subheader{
    font-size: 14pt;
    font-weight: bold;
    font-family:"Book Antiqua", "Georgia", serif
    }
    #header{
    font-size: 16pt;
    font-weight: bold;
    font-family:"Book Antiqua", "Georgia", serif
    }
    a:link{
    font-size: 12pt; color: #9900cc;
    background-color:transparent;
    font-family: "Book Antiqua", "Georgia", serif
    }
    a:visited{
    font-size:12pt;
    background-color:transparent;
    color:#9933cc;
    font-family: "Book Antiqua", "Georgia", serif
    }
    a:active{
    font-size:12pt;
    color:#9966cc;
    background-color:transparent;
    font-family: "Book Antiqua", "Georgia", serif
    }
    #bodylink{
    font-size:10pt;
    color:black;
    font-weight: bold;
    text-decoration:underline;
    background-color:transparent
    }
    I am pretty sure they are neccessary...

  3. #3
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ACtually you need to define your classes with a . in front of the names:
    Code:
    .smallbody {
      /* styles... */
    }

  4. #4
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whoah wooops, my bad... thinking of "id's"

    Thanks for the correction Skunk

  5. #5
    SitePoint Member
    Join Date
    Aug 2002
    Location
    Pittsburgh, PA
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Duh!

    Hey Skunk...

    Have I been looking at this stuff for TOO long or what? I put the . in front (Wiz, in my sleepy state I put the # sign in while the back of my brain was questioning me about IDs... and how in the bloody #$LL did I miss the . in the first place?

    Well, the file has been uploaded and YES! The titles now appear in the class designation I asked for. At last, I can monkey around with the looks of the stuff.

    Funny thing, though... now the body text is showing up the wrong serif font and I know I have the specified fonts installed on this machine.

    *sigh*

    Well, I 'spect I need to get myself to bed and resume this tomorrow. I knew it had to be something simple.

    Thanks both of you for taking the time to help me out.
    Now for some ZZZZzzzzz's......

    bootstrap


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
  •