The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> image not
MindyT
post Feb 2 2016, 07:22 PM
Post #1


Advanced Member
****

Group: Members
Posts: 165
Joined: 12-November 13
Member No.: 19,963



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>


This post has been edited by MindyT: Feb 2 2016, 07:26 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 2 2016, 07:35 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,768
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
MindyT
post Feb 3 2016, 08:45 AM
Post #3


Advanced Member
****

Group: Members
Posts: 165
Joined: 12-November 13
Member No.: 19,963



The http was the problem. Thanks for the help.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th November 2017 - 02:56 AM