Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Graphics, Flash and Multimedia _ image not

Posted by: MindyT Feb 2 2016, 07:22 PM

Hi, I have a very frustrating problem. On this page mediaservicesunlimited.com/marketing-services.php I have some links to some pictures. For some reason when I click on the auntievics link it sends me to the homepage which is the under construct page which does not make any sense. When I go to the assets folder that picture is there. http://www.mediaservicesunlimited.com/assets/auntievics.jpg

This seems like an elementary problem but I can't figure out what 's wrong. Can I have some fresh set of eyes?

CODE

<?php
require_once('functions.php');
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>marketing services for small businesses </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="marketing services,advertising agency,  marketing creations ">
<meta name="description" content="If you are a small business or a nonprofit organization needing assistance with your marketing activities, we're here to help!  We are highly skilled in social media management, marketing material creation and so much more!  ">
<link href="MSU.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<style type="text/css">
article {
    width: 80%;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
    }
    #mainContent {
        background-color:#284a50;
        width:100%;
        padding-top:2%;
        padding-bottom:2%;
    }
h3 {
    color:#284a50;

}
h5 {
    margin-bottom:0%;
    margin-top:0%;  
    color:#FFFFFF;
}
.samples {
    background-color: #419DAF;
    width: 160PX;
    height: 150px;
    float:left;
    margin-left:8%;
    margin-right:-5%;
}
.samples:hover {
    top: 0px;
    bottom: 0px;
}
.samples p {
    visibility:hidden;
}
.samples:hover p {
    visibility:visible;
}
#marketingPortfolio {
    margin-right:5%;
}
#websitePortfolio {
    margin-top:-48px;

}
.portfolioHeading {
    font-family:'satisfy', cursive;
    color: #419DAF;
    margin-left:5%;
}
footer {
    clear:both;
    margin-top:10%;
}
</style>
</head>
<body>
<?php logoMenu();?>
<div id="mainContent">
<article>

<h3> Quality Marketing Services </h3>
Running an organization, of any size is rough, but it's especially hard for small businesses and non-for-profits.  As the leader, you wear so many hats!  You are the salesperson, producer of the product, and sometimes you have to do all the marketing work as well.  Wouldn't it be nice if you could hand off the marketing tasks to someone else, without having to do  them and/or hiring a full-time marketing staff?  <br /><br />Well, fortunately there is!  Media Services Unlimited is a full-service marketing and creative company specifically geared towards small businesses and non-for-profits.  We handle all the marketing tasks, so you can focus on producing high-qualiy products, pleasing your consumers, and growing your organization!  
</article>
</div>
<div id = "marketingPortfolio">
<h3 class="portfolioHeading">Marketing Portfolio </h3>
  <article class ="samples">
           <h5>Press Release Sample </h5>
<a href="assets/Benefit_Dinner_Press_Release.jpg"> <img height="150" width="150" src="assets/Benefit_Dinner_Press_Release.jpg"></a><p class="description">This press release announced Helping Hands annual benefit dinner.  </p>
    </article>
  <article class ="samples">
         <h5>Marketing Material Sample </h5><A HREF=" assets/murder_mystery_invite.jpg">
<IMG HEIGHT="150" WIDTH="150" SRC="assets/murder_mystery_invite.jpg" ></A><p class="description">The design of this invitation was created using Adobe InDesign. Click on the image to see the front and back of the invitation.    
</p>
    </article>
</div>
<div id="websitePortfolio">
    <h3 class="portfolioHeading" style="margin-left:50%;">Website Portfolio </h3>
    <article class="samples" style="margin-left:12%">
<a href="assets/Helping_Hands_Website_Screenshots.jpg"><img height="150" widt/h="150" src="assets/Helping_Hands_Website_Screenshots.jpg"></a>
</article>
</div>
<article class="samples" >
    
<a href="www.auntievics.com"> <img src="assets/auntievics.jpg" width="150" height="150" alt=""/></a>/article>  
</div>  
<?php footer();?>
</body>
</html>

Posted by: pandy Feb 2 2016, 07:35 PM

Sure you don't get a 404 error? You should.

CODE
<a href="www.auntievics.com"> <img src="assets/auntievics.jpg" width="150" height="150" alt=""/></a>


A fully qualified URL begins with http://, not www. That email clients and the like turns it into a fully qualifed URL doesn't mean it is. Most browsers do it too if you type it in the addressbar, but you don't get away with it in the HTML.

The browser sees it as a relative URL, which is what it is. If the HTML file you use it in is at http://example.com/directory/ , the URL will be resolved to this: http://example.com/directory/www.auntievics.com . I'm pretty sure that file doesn't exist on your server either.

Even with that corrected, the link doesn't lead to an image file but to your home page. You have the right URL in the IMG tag, not in the A tag.

Posted by: MindyT Feb 3 2016, 08:45 AM

The http was the problem. Thanks for the help.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)