Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Images not showing although URL Path is correct

Featured Replies

WDF

 

Feel like I have a css problem here, but cannot seem to figure it out - on my site I have URL here:

 

http://universitycompare.com/courses/?course_name=psychology&min_fee=0&max_fee=12000&course_type=1&order_by=fee+asc

 

The image URL shown in the search results are fine, and work in a new tab/browser - but are not showing in the results, any clue why?

 

Only thing I can think of is where the URL path is correct, meaning it must be a CSS issue? - but clueless now..

 

FYI - it is built on wordpress, yet don't think this is a problem.

For some reasone your image containers have a typo: scr= instead of src=

 

e.g:

 

<img width="115" height="80" style="display: block; width: 115px; height: 80px; border: 1px solid;" scr="http://universitycompare.com/wp-content/themes/blue-and-grey/images/universities/10004180.png">

Edited by Synjyn

  • Author

For some reasone your image containers have a typo: scr= instead of src=

 

e.g:

 

<img width="115" height="80" style="display: block; width: 115px; height: 80px; border: 1px solid;" scr="http://universitycompare.com/wp-content/themes/blue-and-grey/images/universities/10004180.png">

 

I love you! Ha - Two days of staring at the screen and it's finally sorted.

  • 2 weeks later...

Absolutely love this topic. always a tiny issue that a designer will stare at for hours on end takes a second eye to spot it!

 

nice idea on your website by the way!

If the image path is incorrect then this is not the issue with css. Because css is used for styling the website.

Unless a default background image was specified, then CSS can be used for images.

<style>
 .default { background-image:url('../directory/image.png'); }
</style>

If you don't use something like that, then look at the HTML. Often, if this happens to me, I'll right click on the blank image (where the Image should be) and copy the URL into my browser. If the image shows up, then I coded it correctly. If "page/file not found" shows up, it's the SRC of the image.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.