Solved

pictures problem

Posted on 2002-06-08
8
150 Views
Last Modified: 2010-04-09
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
Comment
Question by:myuen
8 Comments
 
LVL 19

Expert Comment

by:webwoman
ID: 7064720
After the last grade, I think I'll pass.

HOwever, it's one of those real simple beginner mistakes.
0
 
LVL 1

Author Comment

by:myuen
ID: 7064766
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
 
LVL 12

Expert Comment

by:lexxwern
ID: 7064954
>> 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
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
LVL 12

Accepted Solution

by:
lexxwern earned 50 total points
ID: 7064956
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
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7064959
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
 
LVL 12

Expert Comment

by:lexxwern
ID: 7064968
i think i just said that ^^ up there . . .
0
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7064974
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
 
LVL 10

Expert Comment

by:dij8
ID: 7065973
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

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question