Is there a problem with my HTML code that would cause my image to not appear?
<tbody>
<tr>
<td>1517 N Lotus</td>
<td><img src = "0004livingroombrown.jpeg" alt ="livingroom" width="92"height="120"></td>
<td>hello3</td>
<td>hello4</td>
<td>hello5</td>
</tr>
</tbody>
your code doesn't show any problem.
If you are sure that the image is on the same folder where code exist
than try to change the extension .jpeg to .jpg
that will resolve your problem.
Related
what is the reason, that I can not see the picture by mozilla and expolre
photo number1: that is in mozilla fire fox and explore Browser
photo number 2: that is in google chrome Browser
<div style="display: inline-flex;" >
<table border="1px">
<tr>
<ul>
<th id="th">Managers
</th>
<th id="th">photo </th>
<th id="th"> Favorite saying to motivate</th>
</ul>
</tr>
<tr>
<ul>
<td>Ali Alahmad</td>
<td> <img src="https://cdn3.iconfinder.com/data/icons/business-vol-2-flat-icons/72/57-512.png" width="100" height="100"></td>
<td> A year from now you may wish you had started today</td>
</ul>
</tr>
<tr>
<ol>
<td>Mohamad Batan</td>
<td> <img src="https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA" width="100" height="100"></td>
<td> Don't let the past hold you, you're missing the good stuff</td>
</ol>
</tr>
<tr>
<td>Khandro</td>
<td> <img src="https://cdn2.iconfinder.com/data/icons/user-23/512/User_Executive_1.png" width="100" height="100"> </td>
<td>Every new day is another chance to change your life</td>
</tr>
</table>
</div>
https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA
Looks like a link to a GMAIL proxy image, these can only be viewed if you're logged into gmail as the user that received the email with this image.
To clarify, when you send an email with an image to someone though gmail, google will download this image into their own cache server googleusercontent and then send that link instead of the original image.
This is to protect you from viruses or unauthorized downloads that may happen because the image may not actually be an image when it's sent by a malicious user.
What happens is that the google cached image can only be viewed by the person who was meant to receive it, and google knows this only if you're logged in as that user.
Try asking the person that can see it to download that image to his/her computer and sending it to you or uploading it again to some server.
Maybe they can't load that one picture. Try to download it and put the Image Path in the img src
You are logged in via Google on chrome that is why you can see it, but not in other browsers.
So it need the correct cookie stored to know that it's you that is requesting the file.
Actually it seems your link is wrong. I can't see the picture in any browser.
if you try the url picture in your browser directly you can see that it returns 403 Unauthorized error from google. By and Large this picture is not public.
Browser Error
I have written html code in JSP file and it is for showing icon link. It is successfully running in IE browser but not showing image icon in chrome and Firefox browser and even no adblocker is there in my browsers.
<table border="1" width="90%" class="buttons">
<tr>
<td width="25%">PROJECT
</td>
<td width="25%">
<a href="CrunchifyServlet">
<img height="20px" src="C://Users//Downloads//Start-icon.png">
</a>
</td>
</tr>
</table>
Your image URL points to a resource which ist only accessible for browsers if they have permission to read the file system. Also no one but yourself will have access to this URL.
Better change the absolute URL…
<img height="20px" src="C://Users//Downloads//Start-icon.png">
into a relative one:
<img height="20px" src="./YOUR-PATH-HERE/Start-icon.png">
This also helps you in case you want to copy your files to another server.
Also see https://developer.mozilla.org/en-US/Learn/Common_questions/What_is_a_URL for more information on URLs.
I have a website with thumbnails that link to pictures in a new tab. For whatever reason some of them work and some of them don't. Is this most likely a problem with my schools web server? I'll link the code here as well as the website.
Here is the website
If you scroll down to the second part of this photo gallery you will notice that some of these thumbnails are not working and when you click them the full image does not show up either. Using filezilla I copy and pasted from my PC into the server all at once. So I feel like there may be something I'm missing in the code. At the same time however the code is exactly the same except with different names so I have no idea whats going on. If you see any coding issues please let me know otherwise I will just assume it is a problem with the schools web server.
And here is some of the code.
<tr>
<td><img src="images/tn_quiltexample1.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample2.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample3.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample4.jpg" alt="Quilt Example"></td>
</tr>
<tr>
<td><img src="images/tn_quiltexample5.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample6.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample7.jpg" alt="Quilt Example"></td>
<td><img src="images/tn_quiltexample8.jpg" alt="Quilt Example"></td>
</tr>
From the code I linked. Quiltexample 3, 4, and 5 are not showing up.
Your 3 images that are missing have uppercase file extensions and the web server being used is configured to respect case sensitivity.
These urls work:
http://rnissen.myweb.usf.edu/images/quiltexample3.JPG
http://rnissen.myweb.usf.edu/images/quiltexample4.JPG
http://rnissen.myweb.usf.edu/images/quiltexample5.JPG
You can also just access them without the extension.
http://rnissen.myweb.usf.edu/images/quiltexample3
http://rnissen.myweb.usf.edu/images/quiltexample4
http://rnissen.myweb.usf.edu/images/quiltexample5
Let's assume that I'm already sending email messages and all that is working OK. I'm trying to embed a Base64 img in the HTML for a system.net.mail message inline and it's not working. It shows everything and the source on the email has the image embedded but it's not showing.
<html>
<table>
<tr>
<td>Name:</td>
<td>Ralph Wiggums</td>
</tr>
<tr>
<td><img src="data:image/png;base64,iVBORw0KGg...deleted for size sake...ErkJggg=="></td>
</tr>
</table>
</html>
I'm a rookie in webpage development working on my first webpage. I wrote some HTML code in a text editor and saved it as an HTML file. However, when I open it in my browser, I only see the plain HTML text instead of the table. Can anyone help me with this?
The following is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<CENTER>
<TABLE border=2>
<CAPTION>My Homework</CAPTION>
<TR>
<TD>Link to Homework #1</TD>
<TD>Link to Homework #2</TD>
<TR>
<TD>Link to Homework #3</TD>
<TD>Link to Homework #4</TD>
<TR>
<TD>Link to Homework #5</TD>
<TD>Link to Homework #6</TD>
<TR>
<TD>Link to Homework #7</TD>
<TD>Link to Homework #8</TD>
</TABLE>
</CENTER>
</BODY>
</HTML>
In addition to closing the <TR>'s with </TR>'s make sure you are saving the file with an extension that indicates it's an HTML file. page.html, page.htm etc.
So you are using TextEdit on Mac. Sounds like you might want to read this to ensure you are saving the file correctly.
What Andrew said is correct about proper HTML. But all browsers fix slightly broken HTML when they render the page.
From the sounds of the issue, i think you might have a file with 2 extensions e.g.: test.html.txt
Make sure in windows, you show known file type extensions and the file doesn't have a .txt (or any other extension besides .htm or .html) at the end of it.
The HTML editor you are using may be translating what you type in as HTML - that is, when you type <html> , it becomes something like: <html>
Try opening up the file is a simple text editor to see if this is happening.