Professional Web Applications Themes

Trying to wrap text around image causes table to breakout of wrapper? - Macromedia Dynamic HTML

Hi, I'm not sure if this is a CSS/HTML problem or just something with Dreamweaver CS3? Here is what I have My pages have a wrapper with the following attributes #wrapper { width: 800px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F8F8F8; } On one of my pages, I display a list of file with thumbnails and a brief description. I chose to use a table and have each item in it's own row. I have a class that I assign the image that gives it a little padding around the image. I think place my ...

  1. #1

    Default Trying to wrap text around image causes table to breakout of wrapper?

    Hi,
    I'm not sure if this is a CSS/HTML problem or just something with Dreamweaver
    CS3?

    Here is what I have My pages have a wrapper with the following attributes
    #wrapper {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #F8F8F8;
    }

    On one of my pages, I display a list of file with thumbnails and a brief
    description.
    I chose to use a table and have each item in it's own row.

    I have a class that I assign the image that gives it a little padding around
    the image.

    I think place my text directly to the right of the thumbnail image.

    So it would look like this

    File Name
    Pic.............description of this file

    I would create a new row in the table for each one. I liked using a table,
    because when there was an update, and I needed to remove an item, I could just
    delete the row. Or if a new one, needed to be placed somewhere in the middle,
    I could just add a row.

    This worked great in DW MX, MX2004, and 8, but what I'm finding with CS3 is,
    once I apply the class to the image, that gives it the padding. As soon as I
    create a new row, the table jumps out past the wrapper div within Dreamweaver

    My image class has these attributes
    .thumbnailspacer {
    float: left;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 5px;
    background-color: #C5DFFC;

    }

    and here is a sample of what one of my rows look like.

    <tr>
    <td><a href="#">test<img src="" alt="" name="" width="82" height="58"
    class="thumbnailspacer" /></a>
    <br />
    <br />
    Description of Item goes here</td>
    </tr>


    It views OK in IE 6 and IE 7, not sure about others since we don't use them
    here.

    What can I do to make it work like it did before?



    cdoyle Guest

  2. #2

    Default Re: Trying to wrap text around image causes table tobreak out of wrapper?

    Anyone have any suggestions?
    Or is it just a bug with the new version of Dreamweaver?
    cdoyle Guest

  3. #3

    Default Re: Trying to wrap text around image causes table to break out of wrapper?

    Why are you using the float?

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "cdoyle" <com> wrote in message
    news:fs91o1$dk6$macromedia.com... 

    Murray Guest

  4. #4

    Default Re: Trying to wrap text around image causes table tobreak out of wrapper?

    cdoyle,

    It would be more helpful if you posted all of your code for the particular
    page. When I tried to duplicate what you described in your post, I got the page
    looking the same in IE, firefox, dw cs3 and dw mx2004. Perhaps I am missing
    something.

    Jeff

    jphilapy Guest

Similar Threads

  1. Making text wrap around a master page image
    By Paul_LaRocca@adobeforums.com in forum Adobe Indesign Macintosh
    Replies: 17
    Last Post: January 13th, 09:42 PM
  2. css no text wrap around image help?
    By Ccasati in forum Macromedia Dynamic HTML
    Replies: 25
    Last Post: October 16th, 10:59 AM
  3. wrap text around an image or
    By Doug in forum Macromedia Flash
    Replies: 4
    Last Post: December 18th, 09:27 PM
  4. Text Wrap around an image pasted into a text box
    By Jerry_Mayeroff@adobeforums.com in forum Adobe Indesign Windows
    Replies: 0
    Last Post: April 1st, 05:42 PM
  5. Wrap text around an image
    By Tony Holowitz in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 3
    Last Post: August 22nd, 08:30 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139