[s o l i d s t e e l]

does anyone know how on the BBC news website they use CSS to control the a:hover of text links when a person focuses on an image. They don't use javascript.

Thanks

[yongfook]

If you are talking about the images along the right column that have a rollover effect on the title when you mouseover the pic - its very simple.

The image and the title are within the same anchor tag. Just set up a a:hover property for your text hyperlinks, and as long as the title and image are in the same a href tag, the title will change colour when the image is mouseover'd.

The alignment is as such:

<BLOCKQUOTE><font size="1"face="Geneva, Verdana, Arial">code:</font><HR><pre><font size=1 face=courier>
&lt;a href=<font color = red>"blahblah"</font>&gt;
&lt;img src=<font color = red>"yourimage"</font> align=<font color = red>"right"</font>&gt;
Title Title&lt;/a&gt;&lt;br&gt;
Text text text text text text
</font>[/code]

[s o l i d s t e e l]

You know I thought it was more than that!

Many thanks

Originally posted by yongfook:
<STRONG>If you are talking about the images along the right column that have a rollover effect on the title when you mouseover the pic - its very simple.

The image and the title are within the same anchor tag. Just set up a a:hover property for your text hyperlinks, and as long as the title and image are in the same a href tag, the title will change colour when the image is mouseover'd.

The alignment is as such:

&lt;BLOCKQUOTE&gt;&lt;font size="1"face="Geneva, Verdana, Arial"&gt;code:&lt;/font&gt;&lt;HR&gt;&lt;pre&gt;& amp;lt;font size=1 face=courier&gt;
&lt;a href=&lt;font color = red&gt;"blahblah"&lt;/font&gt;&gt;
&lt;img src=&lt;font color = red&gt;"yourimage"&lt;/font&gt; align=&lt;font color = red&gt;"right"&lt;/font&gt;&gt;
Title Title&lt;/a&gt;&lt;br&gt;
Text text text text text text
&lt;/font&gt;&lt;/pre&gt;&lt;HR&gt;&lt;/BLOCKQUOTE&gt;</STRONG>