• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 157
  • Last Modified:

pictures problem

I've got some weird junk going on in my pictures.

If you first go to www.cpsc.ucalgary.ca/~yuenm/index2.html

You'll see a bunch of buttons on the left hand side.  The problem is, some of the buttons have this little _ on the lower right hand side if you look at it in NN AND if you look at it in an old IE browser.  The funny part is it goes away if I do not make the picture a link (like "Home Page") but reappears if I do make it a link.

What's up?
0
myuen
Asked:
myuen
1 Solution
 
webwomanCommented:
After the last grade, I think I'll pass.

HOwever, it's one of those real simple beginner mistakes.
0
 
myuenAuthor Commented:
Holy cow, I didn't you were so sensitive about this.  I just didn't feel it was what I was looking for....that's all.
If you answer this question and it fixes it, i'll give the "A" you want.
0
 
lexxwernCommented:
>> If you answer this question and it fixes it, i'll give the "A" you want.

huh., offtopic but its not the best way to get help, espicially from a top expert at this TA.,
0
Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

 
lexxwernCommented:
btw, change this

&nbsp <a href="projects.html">
<img src="pictures/Projects.gif" border="0" alt="Projects">
</a><br>


to



&nbsp<a href="projects.html"><img src="pictures/Projects.gif" border="0" alt="Projects"></a><br/>


0
 
Bit_TwiddlerCommented:
Looks to me like it is due to spliting your href tags across several lines.

try putting them on one line like below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
     <title>Harpe and Associates</title>
</head>


<body>
<table border="0" width="100%" height="100%">
     <tr>
          <td align="center" valign="top">
               <!-- INNER TABLE -->
                    <table border="0" cellpadding="0" cellspacing="0" width="670">
                         <tr>
                              <td><font color="#ffffff">.</font></td>
                              <td width="270">LOGO</td>
                              <td width="400"><img src="pictures/HeaderTitle.gif" alt="header"></td>
                         </tr>
                         <tr>
                              <td colspan="2"></td>
                              <td align="right">
                                   <!-- INNER TABLE FOR BUTTON -->
                                   <table width="150" bgcolor="#ffff99"> <!-- OUTER BORDER -->
                                        <tr>
                                             <td align="center">
                                                       <table border="0" width="150">
                                                            <tr>
                                                                 <td bgcolor="#ffffcc" align="center"> <!-- INNER TABLE -->
                                                                      <font face="arial"><a href="french.html">FRANCAIS</a></font>
                                                                 </td>
                                                            </tr>
                                                       </table>
                                             </td>
                                        </tr>
                                   </table>
                                   <!-- END OF INNER TABLE FOR BUTTON -->
                              </td>
                         </tr>
                         <tr>
                              <td bgcolor="#0099cc"><font color="#0099cc">.</font></td>
                              <td><BR><BR>
            &nbsp <a href="index.php"> <img src="pictures/HomePage.gif" border="0" alt="Home Page"></a><BR>
            &nbsp <a href="selfassessment.html"> <img src="pictures/SelfAssessment.gif" border="0" alt="Self Assessment"></a><BR>
            &nbsp <a href="aboutharpe.html"> <img src="pictures/AboutHarpe.gif" border="0" alt="About Harpe"></a><BR>
            &nbsp <a href="productsservices.html"> <img src="pictures/ProductsServices.gif" border="0" alt="Products and Services"></a><BR>
            &nbsp <a href="projects.html"> <img src="pictures/Projects.gif" border="0" alt="Projects"></a><BR>
            &nbsp <a href="contactus.php"> <img src="pictures/ContactUs.gif" border="0" alt="Contact Us"></a><BR>
            <BR><BR>
                              </td>
                              <td valign="top" align="right">
                                   <img src="pictures/twopeople.gif" border="0" alt="Main picture">
                              </td>
                         </tr>
                    </table>
               <!-- END OF INNER TABLE -->
          </td>
     </tr>
</table>
<!--
<?PHP
//updateCounter();
?>
-->
</body>
</html>



0
 
lexxwernCommented:
i think i just said that ^^ up there . . .
0
 
Bit_TwiddlerCommented:
That you did. However when I answered with my comment your comment was not yet posted. While I was busy typing you must have already answered with your comment.
0
 
dij8Commented:
To explain what is happening (and what has been said above), <a> tags will make ALL content between them a link.  While an image does not get an underline, text does.  And a space is considered text.  Either there is a space after your image tag and before the new line or you are using a text editor with unusual encoding.

You <a> tag needs to be right next to your image tag (with no gaps).  <a><img ...></a>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

Tackle projects and never again get stuck behind a technical roadblock.
Join Now