Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!
Images not displaying on websites.
Images not displaying on websites.
2 images side by side. Left image shows – right image does not show. (Same code on both except position)
Same code; replace the right image with another image; same problem. Replace the right image with the left image (the left image to show left and right); but, only the left shows. Combine two images in one using the code for the left image. Nothing shows except the html border.
To see the issue, go to www.jandmmfg.com (the “about” page) The image is missing, but the html border is showing.
Positioning is done with class .i4
Code for the about web page:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="About.aspx.vb" Inherits="About" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" type="text/css" href="Site_Styles.css" />
<title>Consistent reliable quality apparel manufacturing since 1994 at J&M Mfg in Baltimore</title>
<style type="text/css">
body {
background-color: #C0C0C0;
color: #000000;
height: 1500px;
width: 85%;
margin: 25px 0px 7px auto;
font-family: Georgia, "Times New Roman", serif;
font-size: 2em;
font-weight: normal;
font-style: italic;
border-bottom: 10px solid gold;
}
a.LinkButton {
font-family: Georgia, "Times New Roman", serif;
font-size: small;
text-align: center;
position: absolute;
z-index: 1;
width: 80px;
right: 1054px;
border: medium ridge #66CCFF;
background-color: #4682B4;
color: #FFFFFF;
top: 800px;
left: 325px;
height: 20px;
}
.i {
position: absolute;
left: 300px;
top: 25px;
}
.i1 {
position: absolute;
left: 550px;
top: 25px;
}
.i2 {
position: absolute;
left: 670px;
top: 25px;
}
.i3 {
font-family: Georgia, "Times New Roman", serif;
font-size: .5em;
font-weight: normal;
font-style: italic;
}
.i4 {
position: absolute;
left: 325px;
top: 500px;
border: solid;
}
.i5 {
position: absolute;
left: 620px;
top: 517px;
}
.i6 {
position: absolute;
left: 450px;
top: 815px;
border: solid;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<img src="Images/J_M__Logo_12-1
<img src="Images/about.png"clas
<img src="Images/baltimoremaryl
<div class="i3" style="position: absolute; top: 170px; left: 325px; width: 550px; height: 326px;">
&n
We have been here in Baltimore, Maryland since 1994. We love this city, the people, and what we do. Keeping a software agreement going with Gerber Technologies for their latest version of Accumark software for pattern design editing, keeps us current with the design technology.
<br />
&n
Dancewear and sportswear have always been heavy on our WIP schedule. Cutting and sewing for companies that do dye sublimation (generally active wear) has become a growing part of our business. In most cases we turn the orders in one day which makes us very valuable to our customers in the dye sub business; making us part of their team.
<br />
We have screen printing (large print area), high capasity 8-head Tajima embroidery and heat press. Keeping all of this at the same address is a huge convenience for us and our customers. I attribute our abilities to the incredible talent and people skills of my wife Myong Tillery shown with me below, and the skill and hard work from our great employees whom are definitely the heart of our team. If you need more info, please call. 443-415-0631 Thank you for taking the time to look into J & M Manufacturing, Inc. -- Joe Tillery</p>
</div>
<img src="Images/J&M_2016-Array
<img src="Images/new_tajima.jpg
<div>
<a href="index.html" class="LinkButton">Home</a
</div>
<div>
</div>
</form>
</body>
</html>
screen-shot_12-19-2018.docx
2 images side by side. Left image shows – right image does not show. (Same code on both except position)
Same code; replace the right image with another image; same problem. Replace the right image with the left image (the left image to show left and right); but, only the left shows. Combine two images in one using the code for the left image. Nothing shows except the html border.
To see the issue, go to www.jandmmfg.com (the “about” page) The image is missing, but the html border is showing.
Positioning is done with class .i4
Code for the about web page:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="About.aspx.vb" Inherits="About" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" type="text/css" href="Site_Styles.css" />
<title>Consistent reliable quality apparel manufacturing since 1994 at J&M Mfg in Baltimore</title>
<style type="text/css">
body {
background-color: #C0C0C0;
color: #000000;
height: 1500px;
width: 85%;
margin: 25px 0px 7px auto;
font-family: Georgia, "Times New Roman", serif;
font-size: 2em;
font-weight: normal;
font-style: italic;
border-bottom: 10px solid gold;
}
a.LinkButton {
font-family: Georgia, "Times New Roman", serif;
font-size: small;
text-align: center;
position: absolute;
z-index: 1;
width: 80px;
right: 1054px;
border: medium ridge #66CCFF;
background-color: #4682B4;
color: #FFFFFF;
top: 800px;
left: 325px;
height: 20px;
}
.i {
position: absolute;
left: 300px;
top: 25px;
}
.i1 {
position: absolute;
left: 550px;
top: 25px;
}
.i2 {
position: absolute;
left: 670px;
top: 25px;
}
.i3 {
font-family: Georgia, "Times New Roman", serif;
font-size: .5em;
font-weight: normal;
font-style: italic;
}
.i4 {
position: absolute;
left: 325px;
top: 500px;
border: solid;
}
.i5 {
position: absolute;
left: 620px;
top: 517px;
}
.i6 {
position: absolute;
left: 450px;
top: 815px;
border: solid;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<img src="Images/J_M__Logo_12-1
<img src="Images/about.png"clas
<img src="Images/baltimoremaryl
<div class="i3" style="position: absolute; top: 170px; left: 325px; width: 550px; height: 326px;">
&n
We have been here in Baltimore, Maryland since 1994. We love this city, the people, and what we do. Keeping a software agreement going with Gerber Technologies for their latest version of Accumark software for pattern design editing, keeps us current with the design technology.
<br />
&n
Dancewear and sportswear have always been heavy on our WIP schedule. Cutting and sewing for companies that do dye sublimation (generally active wear) has become a growing part of our business. In most cases we turn the orders in one day which makes us very valuable to our customers in the dye sub business; making us part of their team.
<br />
We have screen printing (large print area), high capasity 8-head Tajima embroidery and heat press. Keeping all of this at the same address is a huge convenience for us and our customers. I attribute our abilities to the incredible talent and people skills of my wife Myong Tillery shown with me below, and the skill and hard work from our great employees whom are definitely the heart of our team. If you need more info, please call. 443-415-0631 Thank you for taking the time to look into J & M Manufacturing, Inc. -- Joe Tillery</p>
</div>
<img src="Images/J&M_2016-Array
<img src="Images/new_tajima.jpg
<div>
<a href="index.html" class="LinkButton">Home</a
</div>
<div>
</div>
</form>
</body>
</html>
screen-shot_12-19-2018.docx
Who is Participating?
Experts Exchange Solution brought to you by
Enjoy your complimentary solution view.
Get this solution by purchasing an Individual license!
Start your 7-day free trial.
I wear a lot of hats...
"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.
Looks like your HTML is mangled, where image names have no spaces between image + attributes.
Fix all https://validator.w3.org/n
Fix all https://validator.w3.org/n
Ryan Chong
I changed the image file name to JM_2016_Array.png saved in VS2012 - uploaded to the verio server. It might take a little while to propagate.
I changed the image file name to JM_2016_Array.png saved in VS2012 - uploaded to the verio server. It might take a little while to propagate.
David Favor
The new code line for the image is: (new image name) -- (Added the alt attribute)
<img src="Images/JM_2016_Array.
The new code line for the image is: (new image name) -- (Added the alt attribute)
<img src="Images/JM_2016_Array.
I changed the image file name to JM_2016_Array.png saved in VS2012 - uploaded to the verio server. It might take a little while to propagate.
ok, so by changing the image's name, it seems working fine now to display on the "About" web page.
Still appears wrong.
You must have a space between png"alt=... else the browser won't have a clue what to do because...
Browsers know what to do with .png files.
Browsers can do nothing with a *.png"alt="about"class="i4
The correct line should be...
Notice closely where the spaces are included.
Also good form to end your style with a ";" to avoid problems when you tack on other attributes + forget to add the ";" + end up in a similar situation again.
You must have a space between png"alt=... else the browser won't have a clue what to do because...
Browsers know what to do with .png files.
Browsers can do nothing with a *.png"alt="about"class="i4
The correct line should be...
<img src="Images/JM_2016_Array.png" alt="about" class="i4" style="height: 280px; width: 550px;" />
Notice closely where the spaces are included.
Also good form to end your style with a ";" to avoid problems when you tack on other attributes + forget to add the ";" + end up in a similar situation again.
Experts Exchange Solution brought to you by
Your issues matter to us.
Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.
Start your 7-day free trialIt's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development
From novice to tech pro — start learning today.
Experts Exchange Solution brought to you by
Enjoy your complimentary solution view.
Get this solution by purchasing an Individual license!
Start your 7-day free trial.
A potentially dangerous Request.Path value was detected from the client (&).
try rename the image of "J&M_2016-Array.png" by removing the "&" or replace it with other character.