homepage Welcome to WebmasterWorld Guest from 54.227.20.250
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Text and Pics on Blog - help needed
renet

5+ Year Member



 
Msg#: 3733626 posted 4:22 pm on Aug 28, 2008 (gmt 0)

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]

 

csuguy

5+ Year Member



 
Msg#: 3733626 posted 4:59 pm on Aug 28, 2008 (gmt 0)

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.

renet

5+ Year Member



 
Msg#: 3733626 posted 6:18 pm on Aug 28, 2008 (gmt 0)

Thank you!

That fixed the problem

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved