Joomla Templates Club 406,261 posts

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#198511

Maybe it is not the template but how to set an image so it always covers the width of the article from side tot side? When I just insert <img src=”/images/jdjdjf.jpg” alt=”discription” /> in an article the image size is fixed to the actual size. How to set it in the html to have it always shown from side to side of the article width?
Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#537910

It would be helpful if you would provide the url of the site you’re working on – with a link to an article page with the image issue you’re describing.

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#537919

Thanks for the quick reply. The website is not online, but how to set it the html to have an image from side to side in an article.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#537954

Tiwi,

I believe I know what you are asking.
As a rule, the image size must be greater than or equal to the width/height of the image area of your article.
If you are using an image that is SMALLER than the image hole – it will NOT be up-sized to fill the area.

Hope this helps. If not, please provide the information requested and we’ll get you set up.

Have fun!
John.

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#538084

When I set the image say to 750 pixs it is smaller than the article width, when I set it to say 1200 pixels it goes outside the screen, and over the sidebar, see image.

Is there a way to have the image exactly the same width as the article text, and that it resizes with the different screen sizes?

---

Attachments:

1. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#538085

As Tom was mentioning before – a URL is almost going to be necessary to figure out your issue exactly.

But here’s another suggestion: Don’t set the width or height and let the software do the resizing for you.

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#538089

Thanks. I did not set the image width in the html just <img src=”/images/jdjdjf.jpg” alt=”discription” /> but the actual image size of the image 1200 pixels. Then it goes over the sidebar outside the text width.

Maybe it is very simple and do I have to set the width or insert an image with the exact width of the text area of an article as set in the template?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#538091

Tiwi,

I’m very sorry…but without access to the site to run some diagnostics – I’m not sure what to suggest.
Everything is just a guess without being able to see what it is doing.

Perhaps you can continue with your development and once it is uploaded to a server we can then fix this issue for you before to take it live?

Best of luck!

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#538095

I set it as a subdomain http://new.shsw.nl/onderhoud-nieuwbouw.html

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#538113

For your large image, this will work:

<img alt=”voordeelschilder shsw stadshagen aan het werk in zwolle” src=”/images/zwolle/shsw-stadshagen.jpg” style=”width:100%”>

Looks like you’ve done some CSS modifications which have sort of knocked that out.
Adding the width:100% to your img in CSS though will blow up the small image above it.

But this will work for you to get your large image to behave as you want.

1 user says Thank You to John Wesley Brett for this useful post

1. tiwi

[tiwi Friend tiwiJoin date: May 2009Posts: 111Downloads:21Uploads:31 Thanks: 17 Thanked: 3 times in 1 posts]

#538154

Thanks that works.

(I did not do any CSS modifications or other modifications to any template files)

[Author]

Posts