After Uploading html files its broken imagesWhat are valid values for the id attribute in HTML?Convert HTML + CSS to PDF with PHP?Retrieve the position (X,Y) of an HTML elementVertically align text next to an image?How do I give text or an image a transparent background using CSS?HTML 5: Is it <br>, <br/>, or <br />?How do I auto-resize an image to fit a 'div' container?Redirect from an HTML pageWhy does HTML think “chucknorris” is a color?Cannot display HTML string
What do you call something that goes against the spirit of the law, but is legal when interpreting the law to the letter?
Prevent a directory in /tmp from being deleted
A newer friend of my brother's gave him a load of baseball cards that are supposedly extremely valuable. Is this a scam?
I’m planning on buying a laser printer but concerned about the life cycle of toner in the machine
What does "enim et" mean?
Are tax years 2016 & 2017 back taxes deductible for tax year 2018?
How to use Pandas to get the count of every combination inclusive
Schwarzschild Radius of the Universe
Email Account under attack (really) - anything I can do?
Why do we use polarized capacitors?
Need help identifying/translating a plaque in Tangier, Morocco
How is it possible for user's password to be changed after storage was encrypted? (on OS X, Android)
How do I create uniquely male characters?
Download, install and reboot computer at night if needed
What Brexit solution does the DUP want?
Why a const reference doesn't extend the life of temporary object passed via function?
Can you lasso down a wizard who is using the Levitate spell?
What is the meaning of "of trouble" in the following sentence?
What is GPS' 19 year rollover and does it present a cybersecurity issue?
Example of a relative pronoun
How would photo IDs work for shapeshifters?
How do you conduct xenoanthropology after first contact?
cryptic clue: mammal sounds like relative consumer (8)
Why doesn't Newton's third law mean a person bounces back to where they started when they hit the ground?
After Uploading html files its broken images
What are valid values for the id attribute in HTML?Convert HTML + CSS to PDF with PHP?Retrieve the position (X,Y) of an HTML elementVertically align text next to an image?How do I give text or an image a transparent background using CSS?HTML 5: Is it <br>, <br/>, or <br />?How do I auto-resize an image to fit a 'div' container?Redirect from an HTML pageWhy does HTML think “chucknorris” is a color?Cannot display HTML string
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I made an html file that is working fine but after uploading it to some free domain host some images are not loaded. This is the website and this is what its supposed to look like
<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
<nav>
<font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
<font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
<font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
<font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
<font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
</font>
</nav>
<div align="left" style="margin-top: -5%; color: #eb4979;">
<img src="images/logo.png" height="40%">
<font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
</div>
</div>
</body>
</html>
html css web error-handling
edited Mar 9 at 5:06
Antonino
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
|
show 1 more comment
I made an html file that is working fine but after uploading it to some free domain host some images are not loaded. This is the website and this is what its supposed to look like
<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
<nav>
<font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
<font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
<font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
<font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
<font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
</font>
</nav>
<div align="left" style="margin-top: -5%; color: #eb4979;">
<img src="images/logo.png" height="40%">
<font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
</div>
</div>
</body>
</html>
html css web error-handling
edited Mar 9 at 5:06
Antonino
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
1
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15
|
show 1 more comment
I made an html file that is working fine but after uploading it to some free domain host some images are not loaded. This is the website and this is what its supposed to look like
<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
<nav>
<font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
<font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
<font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
<font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
<font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
</font>
</nav>
<div align="left" style="margin-top: -5%; color: #eb4979;">
<img src="images/logo.png" height="40%">
<font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
</div>
</div>
</body>
</html>
html css web error-handling
edited Mar 9 at 5:06
Antonino
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
I made an html file that is working fine but after uploading it to some free domain host some images are not loaded. This is the website and this is what its supposed to look like
<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
<nav>
<font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
<font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
<font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
<font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
<font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
</font>
</nav>
<div align="left" style="margin-top: -5%; color: #eb4979;">
<img src="images/logo.png" height="40%">
<font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
</div>
</div>
</body>
</html>
html css web error-handling
html css web error-handling
edited Mar 9 at 5:06
Antonino
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
edited Mar 9 at 5:06
Antonino
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
edited Mar 9 at 5:06
Antonino
1,63821428
edited Mar 9 at 5:06
Antonino
1,63821428
edited Mar 9 at 5:06
Antonino
1,63821428
1,63821428
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
asked Mar 9 at 4:07
Dexter SilvaDexter Silva
61
61
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
1
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15
|
show 1 more comment
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
1
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
1
1
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15
|
show 1 more comment
2 Answers
2
active
oldest
votes
please check that all your files are uploaded... for instance i cannot find
<img src="images/logo.png" height="40%">
images/logo.png on your server.
also icons/favorites.png should be in images/icons/favorites.png
so it cannot find the pictures.
Some servers are Case sensitive so make sure your html finds it
nice work by the way, keep trying
hint: your menu buttons open new pages. Better show your content in the same page
try something like https://www.w3schools.com/howto/howto_js_curtain_menu.asp
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
add a comment |
You images are in a nested folder, add images/
to the path to link to the correct folder:src="images/icons/favorites.png"
instead of src="icons/favorites.png"
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55073887%2fafter-uploading-html-files-its-broken-images%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
please check that all your files are uploaded... for instance i cannot find
<img src="images/logo.png" height="40%">
images/logo.png on your server.
also icons/favorites.png should be in images/icons/favorites.png
so it cannot find the pictures.
Some servers are Case sensitive so make sure your html finds it
nice work by the way, keep trying
hint: your menu buttons open new pages. Better show your content in the same page
try something like https://www.w3schools.com/howto/howto_js_curtain_menu.asp
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
add a comment |
please check that all your files are uploaded... for instance i cannot find
<img src="images/logo.png" height="40%">
images/logo.png on your server.
also icons/favorites.png should be in images/icons/favorites.png
so it cannot find the pictures.
Some servers are Case sensitive so make sure your html finds it
nice work by the way, keep trying
hint: your menu buttons open new pages. Better show your content in the same page
try something like https://www.w3schools.com/howto/howto_js_curtain_menu.asp
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
add a comment |
please check that all your files are uploaded... for instance i cannot find
<img src="images/logo.png" height="40%">
images/logo.png on your server.
also icons/favorites.png should be in images/icons/favorites.png
so it cannot find the pictures.
Some servers are Case sensitive so make sure your html finds it
nice work by the way, keep trying
hint: your menu buttons open new pages. Better show your content in the same page
try something like https://www.w3schools.com/howto/howto_js_curtain_menu.asp
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
please check that all your files are uploaded... for instance i cannot find
<img src="images/logo.png" height="40%">
images/logo.png on your server.
also icons/favorites.png should be in images/icons/favorites.png
so it cannot find the pictures.
Some servers are Case sensitive so make sure your html finds it
nice work by the way, keep trying
hint: your menu buttons open new pages. Better show your content in the same page
try something like https://www.w3schools.com/howto/howto_js_curtain_menu.asp
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
answered Mar 9 at 5:25
George PearsonGeorge Pearson
365
365
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
add a comment |
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
Thanks I'm gonna try that, BTW my teacher wont let us use jquery and css but i insisted to use css since html without css looks disgusting.
– Dexter Silva
Mar 9 at 11:49
add a comment |
You images are in a nested folder, add images/
to the path to link to the correct folder:src="images/icons/favorites.png"
instead of src="icons/favorites.png"
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
add a comment |
You images are in a nested folder, add images/
to the path to link to the correct folder:src="images/icons/favorites.png"
instead of src="icons/favorites.png"
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
add a comment |
You images are in a nested folder, add images/
to the path to link to the correct folder:src="images/icons/favorites.png"
instead of src="icons/favorites.png"
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
You images are in a nested folder, add images/
to the path to link to the correct folder:src="images/icons/favorites.png"
instead of src="icons/favorites.png"
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
answered Mar 9 at 11:40
Steven KuipersSteven Kuipers
379210
379210
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
add a comment |
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
i already did that in the first place cause i was making it from html scratch
– Dexter Silva
Mar 9 at 11:45
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55073887%2fafter-uploading-html-files-its-broken-images%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You didn't upload images or images src is worg
– Sarabjit Singh
Mar 9 at 4:10
i uploaded the images. wdym by the image src? its located properly
– Dexter Silva
Mar 9 at 4:13
1
can you post your code, so we can see what went wrong
– afikri
Mar 9 at 4:18
its a big file so i put the code that is one of the broken ones
– Dexter Silva
Mar 9 at 4:24
Infinityfree free tier has this kind of problems.Once I used it for a school project and had lot of difficulties especially sending data from a GSM module to hosted page.Use Heroku.
– පවිඳු
Mar 9 at 5:15