How do I resize text as Window shrinks

I'm not sure I want to do this, but I want to know if it's possible.
I have captions next to photos on my site. As the window shrinks so does the image but the text size stays the same, and it affects the wrapping of the caption(looks bad) and the text is huge in relation to the photo. Is there a way to scale the text along with the photo so the caption stays in proportion with the photo.
gsld.net/civic2/civic2.html
Thanks

There is no way I know of to "shrink" text as the browser window (viewport) changes. But there is a solution to your problem.
You have defined a "THUMBS" div thusly:
.THUMBS {
          float: left;
          height: 40%;
          width: 18%;
          text-align: right;
          vertical-align: top;
          margin-left: 30px;
          position: relative;
          top: 0px;
          margin-right: 10px;
          /* [disabled]padding-left: 50px; */
          margin-top: 5px;
You have defined the width of that column as "18%." That means the width may change with a change in the viewport. If you change the width of that div to a fixed width (a certain number of pixels) or if you add min-width: xxpx; where "xx" is a width below which the text wrapping becomes an issue, your column for your THUMBS will not have that problem.
By the way, I never capitalize the first letter of a div class or ID. Were I creating the css, the class would be "thumbs." Perhaps you purchased some code here that relies on all caps for the class, but the only time I put an uppercase letter into my CSS is to help me see the class, for example, a right float would be called "fltRight" and left float would be "fltLeft."
-Mark

Similar Messages

  • When I open a file in Photoshop CS4, how can I resize My Open Window File?it is stuck on full screen

    When I Open a File in Photoshop CS4, How can I Resize My Open Window File? It is stuck on Full Screen?

    Which operating system are you using?
    On a windows os, usually one can just double click on the title bar in the open dialog.

  • How do I resize email message window so I don't have to scroll across to read a message?

    How do I resize the email message window to accomodate a message so I can read it without having to scroll across to see it all?

    Tried pinching.... the only thing that happened was it brought up the Launch Pad.  ??
    Also tried double-clicking-- nothing happened.
    I tried both these suggestions with new mail and old saved mail.  Nothing happened....
    What to do??  What to do???    I know it can be done somehow... or maybe it was with Windows   ??
    Also regarding Klaus' comment:  The  text is too big, too wide-spread to all appear when I enlarge the window to the max.  Somehow the text must be "shrunk" to fit within the window.

  • How to get black text in window title

    I have difficulty distinguishing between active windows and inactive windows because the title text for both is a shade of gray. How can I theme OS X Lion to use black text  scrollbar, and controls for active windows; gray for inactive windows?
    I am tired of having to click on a window to ensure that it is active.

    Ha, I had the graphite theme, so they were gray. While they were darker than an inactive window, they still didn't call attention to themselves. I've switched to blue and now they're in color. Not sure why they are called "blue" and "graphite" as the only difference I notice is the color buttons, none of which are blue, for blue and the gray buttons for graphite. I still don't usually look over in that direction; I'm looking at the title to see if its the window I'm interested it. Still, that gets a helpful.
    Still, I'd really like black text as I find gray text harder to read. And the back/forward buttons in Firefox don't change enough between active and inactive. I'd like that to be really black. (I'm told that OS X theming interferes with being able to change that; not sure if it's true.)
    As for the active one usually being in front, that's assuming that the active one is taking up a majority of the real estate. I often have two windows side-by-side. Further, stickies don't have the three buttons, so it's no help when they're active (and there's a bug - which I've reported - that sometimes makes them inadvertently active).

  • How can I resize my iTunes window if it's stuck?

    Hi,
    Ever since I switched to the 15-inch Macbook Pro, my iTunes window doesn't fit in the actual screen and cuts off half way, showing only half of iTunes at a time. Because of this, I can't use the bottom-right corner to adjust it to the size I want and the dock keeps coming up when I get close to that area. It shrinks to regular size when I go on the full-screen mode, but as I'm usually multi-tasking this isn't feasible most of the time. Does anyone know how to fix this? I'd really appreciate help, as it's a bit annoying!
    Thank you in advance!

    Option-click the green button.
    (62078)

  • I have Firefox 6. How do I resize the download window? It is currently maximised, but I want to work with a smaller window by default. The Size option is greyed out.

    I have no possibility to change the size of the current download window or to define a new default download window size and position.

    If you can't resize the window (try Alt+Space) then you may have to reset the toolbars.
    See:
    *http://kb.mozillazine.org/Corrupt_localstore.rdf

  • How can I resize my itunes window?

    I don't know if it matters or not, however I'll show you the situation:
    I use a single library on an iPod and two aliases pointin at the library. One is on my iMac 20" and the other is on my PB 12". This morning opening itunes on the 12" I found a very big window, bigger than my work area. I can't resize it with the mouse. Any idea? thank you
    ilario

    Control click the green button at the top left of the window.

  • How to Mass-Resize Text Boxes

    Hello,
    I'm working with a PDF document with a great deal of text boxes. I have found no way to resize many text boxes at once. I was thinking there'd be a way to:
    1) Select all text boxes
    2) Right-click or do something else to open the "Properties" dialog box
    3) Within the "Properties" dialog box, find "Size"
    4) Change the "Size" height and width by numbers
    5) Press OK and voila, all the text box sizes change
    I surely hope this is possible because using the mouse to drag and resize is highly inefficient.
    Thank you in advance.

    Are you using Acrobat? If so, you may want to try the Acrobat forum at http://forums.adobe.com/community/acrobat

  • How to resize the itunes window in mavericks?

    How can I resize the itunes window in mavericks if the window is larger than the screen?
    Since the window is larger than the screen I cannot use the scroll-bar anymore properly...
    And since resizing is in the lower right corner that leaps out of the screen I can't resize it...
    any clues anyone?

    https://discussions.apple.com/message/16758346#16758346

  • How do I resize a window opened from a link?

    There is a link which open up a new popup window, how do I resize the browser window?
    Test

    Here is some javascript that opens a new window of size 420 x 240:
                openNewWindow( "", 'newWin',"420", "240", "scrollbars=no,resizable=no");

  • Resizing an Applet window and components.

    How can I resize an applet window and not compromise the layout of components in the applet's panel? Can i get the components to resize as the applet's window resize?

    Try using GridBagLayout as your LayoutManager. Then use GridBagConstraints to specify the components behaviour on resizing.
    Hope that helps.

  • How to make the text resize to fit the window ?

    Hi,
    I'm making a website using Adobe Edge and I want the text to resize when the window is resized too. I tried some jQuery plugins but had no success. Any help would be greatly appreciated.
    Thanks in advance,
    Rafael Carignato

    See this post your question was already answered there:
    http://forums.adobe.com/message/5045627#5045627
    Here is a sample file of text that re-sizes according to window size:
    http://www.meschrene.puremadnessproductions.net/Samples/Resize-Text/Sample.html
    http://www.meschrene.puremadnessproductions.net/Samples/Resize-Text/Sample.zip

  • Resizing text and images with actions and keeping it resized for the next slides, how to?

    Hello everybody,
    I searched over the net and in this support section for a solution to my problem, but i didnt find any, so...here I am asking you experts.
    Through a particular use of different actions I make a logo "compose" in the first slide of my presentation (the logo is composed by text and images that interact), then in the second slide i make it resize so it goes 50% of its size and moves down like a TV logo, in the corner of the slide, and I want it to stay there for all the lenght of the presentation.
    It might be a stupid problem, but I didnt understand how to keep it there, 50% of its size and always in that position. If i duplicate the slide I obviously duplicate the 100%-size-logo, not its 50%-size-version, and if i shrink it in order to make it be 50% of its size the text size doesnt shrink so i have to change the text size manually, but the visual effect is imperfect.
    Lets summarize:
    slide 1: text appears, image appears, the text and the image move and "compose" the logo
    slide 2: the complete logo reduces its size to 50% and moves in the lower corner of the presentation, in the place I want it to be for, lets say, 20 slides
    slide 3: i want to have this logo already reduced in size and in its position, in the right lower corner, but if i try to group the different parts of the composed logo and i try to squeeze them the font doesnt change its size, I only squeeze the area that the text occupies.
    Some help please guys?
    Thanks in advance,
    Dom-
    (add: the problem is kind of similar to this: https://discussions.apple.com/message/9179367#9179367 . the idea of making a slide that contains the logo and text in the exact positions they would be after the move and scale actions is good and that was my first attempt, the probem is that it looks impossible to me to create a second "little" version of the logo that looks exactly the same of the first one that i reduced, so i hope there is some way to tell the app to use "the first logo, only resized the way i want", and thats the point where the problem with the size of the text comes out)

    Hi pritam,
    The “maintain proportions of window for different monitor
    resolutions” property will maintain the proportional size of the front panel
    (its x and y sizes) when opened in a different resolution. The front panel
    objects will not be resized and will appear larger (and may not fit inside the
    front panel) when saved in a higher resolution, and moved to a lower
    resolution. You can use the “Keep window proportions” property to achieve the
    same results.
    To have both the front panel dimensions and front panel
    controls scale, you need to have both the above property and the “scale all
    objects on front panel as the window resizes” selected. The labels will not be
    resized by this.
    I tried using both properties on two monitors and noticed
    that the change does not occur when the resolutions between the monitors are
    different. I had to lower both monitors’ resolution to see the change work
    properly.
    Please post back if you have any questions. Have a great day!
    Ryan D.
    District Sales Manager for Boston & Northern New England
    National Instruments

  • How do you have the help file .chm hold its window position when the user resizes the help window.

    One of my customers is complaining that the help contents will scroll out of view when the window is resized.  Is there a way to anchor the position while the window is resized?

    My CHM is a help file for an application. The application uses F1 to open specific topics for help.  Therefore the help file needs to be visible but not cover the application to much. The Content in this situation is text however the help project contains Images, tables, text, etc. 
    If the user searches for the word "audio" in the search and it takes them to a section or sub topic that is half way down in the Topic, they would like that section or subtopic to stay in the same place as they resize the help window.  Using Bookmarks if the topic is large enough clicking the search link will place the results in the top left of the doc view window, however this is not necessarily the top of the topic. 
    Im not sure how else to explain what the user is seeing, sorry.
    Please explain "Also whether it remains consistent depends on whether an absolute or percentage value has been added to it."

  • How can I output text in a browser window in JAVA?

    How can I output text in a browser window in JAVA?

    "response.getWriter().print()" is the most common method when using servlets

Maybe you are looking for