CSS Question

[chrisJumbo]

I have been using the following to make some links behave differently than others and seems to be working fine.

#p11 {font-family: "Times New-Roman"; padding-bottom: 2px; padding-top: 0px; padding-left: 3px;
font-size: 11pt; font-weight: normal; word-spacing: 2px; text-align: left;}

#p11 a:link {COLOR: #0000FF; TEXT-DECORATION: none; font-weight: bold}

#p11 a:active {COLOR: #0000FF; TEXT-DECORATION: underline; font-weight: bold}

#p11 a:visited {color: #A52549; TEXT-DECORATION: none; font-weight: bold}

#p11 a:hover {COLOR: #0000FF; text-decoration: underline}

Each line I want to do this, I have as
<p id="p11">Some Text Link Text</p>
<p id="p11">Some Text2 Link Text2</p>


This works fine, but I read that you are only supposed to use an id once. I could wrap it under one big

and insert
to control the line breaks, but that doesn't seem to be a very clean solution either.

I can't use a class, since that doesn't allow you to control the link behavior differently. Any ideas or just leave it?

[speed]

You are correct that an id can only be used once, however you should be able to use a class as follows:

.p11 {font-family: "Times New-Roman"; padding-bottom: 2px; padding-top: 0px; padding-left: 3px;
font-size: 11pt; font-weight: normal; word-spacing: 2px; text-align: left;}

.p11 a:link {COLOR: #0000FF; TEXT-DECORATION: none; font-weight: bold}

.p11 a:active {COLOR: #0000FF; TEXT-DECORATION: underline; font-weight: bold}

.p11 a:visited {color: #A52549; TEXT-DECORATION: none; font-weight: bold}

.p11 a:hover {COLOR: #0000FF; text-decoration: underline}

<p class="p11">Some Text Link Text</p>
<p class="p11">Some Text2 Link Text2</p>

If you find it doesn't then a test page would be most helpful in diagnosing the problem.

[chrisJumbo]

I will give that a try. And if it doesn't work I will post a link to a test page.

Thank you,

[chrisJumbo]

Thanks speed. Success!

[drummin]

Yes,
When Speed speaks, we listen.
He's the man.
Drummin

[chrisJumbo]

And that little tidbit, allowed me to greatly reduce my CSS. I was able to set a base behavior and then just change the items such as font-size, decoration, etc for the classes that needed something different.