Posted by David Segall on 01/19/06 18:03

"Jonathan N. Little" <lws4art@centralva.net> wrote:

>David Segall wrote:
>> I have the usual flags to denote various languages in my page heading
>> and I would like to provide the name of the language underneath them
>> when the user has selected one or is hovering above one.
>
><style type="text/css">
> .icon { float: left; background-color: #000; }
> .icon A { text-decoration: none; }
> .icon IMG { border: 0; padding: 2px; }
> .icon SPAN { color: #fc0; padding: .2em; }
> .icon A:link SPAN,
> .icon A:visited SPAN { display: none; }
> .icon A:hover SPAN,
> .icon A:active SPAN { display: block; }
> .icon A:link,
> .icon A:visited { display: inline; }
> .icon A:hover,
> .icon A:active { display: block; }
></style>
>
><div class="icon">
> <a href="english.html">
> <img src="english.jpg" alt="icon">
> <span class="caption">English</span>
> </a>
></div>
><div class="icon">
> <a href="spanish.html">
> <img src="spanish.jpg" alt="icon">
> <span class="caption">Spanish</span>
> </a>
></div>
><div class="icon">
> <a href="french.html">
> <img src="french.jpg" alt="icon">
> <span class="caption">French</span>
> </a>
></div>
Thanks Jonathan. That worked perfectly after I realised I had a class
called "caption". :)

• Next in forum: Re: CSS Button Designer
• Prev in forum: Re: How do I get MS Sans Serif on my whole webpage?
• Thread view: Re: Text below image on hover

[Reply to this message]