MobileRead Forums - View Single Post - Issue formatting page with only an image.

blutuu · 12-21-2014, 11:27 PM

I've been trying to get the images to behave correctly. I'm trying to create a children's ebook from just images, but the way I currently have it coded doesn't seem to work. The images show up, but they're at the top of the page. I want them to sit in the middle.

Here's some sample code:

<head>
<title>Audacious Little Princesses</title>

<style type="text/css">
img { width: 100%}
p { text-align: center; margin: 0; padding: 0; text-indent: 0 }
</style>
</head>

<body>
<div><img src="../Images/1.jpeg" alt="" /></div>
</body>

That's it.

Here is what the output looks like:

http://imgur.com/n7KhIDU

Any ideas about what to do?

12-21-2014, 11:27 PM	#1
blutuu Junior Member Posts: 8 Karma: 10 Join Date: Dec 2014 Device: iPad, Nexus 7, iPhone 6	Issue formatting page with only an image. I've been trying to get the images to behave correctly. I'm trying to create a children's ebook from just images, but the way I currently have it coded doesn't seem to work. The images show up, but they're at the top of the page. I want them to sit in the middle. Here's some sample code: <head> <title>Audacious Little Princesses</title> <style type="text/css"> img { width: 100%} p { text-align: center; margin: 0; padding: 0; text-indent: 0 } </style> </head> <body> <div><img src="../Images/1.jpeg" alt="" /></div> </body> That's it. Here is what the output looks like: http://imgur.com/n7KhIDU Any ideas about what to do?