My images are too small on my website...

User 2064280 Photo


Registered User
13 posts

What's on my mind? Confusion. That's what! But I know you guys can help me. My background is that I'm a bit new to all this HTML malarkey, and I'm on a path from VSD. I'm trying to get an image to display properly on my website. It's a reasonably sized image, but no matter how big the image is, the page scales it down to 200x150. I've adjusted everything I can think of in RLMP.

Here's the HTML code snippet generated by RLMP:
<div class="row">
<div class="coffee-span-12 coffee-offset-0">
<img class="image-3-2 image-2" src="http:/layouts/helpcomputing/IMAGES/ScreenError.JPG" alt="Image" id="Screen_Error">
</div>
</div>

Am I doing something wrong in RLMP? Or am I missing the point on RLMP and I should be rolling my sleeves up to adjust the above HTML code?

Cheers

Rob
User 2088758 Photo


Senior Advisor
3,101 posts

Hi Robert,

Very easy fix. Adjust your max-width of the image element . By default it is set to 200 wide... Change that number to the actual width of your image.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2064280 Photo


Registered User
13 posts

Hi Steve,

Tried that. Made that 600. Tried adjusting it to 450, the actual width of my image, but still no joy... :-(
User 2088758 Photo


Senior Advisor
3,101 posts

How many spans is the column you put your image in? Can you upload your site so we can help you determine what's wrong too please?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2064280 Photo


Registered User
13 posts

Thanks for your help, Steve. I tried various spans, including 6 and 12. And two different image sizes. My website is hiding away at http://robdotb.coffeecup.com/layouts/he … index.html

And my rlmp file is attached.
Attachments:
User 187934 Photo


Senior Advisor
20,225 posts
Online Now

Increase your max-width and min-width.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2064280 Photo


Registered User
13 posts

Hi Eric.
Tried that before. But just tried it again for both of the images, Image and Image Link, and it still doesn't work... :-(
User 271657 Photo


Ambassador
3,816 posts

Your wireframe CSS has a max-width of 200px. I don't see anything in your main.css that would over-ride that.
For example: img id="screen error". Did you create rules for that specific ID?
img.image-1-1,img.image-1-2,img.image-2-1,img.image-3-2,img.image-4-3,img.leaderboard,img.logo,img.map,img.rectangle,img.skyscraper,img.square{
width:100%;
max-width:200px;
margin-bottom:.4375em;
display:inline-block
}

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,225 posts
Online Now

Robert Bramble wrote:
Hi Eric.
Tried that before. But just tried it again for both of the images, Image and Image Link, and it still doesn't work... :-(

Which ones do you want bigger? Can you be a little more specific?;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2064280 Photo


Registered User
13 posts

Hi Eric,
Yep, that would help! It would seem, now that I've right-click-properties on all the pictures that they are all 200px wide when they shouldn't be. So, essentially, it's all pictures that should be bigger that seems *somehow* to be restricted to 200px in width...

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.