View Full Version : Padding for an image

05-07-2009, 11:26 AM
Hey guys, I'm trying to see how I can have the words here lineup with the picture.


The whole page is a flash page using an xml file for the content. Inside that xml, I can use html in this particular section. So this part is seen as:

<img src="files/gallery/bio/picture.jpg"><p>NAME

I'm trying to get the words to align with the top of the image and with the left. Is it best to modify the words or the image, in this case, and how would I do it?

05-07-2009, 03:51 PM
Not enough info Geruvah,
We need to see the code and the CSS that controls that whole section, including the container the image and text are in.
A link would be easiest.

05-07-2009, 08:19 PM
As Excavtor states, it is difficult to give an accurate answer without a link or further HTML/CSS.
My guess is that you have some default padding or margin on that image.

img {
padding: 0 5px 5px 0;


img {
margin: 0 5px 5px 0;

Just make sure you are specific when selecting that image in your css. Ideally you should give your image a unique id.

<img id="abe-pic" src="files/gallery/bio/abe.jpg" />

You should also close your image tag off properly as highlighted above.

05-07-2009, 10:51 PM
Sorry guys.

The website is www.directignition.us

As I said, it's HTML but it's in an XML file, so there's no head part to use CSS.

<?xml version='1.0' encoding='ISO-8859-1' ?>
<menu name="The Talent" module = "htmlGal">

Person's Profile
<submenu name="Person's name"><![CDATA[<img src="files/gallery/bio/picture.jpg"><p>NAME

(body text goes here).</p>]]>


05-11-2009, 11:05 PM
Hey guys, just wanted to know if anybody still knows of a way to do this without using CSS.