Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    How is it possible to prevent the text from wrapping beneath these images? I added the .para for this web page only to allow for equal image spacing between each person, the text was driving the image spacing on some. I have about 20 such people I have these bio's for.

    Code:
    <style type="text/css">
    .para { height: 110px; }
    </style>
    
    
    <p class="para">
    <IMG SRC="../img/mktg/carrorl.gif" ALT="Carrol" ALIGN=LEFT WIDTH="100" HEIGHT="100" BORDER="0" HSPACE="8" VSPACE="2"><B>JC Carrol: <i>Communications Specialist<BR>Internal Communications, Links Newsletter, Public Relations Support</i></B><BR>
    JC joined ABC Co in January of 2005. Her primary function is internal communications and helping to further develop and implement the communication plan. She is responsible for making sure internal messages are relayed consistently and accurately. She is also the point person for the Links newsletter as well as assisting with external communication efforts. JC has a background in event planning, media relations, and communications. She has a B.A. in Public Relations from Central MORE...MORE>..MORE...MORE...</p>
    ps... I know, I know the hspace and vspace is depreciated... I'm just trying to make due with what was given me...

  2.  

  3. #2
    Member J Dot's Avatar
    Join Date
    Feb 2005
    Location
    Brisbane, Australia
    Posts
    30
    Member #
    9088
    David,

    If you change your style to:

    <style type="text/css">
    .para { height: 110px; margin-left: 100px}
    </style>

    and then change the code so that the img tag comes before your p tag like this:

    IMG SRC="../img/mktg/carrorl.gif" ALT="Carrol" ALIGN=LEFT WIDTH="100" HEIGHT="100" BORDER="0" HSPACE="8" VSPACE="2"
    p class="para"

    This should produce the result you need. All this is doing is giving your paragraph a left margin equal to the width of the image.

  4. #3
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    I'll give it a go.. thanks..

  5. #4
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    Small wonders!!

    Thanks a ton. So essentially we just moved the text over 'Indented' 100px (The width of the image)... Very good thanks.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:41 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com