Page 1 of 3 123 LastLast
Results 1 to 10 of 26

Thread: text around a graphic?

  1. 04-12-2002, 08:46 PM #1
    Judy's Avatar
    Judy
    Judy is offline Registered User
    Join Date
    Mar 2002
    Location
    Tennessee USA
    Posts
    268

    text around a graphic?

    Okay, got another question; I'm sure it's elementary, but you know I'm gonna ask anyway. Could someone please give me the path to take to fit my text around a picture?

    I have a picture on the left of my page and I want to block the text over to the right of the picture. Right now it's all whomperjawed and goes above the picture, over to the right of the picture, then right beneath the picture. How do I get the text to move ever so gracefully, LOL, over to the right of the picture and stay there?? Thank you my experts!!! Judy:RC:
    The only time the world beats a path to your door is when you're in the bathroom!
    Reply With Quote Reply With Quote
  2. 04-12-2002, 09:06 PM #2
    justjay
    justjay is offline Registered User
    Join Date
    Mar 2002
    Location
    Montréal CANADA
    Posts
    2,149
    If you look at the HTML is your picture really "align=left" are you using Relative or Absolute positioning?
    Reply With Quote Reply With Quote
  3. 04-12-2002, 10:01 PM #3
    GWDGuy's Avatar
    GWDGuy
    GWDGuy is offline CAUTION: Non-exposure to the Son will cause burning!
    Join Date
    Feb 2002
    Location
    Oklahoma
    Posts
    1,903
    I personally don't like to use Absolute positioning because of cross browser problems but of course I am not an expert. I would have to say putting your image and the text into cells would be the surest way to make it stay where you want.

    Copy this into code and you will see what I mean. I think this is the best way but again I am not the expert.

    <div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="300">
    <tr>
    <td width="50%" valign="middle" align="center">Image Here</td>
    <td width="50%" valign="middle" align="left">Put your text in this cell
    and when you get to the same height as the image you can start you next
    line of text on the next </td>
    </tr>
    <tr>
    <td width="100%" colspan="2" valign="top" align="left">cell so it is a
    fairly smooth transfer to the next line. This can be controlled with
    setting the pixel size on your cells and the whole table to do what you
    want.</td>
    </tr>
    </table>
    </center>
    </div>


    Robert
    -------
    ~Laus Deo
    Reply With Quote Reply With Quote
  4. 04-12-2002, 11:09 PM #4
    no_mac_jack's Avatar
    no_mac_jack
    no_mac_jack is offline Registered User
    Join Date
    Feb 2002
    Location
    Washington state, USA
    Posts
    1,355
    I think you can put the image in a one-cell table and then set the table to float right. I played with that a while ago, but I don't really remember what I found out. If all else fails, you could see how CNN does it, because I know they have inset photos like that. Good luck!

    ~no_mac_jack
    "He that would make his own liberty secure must guard even his enemy from oppression." - Thomas Paine
    Reply With Quote Reply With Quote
  5. 04-13-2002, 06:04 AM #5
    justjay
    justjay is offline Registered User
    Join Date
    Mar 2002
    Location
    Montréal CANADA
    Posts
    2,149
    IMHO this is the easiest way to do it, if you copy and paste this code you will see that I wrapped the text around the photo...

    <body>

    <table border="1" cellpadding="0" cellspacing="0"
    style="border-collapse: collapse" bordercolor="#111111" width="100%"
    id="Example1">
    <tr>
    <td width="33%"><img border="0"
    src="http://www.theJEHM.net/images/webdesign.gif" align="left"
    width="65" height="50">if you do it this way you will be able to have your
    text wrap around your picture, much like a drop cap in those really old
    books.&nbsp; Keep in mind that white space around the picture will have to
    be calculated for as well.</td>
    <td width="33%">&nbsp;</td>
    <td width="34%" valign="top">
    <p align="left"><img border="0"
    src="http://www.theJEHM.net/images/webdesign.gif" align="right"
    width="65" height="50">if you do it this way you will be able to have your
    text wrap around your picture, much like a drop cap in those really old
    books.&nbsp; Keep in mind that white space around the picture will have to
    be calculated for as well.</td>
    </tr>
    <tr>
    <td width="33%">&nbsp;</td>
    <td width="33%">&nbsp;</td>
    <td width="34%">&nbsp;</td>
    </tr>
    </table>

    </body>


    align=left or right is what does the trick....

    Just make sure that if you COPY & PASTE the code you do it into Notepad first...

    PS - I hate abosolute positioning as well! Can't really think of any good reason for it....
    Reply With Quote Reply With Quote
  6. 04-13-2002, 08:16 AM #6
    Judy's Avatar
    Judy
    Judy is offline Registered User
    Join Date
    Mar 2002
    Location
    Tennessee USA
    Posts
    268
    Robert & JustJay, just a note to both of you. I c&p both of your codes you sent me to see which one would suit what I want best. I found that both of them would be perfect!!

    I saved both codes for my future use, LOL. I thank you both for your expertise. Dunno what I'd do without ya'll. [prob pray and cry a lot more]. Judy:F:
    The only time the world beats a path to your door is when you're in the bathroom!
    Reply With Quote Reply With Quote
  7. 04-13-2002, 08:44 AM #7
    justjay
    justjay is offline Registered User
    Join Date
    Mar 2002
    Location
    Montréal CANADA
    Posts
    2,149
    Glad to be able to help out!!:bounce: Enjoy the WeekEnd
    Reply With Quote Reply With Quote
  8. 04-13-2002, 10:47 AM #8
    GWDGuy's Avatar
    GWDGuy
    GWDGuy is offline CAUTION: Non-exposure to the Son will cause burning!
    Join Date
    Feb 2002
    Location
    Oklahoma
    Posts
    1,903
    Well the praying part is good but the crying part we can help with.. :):

    Glad we can help.. Have a great weekend


    Robert
    -------
    ~Laus Deo
    Reply With Quote Reply With Quote
  9. 04-15-2002, 03:40 AM #9
    IrishHotdawg's Avatar
    IrishHotdawg
    IrishHotdawg is offline Registered User
    Join Date
    Mar 2002
    Location
    in my bedroom in a little thatch cottage in a little village in a little country called Ireland!
    Posts
    77
    Originally posted by jatbb
    Dunno what I'd do without ya'll. [prob pray and cry a lot more]. Judy:F:
    See what ye've done now guys, you've taken another from their faith!! SHAME ON YOU!!!!!! ;):

    :cool: :furball: :cool:
    ******************************
    Am I Paranoid, or am I just Stoned??!
    ******************************
    :cool::furball::cool:
    Reply With Quote Reply With Quote
  10. 04-15-2002, 07:59 AM #10
    Judy's Avatar
    Judy
    Judy is offline Registered User
    Join Date
    Mar 2002
    Location
    Tennessee USA
    Posts
    268
    Hello IHD, just wanted to find out what you're talking about here? Have you had one too many Guinness'??? LOL. Judy:D:
    The only time the world beats a path to your door is when you're in the bathroom!
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Similar Threads

  1. Upload fails, text not displaying on banners.
    By Mary Young in forum Newbies
    Replies: 10
    Last Post: 09-13-2004, 08:20 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules