Go Back   Velocity Reviews > Newsgroups > HTML
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply

HTML - css image link border and underline

 
Thread Tools Search this Thread
Old 02-08-2005, 03:29 AM   #1
Default css image link border and underline


http://www.engsoc.org/~macfisto/cds

The page has thumbnails with captions underneath. If I specify
underlines for the links, I also get an underline under the
thumbnail. This is not nice. I was trying to get rid it using
..thumb p a img {text-decoration: none;} but that ain't working.

Additionally, I'm at a loss as to why the thumbnail border stays
white instead of assuming the link colors. Help!

--
- Steve
"I think a good friend would recommend CLR to all his friends."


Steve Greenaway
  Reply With Quote
Old 02-08-2005, 03:45 AM   #2
Mark Parnell
 
Posts: n/a
Default Re: css image link border and underline

Previously in alt.html, Steve Greenaway <> said:

> http://www.engsoc.org/~macfisto/cds
>
> The page has thumbnails with captions underneath. If I specify
> underlines for the links, I also get an underline under the
> thumbnail.


None of the images or their captions on that page have underlines.

> Additionally, I'm at a loss as to why the thumbnail border stays
> white instead of assuming the link colors. Help!


You've set the border on all images to white. What else would you expect
it to do?

--
Mark Parnell
http://www.clarkecomputers.com.au
  Reply With Quote
Old 02-08-2005, 04:15 AM   #3
Steve Greenaway
 
Posts: n/a
Default Re: css image link border and underline

Kermit the Frog stuck a mic in Mark's face, who said:
>Previously in alt.html, Steve Greenaway <> said:


>> http://www.engsoc.org/~macfisto/cds
>>
>> The page has thumbnails with captions underneath. If I specify
>> underlines for the links, I also get an underline under the
>> thumbnail.


>None of the images or their captions on that page have underlines.


D'oh! I've been playing with it. I'm putting it back now.

>> Additionally, I'm at a loss as to why the thumbnail border stays
>> white instead of assuming the link colors. Help!


>You've set the border on all images to white. What else would you expect
>it to do?


I was under the (seemingly wrong) impression that the link colors
would override that. Dunno where I got that idea, come to think
of it.

--
- Steve
"I think a good friend would recommend CLR to all his friends."
  Reply With Quote
Old 02-08-2005, 05:02 AM   #4
Mark Parnell
 
Posts: n/a
Default Re: css image link border and underline

Previously in alt.html, Steve Greenaway <> said:
> Kermit the Frog stuck a mic in Mark's face, who said:
>>Previously in alt.html, Steve Greenaway <> said:

>
>>> http://www.engsoc.org/~macfisto/cds
>>>
>>> The page has thumbnails with captions underneath. If I specify
>>> underlines for the links, I also get an underline under the
>>> thumbnail.

>
>>None of the images or their captions on that page have underlines.

>
> D'oh! I've been playing with it. I'm putting it back now.


Ah, I see what you mean now. Try removing the space between the image
and the line break. BTW: I don't see any need for the paragraph there.
Nor the nested tables (or layout tables at all), but we won't go there.


>>> Additionally, I'm at a loss as to why the thumbnail border stays
>>> white instead of assuming the link colors. Help!

>
>>You've set the border on all images to white. What else would you expect
>>it to do?

>
> I was under the (seemingly wrong) impression that the link colors
> would override that. Dunno where I got that idea, come to think
> of it.


You would have to set them explicity, e.g.

a:link img {border: xxxxx}
a:hover img {border: xxxxx}

etc.

--
Mark Parnell
http://www.clarkecomputers.com.au
  Reply With Quote
Old 02-08-2005, 05:41 AM   #5
Steve Greenaway
 
Posts: n/a
Default Re: css image link border and underline

Kermit the Frog stuck a mic in Mark's face, who said:
>Previously in alt.html, Steve Greenaway <> said:
>>
>> D'oh! I've been playing with it. I'm putting it back now.


>Ah, I see what you mean now. Try removing the space between the image
>and the line break. BTW: I don't see any need for the paragraph there.
>Nor the nested tables (or layout tables at all), but we won't go there.
>


Paragraph: anal compulsiveness
Tables: Aye. Old design, I'm slowly working to ditch the tables.

>> I was under the (seemingly wrong) impression that the link colors
>> would override that. Dunno where I got that idea, come to think
>> of it.


>You would have to set them explicity, e.g.


>a:link img {border: xxxxx}
>a:hover img {border: xxxxx}


Thanks.

--
- Steve
"I think a good friend would recommend CLR to all his friends."
  Reply With Quote
Old 02-08-2005, 05:57 AM   #6
Mark Parnell
 
Posts: n/a
Default Re: css image link border and underline

Previously in alt.html, Steve Greenaway <> said:

> Paragraph: anal compulsiveness


Just remember to KISS.

> Tables: Aye. Old design, I'm slowly working to ditch the tables.


This may help (if you haven't already seen it):
http://www.allmyfaqs.com/faq.pl?Tableless_layouts

--
Mark Parnell
http://www.clarkecomputers.com.au
  Reply With Quote
Old 02-08-2005, 03:37 PM   #7
Steve Greenaway
 
Posts: n/a
Default Re: css image link border and underline

Kermit the Frog stuck a mic in Mark's face, who said:

>This may help (if you haven't already seen it):
>http://www.allmyfaqs.com/faq.pl?Tableless_layouts


I have seen it actually. It's very helpful. I've been playing with
some two and three column layouts for other sites, but for this one, I'm
trying to figure out how to position those color bars where I want them.
I'm guessing they need to be absolutely positioned, and the z-index pushed
up to overlap the background stuff.

--
- Steve
"I think a good friend would recommend CLR to all his friends."
  Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump