Results 1 to 7 of 7

Thread: Easy question

  1. #1
    Join Date
    Aug 2005
    Posts
    200
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Easy question

    I would like the text to continue directly under the picture instead of in a column down the right side. Thanks JF




    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" width="133">
    <p><img src="brett.jpg" align="left" hspace="5" vspace="5" width="276" height="387"></p>

    <table border="0" width="132" cellspacing="0" cellpadding="7" height="350">

    </table>
    </td>
    <td valign="top" width="626"> <b><br>
    <font size="+3" color="#003466">Brett</font></b>
    <hr color="003466">
    <p>
    <center>
    <b><font size=+2>Recent Developments<br>
    </font></b></center>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    HTML Code:
    <table border="0" cellspacing="0" cellpadding="0">
    <tr> 
    <td valign="top" width="133"> 
    <p><img src="brett.jpg" align="left" hspace="5" vspace="5" width="276" height="387"></p>
    </table>
    <table border="0" width="132" cellspacing="0" cellpadding="7" height="350">
    
    
    </td>
    <td valign="top" width="626"> <b><br>
    <font size="+3" color="#003466">Brett</font></b> 
    <hr color="003466">
    <p>
    <center>
    <b><font size=+2>Recent Developments<br>
    </font></b></center>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Freeman
    I would like the text to continue directly under the picture instead of in a column down the right side.
    Place the image in its own block-level element outside the table, or move it into its own row.


    Quote Originally Posted by jscheuer1
    </table>
    <table border="0" width="132" cellspacing="0" cellpadding="7" height="350">

    </td>
    That's rather broken, John. You also omitted the (required) closing tag for this second table.

    Mike

  4. #4
    Join Date
    Aug 2005
    Posts
    200
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    That made all the text start under the picture. I would like it to start at the top on the right side and continue down underthe picture. JF

  5. #5
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Freeman
    That made all the text start under the picture. I would like it to start at the top on the right side and continue down underthe picture.
    Such as by floating?



    That was produced using the following markup and CSS:

    Code:
    img.inset {
      float: left;
      margin: 0.5em 0.5em 0.5em 0;
    }
    HTML Code:
    <p><img class="inset" alt="" src="...">Lorem ipsum dolor sit amet...</p>
    Mike

  6. #6
    Join Date
    Jul 2005
    Location
    Fulton, MO
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I think tabling would just be easier. It's what I use, and you can then just move the table wherever (left/right/center) and add or subtract to it easily.

    <table>
    <tr>
    <td><IMG src="Brett.jpg" width="125" height="125"></H5></a></td>
    <td><IMG src="Brett.jpg" width="125" height="125"></H5></a></td>
    </tr>
    <tr>
    <td><h3><font color= "text color here">Your Text Here</td>
    <td><h3><font color= "text color here">Your Text Here</td>
    </tr>
    </table>

    Although this doesn't work real well if you have 2 very differing texts, like on the first table, a one letter word, and the second table, a 5 letter word. Hope it helps.....If not, just remember I am the NoOber, and you will feel better.

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Tables are less flexible and slower to load than CSS. Also you don't have to hold nested tables in your mind all at once, to a pixel's accuracy CSS is the better option here.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

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
  •