Need help with CSS please

S

SBR

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
}
 
S

Sid Ismail

: 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
 
M

Mitja

SBR said:
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 }
Click to expand...

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
 
N

Neal

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.
Click to expand...

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. :)
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Interfering CSS 1
Help with my responsive home page 2
Image on header 2
How do I fix this issue in sqaurespace code block? 1
Need assistance finetuning HTML, CSS, Javascript - sticky header issue 3
I need help fixing my website 2
Need help , Having problem with Drag n Drop... 1
Need help , Having problem with Drag n Drop ? 9

Members online

Total: 87 (members: 1, guests: 86)
Robots: 346

Forum statistics

Threads
474,262
Messages
2,571,056
Members
48,769
Latest member
Clifft

Latest Threads

Top