Fragment help

[george]

I'm having an Actinic `block` here. Here's the template for a fragment I use, but it no longer shows the image `alt` text when hovering over it, I'm very sure it used to...

<!-- LeftImageAndTitle HTML begin -->

<tr>
<td colspan="3" valign="top">

NETQUOTEVAR:FRAGMENTANCHOR
<table border="0" width="100%" cellpadding="1" cellspacing="1">

<td valign="top" align="left" width="100">NETQUOTEVAR:BROCHURE_IMAGE</td>
<td valign="top">
<b><font size="2">NETQUOTEVAR:BROCHURE_TITLE</font></b>&nbsp;&nbsp;<br>
NETQUOTEVAR:BROCHURE_TEXT</td>
</tr>
</table>

</td>
</tr>

<!-- LeftImageAndTitle HTML end -->

Any ideas?

[jont]

Are you viewing using Firefox as this won't display the ALT on a hover?

[george]

Internet Explorer.

[george]

I've spent a good bit of time on this now. I can get the image `clickable`, or the text title, but not both. Surely this is possible?

If its not, for whatever reason, what would be best? The fragment title, since I think most visitors would try to click on it first, or the image, which helps with the `alt` text.

[NormanRouxel]

The ALT tag usually is present and working. Brochure images come from Act_BrochureImage.html which is usually

<!-- BrochureImage HTML begin -->
<!-- This file is used to build the brochure logo image markup. -->

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
	  ALT="NETQUOTEVAR:ALTERNATETEXT"
	  BORDER=0
	  NETQUOTEVAR:IMAGEHEIGHT
	  NETQUOTEVAR:IMAGEWIDTH
	  NETQUOTEVAR:OTHERIMAGEMARKUP>

<!-- This file is used to build the brochure logo image markup. -->
<!-- BrochureImage HTML end -->

If you want Firefox (and true HTML compatibility) then use

<!-- BrochureImage HTML begin -->
<!-- This file is used to build the brochure logo image markup. -->

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
	  ALT="NETQUOTEVAR:ALTERNATETEXT"
	  TITLE="NETQUOTEVAR:ALTERNATETEXT"
	  BORDER=0
	  NETQUOTEVAR:IMAGEHEIGHT
	  NETQUOTEVAR:IMAGEWIDTH
	  NETQUOTEVAR:OTHERIMAGEMARKUP>

<!-- This file is used to build the brochure logo image markup. -->
<!-- BrochureImage HTML end -->

ALT tags are really alternative text (for text-only browsers, disabled access screen readers etc) and TITLE is the correct tag for popup help. However most browsers use the ALT as the TITLE if there's no TITLE present and it's only Firefox , by strictly adhering to the standard, that fails.

Indeed, with Firefox's growth in poularity, it would be a good idea to add a TITLE tag to the main Act_ProductImage.html template too.

[pinbrook]

Good tip Norman!!

Hopefully Actinic will add this to the templates in the next version

[george]

Even inserting the "TITLE="NETQUOTEVAR:ALTERNATETEXT"" it still does not bring up the alt text on the hover.

Here's an example of one of the offending fragment titles "!!<<a href="http://www.footballheaven.net/acatalog/Badges.html">Badges</a>>!!"

When the `title html` is removed and a standard piece of text inserted, the image then has `alt text` above it on a hover.

[Mike Hughes]

George, can you you show us a page and image where this isn't working? I'd like to take a look at the code actinic is generating.

Mike

[george]

My Homepage Mike. The first fragment (the Welcome one) is an example of how the image (the small ball) has `alt text`(working correctly) but there is no html within the title. The next few fragments, Badges, Books, etc have the html within the title (which allows the title to be `clickable`), but seems to stop the `alt text` working. If I remove the html from the title the images then become `clickable` with no further adjustment at all.

[NormanRouxel]

Re http://www.footballheaven.net/acatalog/Badges.html

There are no Brochure Fragment images on that page. Do you mean the CustomVar images in the sidebars? There are hand coded I think. If so you'll have to post the code you used for these. You may need to make additional CustmVars to hold the ALT text for these.

[george]

No Norm, its the sections within the centre of our actual homepage (Brochure, not Catalog). Just below our nav bar, says `Homepage` and the first fragment is `Welcome`, the second Badges (the first `offending one`), third Books, etc.

Sorry if I've made this difficult to understand. (I dislike posts with lack of info within their queries too, lol).

[NormanRouxel]

As to http://www.footballheaven.net/index.html the very first fragment image (little white ball) is OK in Netscape. However the other alternating fragments are failing to display any ALT or TITLE text. They all have e.g.

<IMG SRC="acatalog/badgeshp.jpg" ALT="" TITLE="" BORDER=0 HEIGHT=80 WIDTH=170 >

This is weird. They should be putting the fragment title in there. Are you using a fragment title on these items? Are you hand-coding the first word to be a link?

It may help to post the actual Fragment Template you're using, the text you've put in that fragment and your Act_BrochureImage.html

[george]

Fragment template (for Badges, etc)...

<!-- LeftImageAndTitle HTML begin -->

<tr>
<td colspan="3" valign="top">

NETQUOTEVAR:FRAGMENTANCHOR
<table border="0" width="100%" cellpadding="1" cellspacing="1">

<td valign="top" align="left" width="100">NETQUOTEVAR:BROCHURE_IMAGE</td>
<td valign="top">
<b><font size="2">NETQUOTEVAR:BROCHURE_TITLE</font></b>&nbsp;&nbsp;<br>
NETQUOTEVAR:BROCHURE_TEXT</td>
</tr>
</table>

</td>
</tr>

<!-- LeftImageAndTitle HTML end -->

Fragment title...

!!<<a href="http://www.footballheaven.net/acatalog/Badges.html">Badges</a>>!!

Fragment text...

International Football Association, club and country badges and pins from all over the world including club badges from England, Scotland, Wales, France, Germany, Italy, Spain, Ireland, Europe, Asia, South America and much, much more. Over 1600 different badges kept in stock at any time.

Template for the Welcome frag...

<!-- LeftImageAndTitle HTML begin -->

<tr>
<td colspan="3" valign="top">

NETQUOTEVAR:FRAGMENTANCHOR
<table border="0" width="100%" cellpadding="1" cellspacing="1">

<td valign="top" align="left" width="15">NETQUOTEVAR:BROCHURE_IMAGE</td>
<td valign="top">
<b><font size="2">NETQUOTEVAR:BROCHURE_TITLE</font></b>&nbsp;&nbsp;<br>
NETQUOTEVAR:BROCHURE_TEXT</td>

</table>

</td>
</tr>

<!-- LeftImageAndTitle HTML end -->

Template for Brochure Image...

<!-- BrochureImage HTML begin -->
<!-- This file is used to build the brochure logo image markup. -->

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
ALT="NETQUOTEVAR:ALTERNATETEXT"
TITLE="NETQUOTEVAR:ALTERNATETEXT"
BORDER=0
NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH
NETQUOTEVAR:OTHERIMAGEMARKUP>

<!-- This file is used to build the brochure logo image markup. -->
<!-- BrochureImage HTML end -->

[anf1y]

I have looked at your page to see why yours doesn't work and mine does. I have the alt text as the title, and the link as an href in the description... By putting the link in bold it looks the same and does the job of the title being clickable...

[george]

Maybe I need a cheeky look at yours Anthea? Your template of course.