9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Trouble with alt tags in widgets.

by Carol_A
7 replies
  • WEB DESIGN
    • |
Why is it that I can easily add alt tags to my pictures in a post, and when I try to do the same thing in a widget, the html for this does not 'execute?'

I host my own blog on WordPress.org. I use the editor built in when creating posts, no problem with alt tags for pictures.

The widgets on the side bar are a different story. I have to use Front Page to do these and the alt tags are not visible. Never had a problem with this except on the sidebar.

Would appreciate any help. I am probably overlooking something simple.

TIA,
Carol Amato
#alt #tags #trouble #widgets
  • Profile picture of the author Istvan Horvath
    1. You don't host your blog on wordpress.org - nobody does; we just get the script downloaded from there.

    2. Why do you need Frontpage for writing one line of code for displaying an image???
    HTML Code:
    <img src="...path/url-for-image" alt="image name" title="title-goes-here" class="if-any" />
    What else is there that you need FP?
    Signature

    {{ DiscussionBoard.errors[3182421].message }}
    • Profile picture of the author Carol_A
      Thanks for the correction. Should have just said I self-host. lol

      I have had FrontPage for many years and store everything there with code.

      Will try your code.

      Thanks for taking the time to help.

      Carol Amato
      Signature
      Carol Amato
      {{ DiscussionBoard.errors[3182472].message }}
      • Profile picture of the author Carol_A
        Right underneath my opt-in, I have a section "Connect With Carol"

        This is the code I am using, but do not see any text when hovering images.

        HTML Code:
        <p style="text-align: center;"></p>
<div align="center">
  <center>
  <table border="0" cellspacing="6" cellpadding="4" height="37">
    <tr>
      <td align="center" colspan="3" height="20">
        <font face="Arial" color="#6C6750" size="2.5">Follow Me On </font>
        <font face="Arial" size="2.5"><a href="http://www.warriorforum.com/members/carol_a.html" target="_blank">Warrior
        Forum</a></font>
 <a rel="nofollow" href="http://www.warriorforum.com/members/carol_a.html" target="_blank" style="color: #6C6750">
        <font face="Arial" color="#6C6750" size="2.5"><br>
        <br>
 </font>
        </a>
      </td>
    </tr>
    <tr>
      <td align="center" height="31">
        <p align="center"><font size="3" face="Arial" color="#6C6750"><a href="http://twitter.com/#!/Carol_Amato_" target="_blank"><img border="0" src="http://www.CarolAmato.com/twitter.png" alt="Connect with Carol on twitter." width="64" height="64"><br>
        </a></font><font size="3" face="Arial" color="#78CEED"><b>twitter</b></font></td>
      <td align="center" height="31">
        <p align="center"><font size="3" face="Arial" color="#6C6750"><a href="http://www.carolamato.com/feed/" target="_blank"><img border="0" src="http://www.CarolAmato.com/rss.png" alt="Subscribe to Carol's Blog." width="64" height="64"><br>
        </a></font><font size="3" face="Arial" color="#DD7B25"><b>RSS</b></font></td>
      <td align="center" height="31">
        <p align="center"><font size="3" face="Arial" color="#6C6750"><a href="http://www.facebook.com/Carol.Amato.online" target="_blank"><img border="0" src="http://www.CarolAmato.com/facebook.png" alt="Connect with Carol on facebook." width="64" height="64"><br>
        </a></font><font size="3" face="Arial" color="#0861A8"><b>facebook</b></font></td>
    </tr>
  </table>
  </center>
</div>
        Signature
        Carol Amato
        {{ DiscussionBoard.errors[3182503].message }}
  • Profile picture of the author Istvan Horvath
    Also, make sure you know the difference between alt tag and image tag (they display differently in browsers, to make it more complicated).
    Good reading: Image Alt Text Vs. Image Title : What’s the Difference? | Search Engine Journal
    Signature

    {{ DiscussionBoard.errors[3182532].message }}
    • Profile picture of the author Carol_A
      I have IE, Chrome and FF; NONE show the text when hovering over my Connect With Carol images, which leads me to believe it is a particular "setting" or something to do with the side bar and widgets.

      Same exact code used in posts = no problems.

      Will read that article now. Thanks.
      Signature
      Carol Amato
      {{ DiscussionBoard.errors[3182563].message }}
  • Profile picture of the author Istvan Horvath
    If you finished reading... here is the big secret: the alt tag is NOT supposed to be shown in browsers where the image is displayed

    Earlier IE versions displayed it but it was a mistake (as so many things in it). Web standard compliant browsers display only the titl tag...
    Signature

    {{ DiscussionBoard.errors[3182635].message }}
    • Profile picture of the author Carol_A
      THAT'S IT!

      Working on it now, but it works.

      Thanks again for the help!



      Carol
      Signature
      Carol Amato
      {{ DiscussionBoard.errors[3182699].message }}

Trending Topics