Image Alignment

viscaris - September 8, 2007 - 10:54

I added an image to the my content and have the Input Format set to FULL HTML. The text alignment is right against the image. In my HTML editor an image is allowed some default padding around the image however in the Drupal editor the text is right against the border of the image. How can I adjust the image to allow some padding on the border? See the the following http://ancestrycms.org/drupal/About+Us

The following is my HTML:

<img src="/files/pictures/mystory.jpg" align="left" alt="Administrator"/>

.css

zeta ζ - September 8, 2007 - 14:28

Place the following in your theme’s style.css

.node img {
  border: 2pt solid;&emsp;/* if you want the border */
  float: left;
  margin-right: 0.9em;
  margin-bottom: 0.9em;
}

and remove the align="left".

0.9em will match the margin-bottom of your paragraphs; or you could use 0.5em to match the margin-top.

You refreshed my memory

viscaris - September 9, 2007 - 00:23

Thanks for helping out. It has been a while since I coded in HTML & CSS. I am a bit rusty. Your response refreshed my memory.

I am impressed with the flexibility of Drupal as compared to other CMS systems. I can build the house the way I want to and not have to settle for a cookie cutter building plan.

I am close to changing over to Drupal. I am working on importing my genealogy and should have the database in place tomorrow. Drupal has proven to be more then I thought it would be as a CMS system for my genealogy.

Welcome back

zeta ζ - September 10, 2007 - 13:00

Welcome back :-)

Just stumbled upon this (while looking for typography), and remembered your site: thought it might be of interest: TNG project

=-=

VM - September 9, 2007 - 00:50

Added Code tags to original post for readability
___________________________________________________________________________________________________
The search tool on Drupal.org really does work. This message has been brought to you by the letter X. Thanks for watching! : )

 
 

Drupal is a registered trademark of Dries Buytaert.