The Code I have tried.
I dont know what mistake I made here, I am retaking a course and going through the image part(I am a newb), however my images never load it just gives me the picture wont load broken face. Help please!
Related
why does html just not recognize some images? i took a picture on my phone and moved it to my laptop, and when i try to load it nothing happens. images that i edit in gimp dont work unless i upload them to am image sharing site and redownload them, and sometimes even that doesnt work. i know it isnt an issue with my syntax, because some other images will load, just not the ones i actually want. ive tried to adjust the image permissions, images will have the same permissions but only some of them work.
i know this isnt a lot to go off of, if anything else is needed ill try my best to answer
I'm working on a school project and the picture I chose doesn't want to load. I'm pretty new to programming so I don't understand why it is happening. It's never happened before.
<img class="dckep1" src="../K%25C3%25A9pek/dckep1.jpg">
Any ideas how to fix it?
It means that in the path ../K%25C3%25A9pek/dckep1.jpg there isn't any image. You might want to fix that.
Has anyone got any idea on how to implement this carousel into my website? I am using WordPress and I am not sure how to go about this. I was told to use 'foo gallery' to achieve the same look however, it doesn't really feel the same and also didn't work on my site (for some reason).
I have tried to code some of this but I am awful at coding and I am mainly just spending my time watching youtube help videos if I am being honest!
I'll explain my neeed for this and what I would like it to do and then, if you could help me that would be great!
So like on reddit, I would like to implement this feature on my home screen to show off some of the 'Hot topics of the day'. Preferably, some code could automatically update the images and text each day depending on the comments/views left on a page - so the top 4 most viewed pages would be automatically added to the front page with a custom image (which I have created). However, that seems quite hard. So just the layout/template of the images (like the photo provided) AND there is a way for me to manually change the images and names each day would suffice. I would also like to have 4 photos which also act as buttons with the curved boarders.(again, like the image I have attached)
Just so it's clear, I do not want these images to be able to move off like a slideshow, I just want them to stay in place and be able to change either manually or automatically.
Maybe this is called something other than a carousel and would be easy to do... i dont know! So if you do, please let me know.
Furthermore, I appreciate this is a place mainly for code to be posted however, I won't post my code as it is useless! If anyone wants to share any code or contact me privately then that would be very much appreciated.
Thank you
I have a strange problem and I just can't solve it. I guess the problem is in the image files. I have a folder called project, inside I have two folders named images and web - my files are in web.
In images I have total of 4 images. I'm trying to set background-image and the problem is its only working with 1 of the 4 images. I use this and it works:
body{
background-image: url("../images/space.png");
}
And when i change it - Nothing!? :) :D
body{
background-image: url("../images/123.png");
}
It works with 1 img file but not with others.
And a few minutes ago it was working fine...
I know its really simple question for some, but I'm just getting into html/css.
Just tryed random png picture and it works fine. The picture that iam trying to set its also png and 3hrs back it worked, then stoped... I just dont know what to say :D Picture number 3 is jpg, was working perfect too before 3hrs, not anymore..
I've just lost several hours with this pictures, still dont know how to explain it.. :)
Please check if all images in .png format.
Perhaps other 3 images are .jpg.
It is hard to understand what is wrong with your project without watching on it. Maybe you could upload all files to some place? Maybe the size of images is so different that you can't see it in the image container.
Whenever I upload an image to my website, it makes the image a little larger than the original file has it at, plus the quality goes down as if it's zooming in or something. I tell it in the html code what the correct image size is like this:
img src="_images/podcast/120913_slider.png" width="851" height="323" alt="News1"
So the correct sizing should show, I'm not trying to change the dimensions or anything in the code. When I save the file and look at the picture, everything looks alright. But once it's in the site, it changes and I can't figure out why.
Here are two pages I'm currently working on where I see this. In the news slider on the main page, it's very clear that quality has been lost for the Christmas Novella news picture, which is obviously a problem for me.
http://thehummingbirdplace.com/
http://thehummingbirdplace.com/episode/12/9.html
I've also tried downloading the image again from the site (the "save image as" option) but it looks the same as the original image I had (smaller and high quality), so I don't understand why it displays differently on the page. I'm using Firefox, and I definitely do not have the page zoomed in or anything, I've checked. And I don't see this happening on other websites I visit, just mine, and on multiple computers, so I know there is something I must be doing wrong in the code?
I'm sorry if there is an obvious solution to this, thank you for helping!!
Update: the images show up fine in Chrome, just not Firefox it seems
According to your link, the image on the website is exactly the image that is linked (and not resized), I can't see any difference between those. Are you sure you are exporting your images at this resolution: 851x323 ?