Image width changed

  • Hello,

    I’m trying to insert an image on my front Page, but it seems that it is being automatically resized.

    I am using Mandigo Theme with the 3 column options, but for the Home page I am using a modified template, without the sidebars. (https://www.hellonico.com)

    The text seems to be showing fine (from side to side), but the image is being resized to the same width of the central column of my posts page (https://www.hellonico.com/blog).

    Even dough, the style.css.php has the value: p img { max-width: 100%; } the width is being changed.

    The image has the following attributes: <p align="center"><a href="https://www.site.com/folder" title="title" target="_blank"><img src="https://www.site.com/folder/image.jpg" title="title" alt="A random sample image" border="0" width="939" /></a></p>

    If I remove the value <div class="entry"> from my Page php template, the image size does not change, but Internet Explorer does not show properly (no problems in firefox)

    I read that IE explorer does not respect the max-with attribute.

    I’m a newbie at this and I’m going nuts…

    Is there a workaround?

    Thanks!!!

Viewing 8 replies - 1 through 8 (of 8 total)

  • sure — the real workaround is to start with an image that 1. doesnt need resizing (YES, I know that isnt what you said you were having to do, rather that it seemingly was happening automagically) to to fit into your content area and 2. displays nicely in ie.

    Fwiw, I dont see any images being resized on your site right now, in ie or firefox.

    your center area is a total width of 487 px, but the div that contains your content is 455 pixels. Just keep that last number in mind and subtract some to take any padding and margins into account, and resize images BEFORE uploading them.

    p img { max-width: 100%; } this will also become unnecessary as you wont have to worry about the sizes.

    Thread Starter hellonico

    (@hellonico)

    Hello whooami. Thanks for your quick reply.

    The problem is that on that particular Page, I need my image to have a width of 939 pixels. (as stated on the image attribute). I don’t understand why the text is going from side to side…not the same for the image.

    Any clue?

    ow im confused .. How bout a link to the page, and an indication of exactly what image you are talking about..

    everything i see here: https://www.hellonico.com/blog looks perfectly normal

    Thread Starter hellonico

    (@hellonico)

    The problem Page is the home page. The image under the text should be displaying from side to side.

    the image under what text? Please be specific – you know what you are talking about, we dont.

    What does the image look like -or- whats the image name, you need to provide some sort of “more info”.

    If there’s anything worse than answers that are not succinct, its questions that arent.

    Thread Starter hellonico

    (@hellonico)

    Hi Whooami, sorry I cant’t be more specific.

    It is the only image of my home page (www.hellonico.com)(that is not the header). It is a rotating image that is located under the welcome text.

    The image looks small, and it should have the same width as the text. In fact, for the image I’m defining width=”939″.

    I am using the php image rotator (you can see it in the code as rotate.php)but that is not a problem, since I have tried with a standard image and the same resizing is happening.

    look, there are tons of images on that page..

    What you just said:

    it is the only image of my home page (www.hellonico.com)

    https://www.hellonico.com goes to here: https://www.hellonico.com/blog

    and there are ALOT of images on that page, and I do NOT see any welcome text. I see a header image, that has a welcome message inside it.

    Until you CAN be more specific im moving on to other threads. This is ridiculous.

    Are you talking about this?

    https://www.hellonico.com/wp-content/themes/mandigo-1.24/images/bg-1024.png

    It would sure help if you could provide a link.

    Thread Starter hellonico

    (@hellonico)

    How odd… you say that if you type https://www.hellonico.com , it automatically redirects you to https://www.hellonico.com/blog ?

    The front page is set to be https://www.hellonico.com/welcome

    It is weird… the front page is behaving like it should for me. I have tested on various computers and using IE and Firefox.

    Do you see the problematic image now?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image width changed’ is closed to new replies.