The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Going Crazy, image file links broken in 3 out of 4 browsers
derekweaver
post Nov 29 2020, 08:41 AM
Post #1





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



I am learning responsive design for a site we are working on. Everything is in a local directory, all .css, html and img are in the same folder. When viewing this in Safari everything looks as it should.

However, Opera, Chrome or Firefox show only one img (the cover, which is jpg). The problem links are .tif files. Thought that becasue they had layers it was the problem, so I flattened and resaved. Nope.

Then tried saving the image as .jpg and relinking. Nope.

Then tried to empty cache. Nope.

This is beyond frustrating.

I have loaded most css, the html, one image that has a broken link.

Anything else that is needed I will do.

This post has been edited by derekweaver: Nov 29 2020, 08:42 AM


Attached thumbnail(s)
Attached Image

Attached File(s)
Attached File  index.html ( 3.29k ) Number of downloads: 59
Attached File  screen.css ( 1.34k ) Number of downloads: 39
Attached File  master.css ( 56bytes ) Number of downloads: 40
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 29 2020, 08:47 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



The problem is the file format. For the web you are basically limited to JPG, PNG and GIF. TIF files are also large, so that's another reason they wouldn't be a good choice for a web page, even if browser support was there.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 08:48 AM
Post #3





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



Turned off "Ad-Blocker" in Chrome, Nope
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 08:50 AM
Post #4





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



It is 40kb
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 08:51 AM
Post #5





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



OHHHH, it is a TIF file, DUH what an idiot I am. Thank you.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 29 2020, 08:58 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6




biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 08:59 AM
Post #7





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



QUOTE(pandy @ Nov 29 2020, 09:47 AM) *

The problem is the file format. For the web you are basically limited to JPG, PNG and GIF. TIF files are also large, so that's another reason they wouldn't be a good choice for a web page, even if browser support was there.


Therein is the problem with allowing graphic designers anywhere near html.

Thank you, it has been making me nuts and it was so obvious that a head smack would probably not helped.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 29 2020, 09:05 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I can provide that too. Maybe it does help. IPB Image laugh.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 11:21 AM
Post #9





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



QUOTE(pandy @ Nov 29 2020, 10:05 AM) *

I can provide that too. Maybe it does help. IPB Image laugh.gif


That only made more questions, that'll teach YOU.

I am trying to change one image three times using srcset. About 2/3 through the html:

<img src="logo.png" srcset="logo_450.png 450w, logo_600.png 600w" sizes="(max-width: 750px)">

"Logo" has two lines of text, "logo_600" has four lines of text and "logo_450" has six lines of text.

For some reason only "logo_600" is loading in all the break points.

css and html are in the first post.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
derekweaver
post Nov 29 2020, 11:30 AM
Post #10





Group: Members
Posts: 8
Joined: 29-November 20
Member No.: 27,657



It looks as if I should be using <picture> to do this, Yes ?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 29 2020, 11:32 AM
Post #11


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Do you mean want to display all three images, one after the other? Like kind of a slide show?

As I understand it sourceset is for providing different image sizes for different devices/resolutions. You list what you have to choose from and the browser chooses the most appropriate one.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 29 2020, 11:33 AM
Post #12


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(derekweaver @ Nov 29 2020, 05:30 PM) *

It looks as if I should be using <picture> to do this, Yes ?


I think it works with both PICTURE and IMG, only not as I think you want.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 08:25 AM