pictures aren't showing up on the website once they've been uploaded to the server

While creating a landing page, I encountered an issue where it displayed three specific images when tested locally on my computer, but not when uploaded to the host server.

Even after re-uploading the images and trying different browsers like Chrome and Safari, the problem persisted.

Instead of showing the images, three question marks are displayed. The images are located in the same folder as the index.html file and the path used is:

<img src="img1.png" id="picture1" class="img-responsive" />

htmlcsstwitter-bootstrap

Answer №1

One reason for this issue could be the discrepancy in image locations between your local machine and the host server. When developing on a local machine, you may define the image path as 

<img src="desktop/file/image_folder/pic.jpg">
, which may not work when deployed to a hosting server that lacks a "desktop" directory. It is advisable to revisit the image source code and ensure its compatibility with the hosting server. Kindly update your post with the relevant image source code for further assistance.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using jQuery to capture click events and retrieve the ID of the clicked element

My jQuery clicking function that I have written is not working as expected. There seems to be an error on line 4. for (var i = 1;i<=3;i++){ $("#Block"+i).click(function(){ $(this).effect("shake", function(){ if (this == "#Block3 ...

javascriptjqueryhtml

What is the best way to include a scrollbar in a modal window?

Does anyone know how to add a scroll function to my modal in CSS? I have too many elements and would like to implement a scrollbar. You can see what it looks like here: https://i.sstatic.net/4Txrn.png Any suggestions on how to add the right scrollbar? If ...

htmlcssmodal-dialog

Modifying linked dropdown selections with jQuery

I'm trying to create a recurrent functionality where I have 3 select elements. When the first select is changed, it should update the second and third selects accordingly. If the second select is changed, then it should also affect the third select. ...

javascriptjqueryhtmljquery-uiselect

Updating the style sheet of a selected menu item on an ASP.NET master page

I created an asp.net master page with a menu setup like this: <menu id="menu"> <nav id="main_nav"> <ul id="menu-primary"> <li ><a href="./">Home</a></li> <li><a href="staff.aspx"& ...

javascriptjqueryasp.netcss

datetime-local format changing after selection

In an ionic application running on an android system, there is a issue with the formatting of <input type='datetime-local'> inputs. After a user selects a date, the Start input is formatted differently than the Ende input. Attempts to use t ...

javascripthtmlangularjsdate

Are HTML attribute names really case-sensitive? A topic filled with conflicting information

After learning that attribute names are case-sensitive, I found conflicting information. A source mentioned that attribute names are indeed case-sensitive. For example, the width attributes in <div> and <DIV> would be considered separate due ...

htmlcss

How come adjusting the margin of a div doesn't impact the placement of its child elements?

I'm trying to wrap my head around how css margins interact with divs and their child elements. For instance, when I set it up like this... <div style="clear: both; margin-top: 2em;"> <input type="submit" value="Save" /> </div> ...

htmlcss

Double-Dropdown Menu in HTML and Javascript Failing to Function

I recently set up a double drop-down menu by following the instructions in this helpful guide: However, after adding my own options, I noticed that the second drop-down menu is no longer displaying. What could be causing this issue? <!-- The first ...

javascripthtml

bespoke design picture holder

Is it possible to create a custom-shaped image container without using <div />? I encounter an issue when trying to add corners on top of the #content-box as shown in this screenshot: . The corner images only cover half of the block element, with th ...

csshtml

transfer a product attribute value to a different product attribute within the Magento platform

There is an attribute called Weight : Attribute Code: weight Scope: general Catalog Input Type for Store Owner: Text Field Values Required: yes Apply To: Simple Product, Bundle Product Allow HTML Tags on Frontend: yes Also, there is a General Weight attr ...

javascriptphphtmlxmlmagento

CSS code for creating a triangle underneath a menu item

Given that my client has presented me with a site design featuring a standard menu containing a downward triangle on the active item, I am feeling clueless about how to proceed. What would be the most effective approach for achieving this effect? https:// ...

cssmenucss-shapes

Why is it not possible to establish a minimum height of 100% in html?

HTML Code: <!DOCTYPE html> <html> <head></head> <body> <link rel="stylesheet" type="text/css" href="style.css"> <div class="sheet" style="width:80%;max-width:1024px;height:400px;"></div> ...

htmlcss

Is there a way to verify the file extension in a multi-input form during an upload process?

I am looking for a solution that requests users to upload 4 different files when filling out the form. Check out this example of one of the inputs: <div class="custom-file"> <input type="file" class="custom-file-input" accept="video/*" id="v ...

javascripthtml

Discover the method for accessing API data in real-time based on selected options

Imagine I have two hotels to choose from in a select tag, and I want the heading (h1) on my page to change when I make a selection. How can I make this happen? In my reservationCtrl, I am using the POST method to authorize and retrieve data. The hotel_nam ...

angularjstwitter-bootstrap

Targeting a particular user category using MySQL and PHP

Currently, I am working with 3 files for connection.php which include work.php and login.php. These filesare vital in helping me identify the type of users or administrators in the database. My coding/dev process requires the use of MySQL, hence why I uti ...

phpmysqlhtml

Date Selector Tool for Input Field

Does anyone know how to change the color of the date picker that appears in certain browsers but is unsure about the selector's name? HTML: <form action="pledge.html" method="post"> <input type="date" id="birthday" name="user_bda ...

css

JavaScript tabs function malfunctioning upon page load

I attempted to implement tabs on my website using this example: http://www.w3schools.com/howto/howto_js_tabs.asp Although everything is functioning correctly, the default tab isn't opening as expected. The tab opens, but the header color does not get ...

javascriptjqueryhtml

Is it possible to create a CSS1 sprite animation triggered by a mouse hover

Is there a way to create sequential image loading on mouse hover for a CSS1 Sprite, similar to an animation? Please refrain from suggesting CSS3 solutions as not all browsers fully support CSS3 animations. Thank you. ...

cssanimationhovermousesprite

Moving a div on key press can be accomplished using a combination of HTML, CSS

I am currently working on an HTML game where the player can navigate around the webpage. However, I am encountering issues with getting the movement functionality to work. My goal is to have the player move when certain keys are pressed. While I was able t ...

javascripthtmlcss

List of descriptions: One pair per line

In need of a solution to align the term and description in a description list on the same line. The current code I have works, but it doesn't look very professional. It's time to update it with a more modern approach using flexbox. But how can I ...

htmlcssflexbox