troubleshooting Question
Images not displaying on websites.
asked on
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
Learn from the best
Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.
Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 8 Comments.
Try for 7 days”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.