I have a question about Font Awesome. I'm working on a school project, using the codes from codrops Split Layout. Until this point, I have replaced the code's broken font types with "Font Awesome". On my local computer, I've managed to make it work. Here are pictures of how it looks in 2 frames.
This first picture is without hoving over anything. All objects are fine and visible:
In my second picture, it shows how it looks when I hover on any button:
These pictures are taken on my computer. Until I uploaded them, it was all good. Whenever I have uploaded my files to web, I've seen these two pictures. One with no hover ( http://tinypic.com/m/i6ijix/4 ) and with hover on ( http://tinypic.com/m/i6ijj6/4 ).
On second set of pictures there are some shapes that appeared after uploading the files to web host and when I hover on them, the buttons misplace but not on the first two pictures. Can anyone explain why is this happening?
I think the problem is based within the files, try to reupload them. What's your html markup?
I had this problem with Glyphs over 10 times, file uploader was corrupting them and I had to use other FTP client.
Related
I have an image gallery composed of individual albums. All files and images are loaded to the site via single function which just loops through the files passed from the form via a standard html , so every file is loaded in the same way but just put in an appropriate folder.
The gallery was working fine until last night when 4 images loaded to one album would not display. This was traced to file permissions where the server suddenly assigned 600 rather than 644 (no permission assignments are made in the load function or anywhere else). Correcting the permissions resulted in the images displaying. However it was then found that a number of images in other albums were not displaying, whereas they had before. There were no issues with permissions.
Gallery page from Edge Chromium
So in the album page, the first album has a broken link and the second and third are OK, the forth is broken. The display is generated from a loop going through a table of the album metadata and picking up an image at random to display for each album. For the first two albums on the page the html from looking at the page source is,
<div >
<a href="media.php?mode=grid&album=18&activity_id=17">
<img src="media/A18-uke.JPG" width="210px" height="140px">
</a>
Altered Images - Cheryll Yeowell
</div>
<div >
<a href="media.php?mode=grid&album=17&activity_id=17">
<img src="media/A17-IMG_0322_edited-1a.jpg" width="210px" height="140px">
</a>
Chihuly at Kew - Liz Strange
</div>
If I look at the files in the media folder, both the image files are in there and from Filezilla I can view them, so the images are valid. The Filezilla folder listing shows both files the same as in the html above.
Filezilla listing of image files
The file names are the same as in the html above and both have permissions of 644; one is displaying and one not.
Out of interest I then looked at the page in Firefox and Chrome. None of the images displayed in those browsers.
Everything was working fine 3 days ago. No changes to scripts. Today, in Edge, some albums are fine, some only partially work, some not at all. Move to Chrome and Firefox and nothing now works. It's not involved html and, since it is all done in loops, every image is subject to the same code. One user has said that if there are some images showing and then the page is refreshed, all the image links display as broken, but I have not been able to replicate that.
I would welcome another set of eyes to either tell me what the silly mistake is or some inspiration as to what might be causing this apparent illogical behaviour.
Many thanks.
This is totally crazy - I am on my laptop and went to try the gallery on Edge, Firefox and Chrome and it all works perfectly. I haven't had any updates on close down over the past two days on my laptop or desktop and I've just checked the update logs and that doesn't show any. Since originally posting this I've had some more reports of problems from users. How can a facility be so apparently random in its working?
Just to make it more bizarre, today everything is back to normal. I haven't touched the code and all is back to how it should be. What would cause a set of image links to be broken (no other links on the site were broken to my knowledge) in a random fashion for 24 hours and then revert to being OK?
I'm wondering if it matters when you save an image in a folder, like when you right click on an image, Do you choose:"Save link as" or "save image as" as I have tried both but for some reason I cannot display the image as my background for a website. Is there anything wrong with the code that I did? Every time I drag the URL into a new tab or browser I only get 6 bullet points on a blank page.
I mainly used an external CSS sheet, then decided to try to fix it by using an internal sheet on HTML, and since that did not work, instead I tried to implement it in the body tag rather than the header tag but nothing worked. Would I have to use the tag? But how else will I be able to implement a background?
file:///Users/kevinnguyen/Desktop/Screen%20Shot%202019-01-26%20at%2011.09.11%20PM.png
The one above is the HTML file.
file:///Users/kevinnguyen/Desktop/Screen%20Shot%202019-01-26%20at%2011.12.19%20PM.png
this is the external file of CSS.
I'm a new to programming as I self taught myself the basics, yet I want to learn so much of it, it's thrilling.
Your links to the images don't work because they point to files on your computer. You need to upload them somewhere and put the link here to be able to see them. Anyway, if you have background-image:url("6928140-swiss-alps.jpg") your image should be in the same folder as the css file. And it should be called 6928140-swiss-alps with the .jpg extension at the end.
Ok, so I have an HTML email with several inline images (charts and such). The images are embedded using CID. The email works perfectly fine on all desktop platforms. My issue is that the images are no longer inline when you try to open the email on iPhone (IOS mail app or IOS Outlook).
This is what they look like on IOS mail:
And this is what happens when you tap one of those boxes:
(contents of the image are irrelevant)
So, they load fine if you tap them individually, but I really need them to appear inline. Any idea whats going on? I thought maybe the images were too large, but one of the images is only 12kb and it still doesn't appear. In total the email is only about 850kb, which really shouldn't be too big either.
A few things to note:
It is definitely sending properly as an HTML email, as all of the CSS in the titles and the HTML tables (not shown) are working perfectly.
There is no "Download all images" link at the bottom of the email, as many of the suggestions I have found online seem to say.
I have "Download remote images" enabled in my settings.
All of the images are .png
Any ideas are appreciated.
I found the issue. For whatever reason this happens when I am making an absolute reference i.e. (C:\ReportEmail\Data\Logo.png) to the file path in my code. If I put the images in the same folder as the script and make a relative reference to the working directory i.e.(.\Logo.png) it works fine. I have no idea why this is the case, as the two types of references should be pretty much identical in usage. Oh well.
I have a very simple webpage with four pictures that are places using . All are .jpg format. The first three are pictures that are my own, created from Lightroom. They don't show up as broken links on the site.
The fourth one is a picture that I just downloaded from the internet and uploaded it to my site using the exact same code as the other three and it shows up.
What is wrong?
Check your code your first. May be there some spelling mistake. Also check image path and image name as per real name.
first time poster and html noob here.
For a few hours now ive been trying to use a background picture. I downloaded an image I wanted to use, and set about trying to code it.
No matter what I tried, the image would not display. However, when I tried one of the other images I was using, it displayed just fine.
I tried using just the first letter of the existing image, and the program immediately suggested the image in a dropdown, as well as several other images with names starting with the same letter. However when I tried to use the new images first letter, it did list options, but none of them were the image I had downloaded.
I tried renaming the image, but still no luck.
I havnt included any code just yet, since this seems to not be related to the code itself (Since other images display just fine). Has anyone run into something like this before? Extensive google searches did not yeild anything for me.
In case it matters, I am specifying the background image as part of the Body css.
Thanks in advance for any help.
Please check to ensure your preferred image is located in the same parent folder as your htlm.
As #Patrick Falvey says but if the picture is not in the same folder remeber to / before your file path :)