Need help with CSS please

Discussion in 'HTML' started by SBR, May 1, 2004.

  1. SBR

    SBR Guest

    I'm fairly new to CSS, and am using a CSS pattern that was crated by the
    webmster of my site. I have some links on my page, and I want them to look
    like normal text, and then underline when active. Currently, they look like
    underlined text and don't take any action when the moue is active over them.
    Can anyone please look at my code and tell me what line in my css document I
    need to change to make all of my normal links perform this action, and what
    it should be changed to? I would really appreciate it.

    The page with the links on it is at http://www.gottadancesc.com/products.htm
    and the js file is listed below, as well as located at
    http://www.gottadancesc.com/gd.css (will that link work?)

    Thanks SO much for any help!

    -----------------------
    BODY {
    FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..head {
    FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    ..ingress {
    FONT-SIZE: 12px; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..brodtekst {
    FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..brodtekst TD {
    FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..brodtekst A {
    COLOR: #000000
    }
    ..bildetekst {
    FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    ..spaltetekst {
    FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif; TEXT-ALIGN: justify
    }
    ..datotekst {
    FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    A {
    COLOR: #000000
    }
    ..footer {
    FONT-SIZE: 10px; COLOR: #797878; PADDING-TOP: 5px; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif
    }
    ..footer A {
    COLOR: #000000; TEXT-DECORATION: none
    }
    ..footer A:hover {
    TEXT-DECORATION: underline
    }
    ..boxContent {
    VISIBILITY: hidden; WIDTH: 350px; POSITION: absolute; BACKGROUND-COLOR:
    #ffffff
    }
    ..boxContentSolutions {
    VISIBILITY: hidden; WIDTH: 480px; POSITION: absolute; BACKGROUND-COLOR:
    #ffffff
    }
    ..boxFrontpage {
    FONT-SIZE: 10px; VISIBILITY: hidden; WIDTH: 430px; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif; POSITION: absolute
    }
    ..latestnewshead {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE:
    10px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; FONT-FAMILY: Verdana, Arial,
    Helvetica, sans-serif; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: right
    }
    ..latestnews {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM:
    5px; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    ..latestnews A {
    FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..listseperator {
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff5700; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif
    }
    ..link {
    FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
    }
    ..link A {
    FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
    }
    ..link A:hover {
    FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
    }
    ..new_header {
    FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #333333; LINE-HEIGHT: 14px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    ..new_ingress {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #333333; LINE-HEIGHT: 12px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..new_body {
    FONT-SIZE: 10px; COLOR: black; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif
    }
    ..new_body TD {
    FONT-SIZE: 10px; COLOR: black; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif
    }
    ..new_body A {
    COLOR: #ff4900; TEXT-DECORATION: none
    }
    ..new_body A:hover {
    TEXT-DECORATION: underline
    }
    ..newsletter_head {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Verdana,
    Arial, Helvetica, sans-serif
    }
    ..newsletter_text {
    FONT-SIZE: 10px; LINE-HEIGHT: 12px; FONT-FAMILY: Verdana, Arial, Helvetica,
    sans-serif
    }
    ..newsletter_sitat {
    FONT-SIZE: 14px; COLOR: #ff4b00; LINE-HEIGHT: 17px; FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
    }
     
    SBR, May 1, 2004
    #1
    1. Advertising

  2. SBR

    Sid Ismail Guest

    On Sat, 01 May 2004 00:40:09 GMT, "SBR" <> wrote:

    : I'm fairly new to CSS, and am using a CSS pattern that was crated by the
    : webmster of my site. I have some links on my page, and I want them to look
    : like normal text, and then underline when active. Currently, they look like
    : underlined text and don't take any action when the moue is active over them.
    : Can anyone please look at my code and tell me what line in my css document I
    : need to change to make all of my normal links perform this action, and what
    : it should be changed to? I would really appreciate it.


    http://www.westciv.com/style_master/academy/hands_on_tutorial/

    Sid
     
    Sid Ismail, May 1, 2004
    #2
    1. Advertising

  3. SBR

    Mitja Guest

    SBR <>
    (news:JlCkc.134937$) wrote:
    > I'm fairly new to CSS, and am using a CSS pattern that was crated by
    > the webmster of my site. I have some links on my page, and I want
    > them to look like normal text, and then underline when active.
    > Currently, they look like underlined text and don't take any action
    > when the moue is active over them. Can anyone please look at my code
    > and tell me what line in my css document I need to change to make all
    > of my normal links perform this action, and what it should be changed
    > to? I would really appreciate it.
    >
    > The page with the links on it is at
    > http://www.gottadancesc.com/products.htm and the js file is listed
    > below, as well as located at http://www.gottadancesc.com/gd.css (will
    > that link work?)
    >
    > Thanks SO much for any help!
    >
    > -----------------------
    > BODY {
    > FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .head {
    > FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    > }
    > .ingress {
    > FONT-SIZE: 12px; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .brodtekst {
    > FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .brodtekst TD {
    > FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .brodtekst A {
    > COLOR: #000000
    > }
    > .bildetekst {
    > FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    > }
    > .spaltetekst {
    > FONT-SIZE: 10px; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif; TEXT-ALIGN: justify
    > }
    > .datotekst {
    > FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > A {
    > COLOR: #000000
    > }
    > .footer {
    > FONT-SIZE: 10px; COLOR: #797878; PADDING-TOP: 5px; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif
    > }
    > .footer A {
    > COLOR: #000000; TEXT-DECORATION: none
    > }
    > .footer A:hover {
    > TEXT-DECORATION: underline
    > }
    > .boxContent {
    > VISIBILITY: hidden; WIDTH: 350px; POSITION: absolute;
    > BACKGROUND-COLOR: #ffffff
    > }
    > .boxContentSolutions {
    > VISIBILITY: hidden; WIDTH: 480px; POSITION: absolute;
    > BACKGROUND-COLOR: #ffffff
    > }
    > .boxFrontpage {
    > FONT-SIZE: 10px; VISIBILITY: hidden; WIDTH: 430px; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif; POSITION: absolute
    > }
    > .latestnewshead {
    > PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal;
    > FONT-SIZE: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #efefef;
    > TEXT-ALIGN: right }
    > .latestnews {
    > PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px;
    > PADDING-BOTTOM: 5px; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif }
    > .latestnews A {
    > FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .listseperator {
    > FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff5700; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif
    > }
    > .link {
    > FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    > FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica,
    > sans-serif; TEXT-DECORATION: none
    > }
    > .link A {
    > FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    > FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica,
    > sans-serif; TEXT-DECORATION: none
    > }
    > .link A:hover {
    > FONT-SIZE: 10px; COLOR: #ff4b00; LINE-HEIGHT: 12px; PADDING-TOP: 5px;
    > FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica,
    > sans-serif; TEXT-DECORATION: underline
    > }
    > .new_header {
    > FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #333333; LINE-HEIGHT:
    > 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    > }
    > .new_ingress {
    > FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    > #333333; LINE-HEIGHT: 12px; FONT-FAMILY: Verdana, Arial, Helvetica,
    > sans-serif
    > }
    > .new_body {
    > FONT-SIZE: 10px; COLOR: black; LINE-HEIGHT: 15px; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif
    > }
    > .new_body TD {
    > FONT-SIZE: 10px; COLOR: black; LINE-HEIGHT: 15px; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif
    > }
    > .new_body A {
    > COLOR: #ff4900; TEXT-DECORATION: none
    > }
    > .new_body A:hover {
    > TEXT-DECORATION: underline
    > }
    > .newsletter_head {
    > FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; FONT-FAMILY:
    > Verdana, Arial, Helvetica, sans-serif
    > }
    > .newsletter_text {
    > FONT-SIZE: 10px; LINE-HEIGHT: 12px; FONT-FAMILY: Verdana, Arial,
    > Helvetica, sans-serif
    > }
    > .newsletter_sitat {
    > FONT-SIZE: 14px; COLOR: #ff4b00; LINE-HEIGHT: 17px; FONT-STYLE:
    > normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    > TEXT-DECORATION: none }


    Like your "webmaster" already did for a couple of classes:
    A {
    TEXT-DECORATION: none
    }
    A:hover {
    TEXT-DECORATION: underline
    }

    But the whole CSS is horrible, consider rewirting it
     
    Mitja, May 1, 2004
    #3
  4. SBR

    Neal Guest

    On Sat, 01 May 2004 00:40:09 GMT, SBR <> wrote:

    > I'm fairly new to CSS, and am using a CSS pattern that was crated by the
    > webmster of my site. I have some links on my page, and I want them to
    > look
    > like normal text, and then underline when active. Currently, they look
    > like
    > underlined text and don't take any action when the moue is active over
    > them.
    > Can anyone please look at my code and tell me what line in my css
    > document I
    > need to change to make all of my normal links perform this action, and
    > what
    > it should be changed to? I would really appreciate it.
    >


    I'd point out that if you make the links unrecognizable unless the mouse
    by chance is over it, you're creating a big usability issue with the site.
    Make links look like links. :)
     
    Neal, May 1, 2004
    #4
  5. SBR

    SBR Guest

    The links are all a different color from the text.

    "Neal" <> wrote in message
    news:eek:...
    > On Sat, 01 May 2004 00:40:09 GMT, SBR <> wrote:
    >
    > > I'm fairly new to CSS, and am using a CSS pattern that was crated by the
    > > webmster of my site. I have some links on my page, and I want them to
    > > look
    > > like normal text, and then underline when active. Currently, they look
    > > like
    > > underlined text and don't take any action when the moue is active over
    > > them.
    > > Can anyone please look at my code and tell me what line in my css
    > > document I
    > > need to change to make all of my normal links perform this action, and
    > > what
    > > it should be changed to? I would really appreciate it.
    > >

    >
    > I'd point out that if you make the links unrecognizable unless the mouse
    > by chance is over it, you're creating a big usability issue with the site.
    > Make links look like links. :)
     
    SBR, May 2, 2004
    #5
  6. SBR

    Mark Parnell Guest

    Mark Parnell, May 3, 2004
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    4
    Views:
    564
    Chris Uppal
    May 5, 2005
  2. Nick Wouters
    Replies:
    5
    Views:
    4,690
    Flinky Wisty Pomm
    May 8, 2006
  3. KK
    Replies:
    2
    Views:
    705
    Big Brian
    Oct 14, 2003
  4. MuZZy
    Replies:
    7
    Views:
    1,821
    Mike Hewson
    Jan 7, 2005
  5. dyingrage

    CSS not working...need HELP!!! please!

    dyingrage, Nov 19, 2009, in forum: HTML and CSS
    Replies:
    0
    Views:
    545
    dyingrage
    Nov 19, 2009
Loading...

Share This Page