SOLVED image size problem
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Good morning David,
Yesterday I tried to put the image in a div and I noticed that in this case the image didn't take the full width of the screen. It appears that it was resized and left aligned. That is why I didn't place the image in a div.
I'll apply the code for the grid and try all options to place the image and will let you know the result soon.
Appreciate your support,
Sincerely - OmarS
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hi David,
That worked but image was not responsive. I added this code to make it responsive
img, .gantry-img img, img.gantry-img {
max-width: 100%;
height: auto;
}
Now, everything seems fine. Can u please take a look and if you find everthing normal, then I can mark the post solved.
Sincerely,
David Goode wrote:Hi OmarS,
Are all images going to placed in modules?
Placing images between <p></p> tags means that any margins assigned to <p> are taken into account. Best practice is to use <div></div> or <span></span> tags. These can still have style="text-align:center;" inserted into first tag to get centralised images.
Your module code should look like this...
<div style="text-align:center;"><img border="0" src="/horus/images/6.jpg" alt=""></div>
Please also add the following code to your custom css file...
If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.#rt-showcase .rt-grid-12 { margin: 0 auto; width: 100%; }
Thanks for your cooperation - OmarS
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi OmarS,
Working for me :cheesy:
I will move to solved.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.075 seconds