...

View Full Version : Padding for an image



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

http://img16.imageshack.us/img16/9901/picture1eox.jpg

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
CEO
[...]
</p>

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?

Excavator
05-07-2009, 02: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.

Aitchy13
05-07-2009, 07: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;
}

or


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.

Geruvah
05-07-2009, 09: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
CEO

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

</menu>

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum