Help with CSS!

From what I understand, you have a page that refers to two different CSS
files, correct?

If you have the same declarations in each file, the page will use the
declaration that came last. So if you footer CSS file is loaded last, those
are the link characteristics that it will use.

So, you need to change those footer link styles to distinguish them from the
first link styles.

Change this:
a:link

to this:

..footer a:link

Do the same for the rest of the footer link styles. That should clear it up.


--
Lance Goins

http://makeashorterlink.com/?X165518A2


"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote

Hi all!

I'm making this news website, and in each page i have two CSS: one for the
text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in http://www.coresaocubo.pt/teste/html/08.html
although i attached to different cells, different CSS styles, it only
assumes a:link, a:visited and a:hover from one of them.... why is this
happening, any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

Hi all!

I'm making this news website, and in each page i have two CSS: one for the
text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in http://www.coresaocubo.pt/teste/html/08.html
although i attached to different cells, different CSS styles, it only
assumes a:link, a:visited and a:hover from one of them.... why is this
happening, any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
..texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

..footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

ana wrote:

Hi all!

I'm making this news website, and in each page i have two CSS: one
for the text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in
http://www.coresaocubo.pt/teste/html/08.html although i attached to
different cells, different CSS styles, it only assumes a:link,
a:visited and a:hover from one of them.... why is this happening, any
ideas?

what am i doing wrong?

thx for any input,

Lance's answer pretty-much covers you, but if you are unclear about how
to implement, then this tutorial should help you:
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm


--
Al Sparber - PVII
http://www.projectseven.com
DW Extensions - Menu Systems - Tutorials - CSS FastPacks
---------------------------------------------------------
Webdev Newsgroup: news://forums.projectseven.com/pviiwebdev/
CSS Newsgroup: news://forums.projectseven.com/css/
RSS/XML Feeds: http://www.projectseven.com/xml/

Pseudo-classes and container styles are what you need - here are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote

Hi all!

I'm making this news website, and in each page i have two CSS: one for the
text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in http://www.coresaocubo.pt/teste/html/08.html
although i attached to different cells, different CSS styles, it only
assumes a:link, a:visited and a:hover from one of them.... why is this
happening, any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

Bad news - this is teh easy part! 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote

Hi again...

i see i have to spend a few time with this issue... thought it would be
easier *snif*

i'll tell you later if i could solve this prblm..

thx all for the quick answer!

ana

Al beat you by three minutes. Sheesh!


Murray *TMM* wrote:

Pseudo-classes and container styles are what you need - here are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm


"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote in message
news:cf0ghm$1i4$1 (AT) forums (DOT) macromedia.com...
Hi all!

I'm making this news website, and in each page i have two CSS: one
for the text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in
http://www.coresaocubo.pt/teste/html/08.html although i attached to
different cells, different CSS styles, it only assumes a:link,
a:visited and a:hover from one of them.... why is this happening,
any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

Hi again...

i see i have to spend a few time with this issue... thought it would be
easier *snif*

i'll tell you later if i could solve this prblm..

thx all for the quick answer!

ana

Shuddup!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Mad Dog" <md (AT) mdp (DOT) com> wrote

Al beat you by three minutes. Sheesh!


Murray *TMM* wrote:
Pseudo-classes and container styles are what you need - here are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm


"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote in message
news:cf0ghm$1i4$1 (AT) forums (DOT) macromedia.com...
Hi all!

I'm making this news website, and in each page i have two CSS: one
for the text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in
http://www.coresaocubo.pt/teste/html/08.html although i attached to
different cells, different CSS styles, it only assumes a:link,
a:visited and a:hover from one of them.... why is this happening,
any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

<obsequious>I humbly apologize to darrel</obsequious>

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Shuddup!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Mad Dog" <md (AT) mdp (DOT) com> wrote in message
news:cf0i4g$3b4$1 (AT) forums (DOT) macromedia.com...
Al beat you by three minutes. Sheesh!


Murray *TMM* wrote:
Pseudo-classes and container styles are what you need - here are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm


"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote in message
news:cf0ghm$1i4$1 (AT) forums (DOT) macromedia.com...
Hi all!

I'm making this news website, and in each page i have two CSS: one
for the text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in
http://www.coresaocubo.pt/teste/html/08.html although i attached to
different cells, different CSS styles, it only assumes a:link,
a:visited and a:hover from one of them.... why is this happening,
any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

zzzzzzzziiiiiiip!


Murray *TMM* wrote:

Shuddup!


"Mad Dog" <md (AT) mdp (DOT) com> wrote in message
news:cf0i4g$3b4$1 (AT) forums (DOT) macromedia.com...
Al beat you by three minutes. Sheesh!


Murray *TMM* wrote:
Pseudo-classes and container styles are what you need - here are
some tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm


"ana" <anabreu (AT) coresaocubo (DOT) pt> wrote in message
news:cf0ghm$1i4$1 (AT) forums (DOT) macromedia.com...
Hi all!

I'm making this news website, and in each page i have two CSS: one
for the text and other for the footer...
in both i determined a:link, a:visited and a:hover

The website is temporarily in
http://www.coresaocubo.pt/teste/html/08.html although i attached to
different cells, different CSS styles, it only assumes a:link,
a:visited and a:hover from one of them.... why is this happening,
any ideas?

what am i doing wrong?

thx for any input,

Ana

ps. here is the code for both the CSS:

--------------------------------------------------------
.texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FF9900;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}

-----------------------------------------------------

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
text-align: left;
vertical-align: top;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-decoration: underline;
}