View Single Post
Old 07-15-2015, 04:38 AM   #2
senhal
Connoisseur
senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.senhal knows what's going on.
 
senhal's Avatar
 
Posts: 82
Karma: 25684
Join Date: Sep 2014
Device: Kindle NT
The main problem is:
Quote:
height:720px;width:720px;
This is imposing a picture size...

But, according to me, the full code used is a mess: div inside div, the tag <center>...

The simple way is to include the img inside a div.
For the img you have to specify a width or a height (in this particular case a width), without imposing a size (you can use a percentage).
The div will only center the picture (eventually adding some margins in order to separate the picture and the text).

<p>text</p>
<div class="picture"><img alt="" width="100%" src="../images/00001.jpeg"/></div>
<p>text</p>

In the css:
div.picture{text-indent:0;text-align: center;margin-top:.5em;margin-bottom:.5em}

Last edited by senhal; 07-15-2015 at 04:41 AM.
senhal is offline   Reply With Quote