Professional Web Applications Themes

Text wrapping on window resize? - Macromedia Dreamweaver

When using tables to place images and text on the page, what is the key to getting text (text that is actual content, not an image) to re-wrap as the page is shrunk or increased in the user's browser window? I can't seem to get my text to change its wrapping and the window shrinks. It just gets cut off as the width decreases. johnny...

  1. #1

    Default Text wrapping on window resize?

    When using tables to place images and text on the page, what is the key to getting text (text that is actual content, not an image) to re-wrap as the page is shrunk or increased in the user's browser window?

    I can't seem to get my text to change its wrapping and the window shrinks. It just gets cut off as the width decreases.

    johnny


    JohnnyA webforumsuser@macromedia.com Guest

  2. #2

    Default Re: Text wrapping on window resize?

    make sure your table (the one that contans the text and images) has a width
    that is a percent value and not a pixel value.

    i.e. <table width="80% ...
    as opposed to
    <table width="500" ...


    "JohnnyA" <webforumsusermacromedia.com> wrote in message
    news:bel0mu$6r8$1forums.macromedia.com...
    > When using tables to place images and text on the page, what is the key to
    getting text (text that is actual content, not an image) to re-wrap as the
    page is shrunk or increased in the user's browser window?
    >
    > I can't seem to get my text to change its wrapping and the window shrinks.
    It just gets cut off as the width decreases.
    >
    > johnny
    >
    >

    Alexander Ross Guest

  3. #3

    Default Re: Text wrapping on window resize?

    Alex, I noticed you refered to the cell the text and image was in. I had the text in a table in the td immediately to the right of the pic. When I put the text in the same td as the image, the word wrapping does automatically adjust as the browser window size is adjusted up and down.

    I did not have pixel size on the td with the text by itself. I had 100% on it. I tried many combinations including putting the text directly into the td next to the image instead of into table that was in the td. It seems like text all by itself won't re-wrap.

    Now that the text is the td with the image, I'm having trouble getting the text to align exactly where I want it. When I select the image and select alignment=left, the text aligns at the top of the image on the right. Selecting middle does nothing.

    I really want the text aligned on the right at the middle of the pic. I can move the text down with carriage returns or with a transparent gif spacer image. However as the window is resized, what looked good in the maximized window doesn't look as good when the window is shrunk.

    If there isn't a way to better align the text, I may have to settle for the spacer image method. That would be better than the carriage returns, I presume?

    johnny



    JohnnyA webforumsuser@macromedia.com Guest

  4. #4

    Default Re: Text wrapping on window resize?

    "JohnnyA" [email]webforumsusermacromedia.com[/email] wrote:
    > Alex, I noticed you refered to the cell the text and image was in. I
    had the text in a table in the td immediately to the right of the pic.
    When I put the text in the same td as the image, the word wrapping does
    automatically adjust as the browser window size is adjusted up and down.
    >
    > I did not have pixel size on the td with the text by itself. I had
    100% on it. I tried many combinations including putting the text
    directly into the td next to the image instead of into table that was in
    the td. It seems like text all by itself won't re-wrap.
    >
    > Now that the text is the td with the image, I'm having trouble
    getting the text to align exactly where I want it. When I select the
    image and select alignment=left, the text aligns at the top of the image
    on the right. Selecting middle does nothing.
    >
    > I really want the text aligned on the right at the middle of the pic.
    I can move the text down with carriage returns or with a transparent
    gif spacer image. However as the window is resized, what looked good in
    the maximized window doesn't look as good when the window is shrunk.
    >
    > If there isn't a way to better align the text, I may have to settle
    for the spacer image method. That would be better than the carriage
    returns, I presume?
    >
    > johnny
    >
    >
    >
    >
    It doesn't matter whether you have pixels or percentage width. You could
    have no width at all, and it should wrap anyway.
    I tried to understand what you want to do, but a guess is that you want
    an image to the left and text to the right in the same cell, and that
    the text should align to the vertical center if the image. Is that so?
    If correct, you can e.g. place a table with two columns in the cell,
    image in the left cell, text in the right, vertically align "middle"
    like this:

    <table width="400" border="0" cellspacing="3" cellpadding="0">
    <tr valign="middle">
    <td><img src="images/image.jpg" width="96" height="74"
    align="left"></td>
    <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
    diam nonummy
    nibh euismod tincidunt ut</td>
    </tr>
    </table>

    --
    Dan Vendel - *GOF*
    [url]http://www.vendel.info[/url]
    Contact me directly by clicking here:
    [url]http://contact.vendel.info[/url]
    Formmail tutorial:
    [url]http://www.vendel.info/tut/formmail.html[/url]
    Nested table demonstration:
    [url]http://www.vendel.info/tabletut/[/url]

    Dan Vendel *GOF* Guest

  5. #5

    Default Re: Text wrapping on window resize?

    Thanks, everyone, I got it working. I really aprreciate it.

    johnny


    JohnnyA webforumsuser@macromedia.com Guest

  6. #6

    Default Re: Text wrapping on window resize?

    Hi ,

    I have a scenario where the text should not wrap when the window is shrinked in size.This happens good in IE but not in firefox.I used <pre> tag which really dint help me.I have a given a width so that the text does not wrap.But i need a solution where my width of the <td> remains same.Please give me a suggestion.
    Lakshmi Guest

Similar Threads

  1. window resize
    By Harvey Waxman in forum Macromedia Dreamweaver
    Replies: 5
    Last Post: January 12th, 02:51 PM
  2. Wrapping Text
    By charliee3 in forum Macromedia Contribute General Discussion
    Replies: 1
    Last Post: August 16th, 11:05 AM
  3. Resize window problem
    By 150mph@adobeforums.com in forum Adobe Photoshop Mac CS, CS2 & CS3
    Replies: 1
    Last Post: February 11th, 08:56 PM
  4. Window blinks on resize
    By Bill Jaynes in forum FileMaker
    Replies: 1
    Last Post: July 31st, 01:04 PM
  5. window resize?
    By Paul Whitham TMM in forum Macromedia Dreamweaver
    Replies: 1
    Last Post: July 14th, 02:59 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
  •  

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