Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Add more space around text wrapping around pic
Old 06-25-2006, 08:57 AM Add more space around text wrapping around pic
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
http://greenvillecopts.org/st.mark.html

The text is VERY close to the pic that it looks like it's not wrapping.

How could I increase the space between the pic and the text?

Thanks
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-25-2006, 09:10 AM Re: Add more space around text wrapping around pic
Ultra Talker

Posts: 251
Location: Belgium, Antwerp, Zoersel
Trades: 0
By using CSS:

Code:
img{
  margin:5px;
}
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
Orodreth is offline
Reply With Quote
View Public Profile Visit Orodreth's homepage!
 
Old 06-25-2006, 06:15 PM Re: Add more space around text wrapping around pic
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Or - add margin to the left and right sides of the paragraphs:
#content p{
margin: 0 5px;
}
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-25-2006, 06:27 PM Re: Add more space around text wrapping around pic
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
I tried both of those and then worked.

LadynRed, I already had that in my style sheet but i dont' know why it's not working

Code:
#content p {
    margin:10px 20px;
    text-align:justify;
    text-indent: 15pt;
    line-height: 1.5em;
}
This is what I had before I made this thread, but I also tried your numbers and it didn't work.

Right now I also have this in the style sheet:

Code:
#img{
  margin:5px;
}
www.greenvillecopts.org/style.css
__________________
I work on Turbo'd Honda's for fun :)

Last edited by RNPoo7; 06-25-2006 at 06:28 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 06-25-2006, 07:01 PM Re: Add more space around text wrapping around pic
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,383
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
not #img that's an identifier called img

just

Code:
img {
   margin:5px;
}
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 06-25-2006, 11:53 PM Re: Add more space around text wrapping around pic
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
doh!

Another quick question. Is there anyway I can apply those to certain pics and not the rest? Because now my banner gets messed up
__________________
I work on Turbo'd Honda's for fun :)

Last edited by RNPoo7; 06-25-2006 at 11:58 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 06-26-2006, 02:23 AM Re: Add more space around text wrapping around pic
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,383
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
yep, you can add a class or id to the <img> tag (that's where #img might come in). Just be aware that IDs have to be unique in the current document, if you have multiple instances use a class.

You could apply an in-line style to the tag <img style="..."

You could use a descendant selector
HTML Code:
#content img {
    margin:5px;
}
That would only apply to <img> tags contained within elements with an ID of "content"
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to Add more space around text wrapping around pic
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.28222 seconds with 12 queries