?
Solved

Custom popup box will not wrap text

Posted on 2008-10-24
2
Medium Priority
?
250 Views
Last Modified: 2012-05-05
My custom popup is not working correctly.  It is not wrapping the sentences.
It
Looks
like
this.

I have tried taking out paddning.  Chagne position.  Added word-spacing..no change
I have tried setting the width and height..no change
<div id="divDropDownToolTip" style="position:absolute;word-spacing:normal;display:none;background:yellow; border:1px solid gray;padding:2px;font-size:10pt;font-family:Verdana;" onMouseOut="hideDropDownToolTip()">
    <span id="informationText"></span>
 </div>

                                                                                 
0
Comment
Question by:aninec
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 15

Accepted Solution

by:
MMDeveloper earned 2000 total points
ID: 22799208
assign it a hard width


width: 450px;

and make sure there isn't any "white-space: nowrap" css on it or it's child span tag.
0
 
LVL 44

Expert Comment

by:scrathcyboy
ID: 22799805
instead of display:none;  try display:inline;
0

Featured Post

Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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…
Suggested Courses

771 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