[motoyen]

Not even sure how to ask this but can I specify which links css is applied to?

For example this is what I have for:

A:hover
{
color: #333333;
font-family: Verdana, Arial, Helvetica,
font-size: 10px;
font-weight: bold;
background-color: #FFFFFF;
}

The problem is in Safari this places a white line under any image I have set as a link. It doesn't seem to do this in any other browser.

Is there any way I can remove this css attribute from the images but leave it for all other links?

[OptimusG4]

Answer taken from here:

Code:
.speciallink {
             font-family: verdana, arial, helvetica, sans-serif;
             color: #000000;
             }

          

.speciallink A:link {
             color: #0099FF;
             text-decoration: none;
             }

          

.speciallink A:visited {
             color: #9933FF;
             text-decoration: none;
             }

          

.speciallink A:hover {
             color: #CC0000;
             text-decoration: underline;
             }

Then, to apply:

Code:
[p class="speciallink"][a href="http://www.website.com/"]text to be linked[/a][/p]

Just replace '[' ']' with the '<' and '>' tags.

[philzilla]

Originally posted by motoyen:
Is there any way I can remove this css attribute from the images but leave it for all other links?

adding border="0" should cancel that out. were you not adding that to your linked images?

[Millennium]

The advice Optimus gave will work, but there's a better way to do it. Instead of using:

Code:
.speciallink a:link

use:

Code:
a.speciallink:link

Then, you put the class attribute directly on the A tags, rather than wrapping them in a P tag. That'll cut down on page size a bit.

Code:
<.a href="blah" class="speciallink">

(remove the dot at the beginning of the tag, of course.)

The problem is in Safari this places a white line under any image I have set as a link. It doesn't seem to do this in any other browser.

Is there any way I can remove this css attribute from the images but leave it for all other links?

That shows up only in Safari v62, and is a bug in that browser. Hyatt has noted that it has already been fixed for the next public release. So I wouldn't worry about it for now.

[snotnose]

there needs to be more css talk in here! good stuff

[motoyen]

Thanks guys that helped a lot!

[wagmedia]

Originally posted by Millennium:
The advice Optimus gave will work, but there's a better way to do it. Instead of using:

Code:
.speciallink a:link

use:

Code:
a.speciallink:link

Then, you put the class attribute directly on the A tags, rather than wrapping them in a P tag. That'll cut down on page size a bit.

Code:
<.a href="blah" class="speciallink">

(remove the dot at the beginning of the tag, of course.)

That shows up only in Safari v62, and is a bug in that browser. Hyatt has noted that it has already been fixed for the next public release. So I wouldn't worry about it for now.

I've been using the classes on "a" tags seemingly forever. You used to have to use them for link colors to show up properly in NE4.