HTML Responsive Images

Hi everyone, I am creating a thread for a VA, and I am looking to add in images that can be viewed on all screen sizes.

I know quite a bit of HTML, but I’ve never had to do this before. I was going to do it in CSS, but it doesn’t seem to support it.

Does anyone know how to do this?

Thanks

3 Likes

CSS is sadly not supported. 🤷‍♂️

1 Like

HTML is a medium-easy way of displaying web, texts, images…

Right now I cant help you but sure community will do!

1 Like

If you see the numbers on the image code (I.e: 700x700) you can actually change that to enlarge or shorten the image to fit all screens. Note that it may need adjusting if you want to change the size and maintain shape.

I’ve tried that, however it doesn’t seem to work as intended.

Typically one would use CSS or even Bootstrap to create responsive images. Because CSS isn’t supported on the forum, it’s rather difficult to make an image that’s responsive to the screen width. I’ve linked a source that may help you, but please keep in mind that there are quite a bit of limitations due to the lack of compatibility between the forum and many programming languages. :)

Hope this helps!

2 Likes

Thanks very much, I’ll take a look at that.

An image in a topic will automatically resize for the screen. It is a feature of discourse. There is no need to code anything special. I would save the effort of formatting for your VA website so it properly displays across devices.

For example, the event on a PC looks like this

While the event on a phone looks like this
image

2 Likes

Ahh. I see. Thanks very much.


@Chris_S, that doesn’t seem to be working. I’ll send you a PM.