Welcome to WebmasterWorld Guest from 54.147.212.98

Forum Moderators: incrediBILL

Message Too Old, No Replies

Text and Pics on Blog - help needed

   
4:22 pm on Aug 28, 2008 (gmt 0)

5+ Year Member



On the blog "page" text is on left side and a picture on right side of text. So, it looks like 2 columns.. text left - picture on the right.

I would like to know how to get the text to have padding between the text and the picture. Right now the text runs right next to the picture with really no space in between.

Also, at the bottom of the page I have a section of text with large letters and italics. What happens on FF and IE is that this large section of text seems to sit in a big block of white rather than the black background. The big block of white extends all the way to the left of the screen.

Do you know how to fix these 2 issues?

Here is the html code below. btw: if I put too much code let me know. I am not sure if I am supposed to strip out the text or the pictures since ultimately the pictures could lead to my site and the text might be perceived as a marketing message... would clarification of this so I can clean up my future posts.

(code)

<div id="main">

<div id="content">

<div class="post" id="post-44">
<h1>About Us</h1>

<div class="entry">
<p><img class="size-full wp-image-48" title="title title" src="http://example.net/wp-content/uploads/2008/08/ld.jpg" alt="alt text" width="390" height="293" align="right" /></p>
<p>text text text text text text text text text text text text text text text </p>
<p>text text text text text text text text text text text text </p>
<p>text text text text text text text text text text text text text text text text text text </p>
<p align="right">
<h2>h2 text h2 text</h2>

</div>
</div>
<p><a href="http://example.net/wp-admin/page.php?action=edit&amp;post=44" title="Edit post">Edit this entry.</a></p>
</div>

</div>

Regards,

David

[edited by: tedster at 6:16 pm (utc) on Aug. 28, 2008]
[edit reason] make both text and url anonymous [/edit]

4:59 pm on Aug 28, 2008 (gmt 0)

5+ Year Member



the img tag has two handy attributes for padding - hspace and vspace. These will give horizontal and vertical padding respectively. For example:

<img src="url.ext" hspace="10" vspace="5" />

This would give you 10 pixels of horizontal spacing (both sides) and 5 pixels of vertical spacing.

6:18 pm on Aug 28, 2008 (gmt 0)

5+ Year Member



Thank you!

That fixed the problem