2 replies [Last post]
leonpaternoster
Offline
newbie
Last seen: 11 years 51 weeks ago
Joined: 2008-03-18
Posts: 9
Points: 0

Hello,

http://leonpaternoster.com/examples/index.php includes two images that link to other pages. Despite my best attempts, a line is still appearing under the images. The relevant HTML is:

blah

And the various link and image styling is:

a:link { text-decoration: none; border-bottom: 1px solid #df7800; color: #df7800; }

a:visited {
text-decoration: none;
border-bottom: 1px solid #3f3f3f;
color: #3f3f3f;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #333;
color: #333;
}

a img, a img.preview {
border: none;
text-decoration: none;
}

a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}

form, img {
font-size: 100%;
line-height: 1.5em;
}

Any advice would be gratefully received.

Thanks,

Leon

ifohdesigns
ifohdesigns's picture
Offline
Enthusiast
Providence, RI
Last seen: 9 years 18 weeks ago
Providence, RI
Timezone: GMT-4
Joined: 2008-02-22
Posts: 269
Points: 0

Put the class 'preview' on

Put the class 'preview' on the anchor for the image, and declare it in your css by itself, or a.preview

mattrossidesigns.com

leonpaternoster
Offline
newbie
Last seen: 11 years 51 weeks ago
Joined: 2008-03-18
Posts: 9
Points: 0

Thanks, worked a treat.

Thanks, worked a treat. Simple too.