Problem with alt tag

winnjewett

I am having a problem with my site. I use the gallery description to display my prices. This works great for the galleries, but since I use a bunch of html, the categories look horrible when the alt tags for each gallery show up.

Is there an elegant solution to this? I am starting to overuse javascript to customize my site. It would be great if something like this could be fixed before it got to the browser window.

-w

devbobo

winnjewett wrote:

I am having a problem with my site. I use the gallery description to display my prices. This works great for the galleries, but since I use a bunch of html, the categories look horrible when the alt tags for each gallery show up.

Is there an elegant solution to this? I am starting to overuse javascript to customize my site. It would be great if something like this could be fixed before it got to the browser window.

-w

winn,

can you post the url for your smugmug site so I can have a look.

Thanks,

David

onethumb

winnjewett wrote:

I am having a problem with my site. I use the gallery description to display my prices. This works great for the galleries, but since I use a bunch of html, the categories look horrible when the alt tags for each gallery show up.

Is there an elegant solution to this? I am starting to overuse javascript to customize my site. It would be great if something like this could be fixed before it got to the browser window.

-w

Love to debug this, but need a URL.

Don

winnjewett

onethumb wrote:

Love to debug this, but need a URL.

Don

Sorry guys. Here's the url: http://photography.brilliantphoton.com/Bear+Creek+Dog+Park

In IE, mouse over Monday, April 11 (top right), and you'll see what I mean.

-w

winnjewett

onethumb wrote:

Love to debug this, but need a URL.

Don

Any Thoughts?
-w

David_S85

winnjewett wrote:

Any Thoughts?
-w

The alt tags are going to the dogs for the first four photos on the page when the mouse is hovering.

search the code on that page for
alt="Tuesday, April 12 :
then place a " following the colon to make it
alt="Tuesday, April 12 :"

do the same for
alt="Monday, April 11 :"
alt="Sunday, April 10 :"
and
alt="Friday, April 8 :"

the rest of the code seems to work fine. Did this do the trick?

winnjewett

David_S85 wrote:

The alt tags are going to the dogs for the first four photos on the page when the mouse is hovering.

search the code on that page for
alt="Tuesday, April 12 :
then place a " following the colon to make it
alt="Tuesday, April 12 :"

I'm not sure I quite follow. The date, "Tuesday, April 12" is the title of the gallery, and is put as the start of the alt tag by smugmug. I think the the problem is that smugmug is also concatenating the gallery's description onto the alt tag. My description includes a bunch of html tags that I use to put one title on all the images in that particular gallery.

-w

Shay Stephens

From my experience, you can't use HTML within an alt tag. Keep it straight text within the "" or you run the risk of this.

Lines 206, 229, 254, 277 have htm within the alt tag. Remove it and all will ok again :-)

Example from line 206:

<a href="/gallery/480307"><img border="1" width="100" height="75" alt="Tuesday, April 12 : &lt;div align=center&gt;&lt;span class=caption1&gt;Ordering prints is fast, easy and totally secure.&lt;/span&gt;&lt;br&gt;&lt;span class=caption2&gt;Simply click &lt;i&gt;add to cart&lt;/i&gt; at the bottom of the page to get started.&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;table align=center width=340 border=0 cellpadding=0 cellspacing=0 class=caption2&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=100 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=60 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=20 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=100 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=60 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=2 class=caption2header&gt;&lt;b&gt;Prints Rates&lt;/b&gt;&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td colspan=2 class=caption2header&gt;&lt;b&gt;Gift Rates&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=5 style=&quot;background-color:#70ADEC&quot;&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=1 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign=top&gt;&lt;td&gt;8x10&lt;/td&gt;&lt;td class=caption2 align=right&gt;$18&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;4x6 Postcard&lt;/td&gt;&lt;td class=caption2 align=right&gt;$7&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5x7&lt;/td&gt;&lt;td class=caption2 align=right&gt;$10&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;Magnets&lt;/td&gt;&lt;td class=caption2 align=right&gt;$7 - $9&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4x6&lt;/td&gt;&lt;td class=caption2 align=right&gt;$8&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;T-Shirt&lt;/td&gt;&lt;td class=caption2 align=right&gt;$20&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;br&gt;" src="/photos/19559143-Ti.jpg" /></a>

Change it to:

<a href="/gallery/480307"><img border="1" width="100" height="75" alt="Ordering prints is fast, easy and totally secure. Simply click 'add to cart' at the bottom of the page to get started." src="/photos/19559143-Ti.jpg" /></a>

winnjewett wrote:

I am having a problem with my site. I use the gallery description to display my prices. This works great for the galleries, but since I use a bunch of html, the categories look horrible when the alt tags for each gallery show up.

Is there an elegant solution to this? I am starting to overuse javascript to customize my site. It would be great if something like this could be fixed before it got to the browser window.

-w

winnjewett

Shay Stephens wrote:

From my experience, you can't use HTML within an alt tag. Keep it straight text within the "" or you run the risk of this.

Lines 206, 229, 254, 277 have htm within the alt tag. Remove it and all will ok again :-)

Example from line 206:

<a href="/gallery/480307"><img border="1" width="100" height="75" alt="Tuesday, April 12 : &lt;div align=center&gt;&lt;span class=caption1&gt;Ordering prints is fast, easy and totally secure.&lt;/span&gt;&lt;br&gt;&lt;span class=caption2&gt;Simply click &lt;i&gt;add to cart&lt;/i&gt; at the bottom of the page to get started.&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;table align=center width=340 border=0 cellpadding=0 cellspacing=0 class=caption2&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=100 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=60 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=20 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=100 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=60 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=2 class=caption2header&gt;&lt;b&gt;Prints Rates&lt;/b&gt;&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td colspan=2 class=caption2header&gt;&lt;b&gt;Gift Rates&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=5 style=&quot;background-color:#70ADEC&quot;&gt;&lt;img src=&quot;http://brilliantphoton.com/images/spacer.gif&quot; width=1 height=1 border=0 alt=&quot;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign=top&gt;&lt;td&gt;8x10&lt;/td&gt;&lt;td class=caption2 align=right&gt;$18&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;4x6 Postcard&lt;/td&gt;&lt;td class=caption2 align=right&gt;$7&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5x7&lt;/td&gt;&lt;td class=caption2 align=right&gt;$10&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;Magnets&lt;/td&gt;&lt;td class=caption2 align=right&gt;$7 - $9&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4x6&lt;/td&gt;&lt;td class=caption2 align=right&gt;$8&lt;/td&gt;&lt;td&gt; &lt;/td&gt;&lt;td&gt;T-Shirt&lt;/td&gt;&lt;td class=caption2 align=right&gt;$20&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;br&gt;" src="/photos/19559143-Ti.jpg" /></a>

Change it to:

<a href="/gallery/480307"><img border="1" width="100" height="75" alt="Ordering prints is fast, easy and totally secure. Simply click 'add to cart' at the bottom of the page to get started." src="/photos/19559143-Ti.jpg" /></a>

Shay, thanks for your help. So what would you do on this page as well as every individual photo page within the gallery? I like having the price list visible, as well as the colors, but I don't want html to show up inside the alt tags.

-w

{JT}

This issue will be resolved in the next update to the site.

winnjewett wrote:

Shay, thanks for your help. So what would you do on this page as well as every individual photo page within the gallery? I like having the price list visible, as well as the colors, but I don't want html to show up inside the alt tags.

-w

winnjewett

{JT} wrote:

This issue will be resolved in the next update to the site.

Awesome, Thanks JT.
-w