Solved

Prevent text from changing cell height

Posted on 2006-06-13
6
147 Views
Last Modified: 2010-04-09
Is there a way to prevent text in a cell from changing its height? The cell has a background image so I want to keep its height static. When the window is resized, the cell also resizes causing the text to fill more of the cell. At a certain point, the text overfills the cell causing the height to increase. What I want it to do instead is prevent the cell from collapsing past that point. Thanks.
0
Comment
Question by:rbichon
  • 4
  • 2
6 Comments
 
LVL 37

Expert Comment

by:Harisha M G
ID: 16897160
Hi,

Try this:

<td style="white-space: nowrap">...

---
Harish
0
 
LVL 1

Author Comment

by:rbichon
ID: 16897197
That was close but not quite what I was looking for. I still want the text to wrap to the point that it fills the cell. Once it fills the cell, I want it to stop wrapping. Is that possible?
0
 
LVL 37

Expert Comment

by:Harisha M G
ID: 16897228
Try this:

style="position:absolute;overflow:hidden;"
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
LVL 37

Expert Comment

by:Harisha M G
ID: 16897258
Hmm.. you need to give the width and height of the cell too..

style="overflow:hidden; position: absolute; height:100px; width:50px"
0
 
LVL 1

Author Comment

by:rbichon
ID: 16911434
Well, I can't make the width fixed because it is set to 100%. Should I just use a spacer image?
0
 
LVL 37

Accepted Solution

by:
Harisha M G earned 250 total points
ID: 16922587
would this work ?

style="overflow:hidden; position: absolute; height:100px; width:100%"
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
AdminLTE with wordpress 15 138
Hide cell in a table 2 27
How to display div value on input field value in php 11 53
Html value of radio 14 28
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question