Solved

Custom popup box will not wrap text

Posted on 2008-10-24
2
205 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
2 Comments
 
LVL 15

Accepted Solution

by:
MMDeveloper earned 500 total points
Comment Utility
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
Comment Utility
instead of display:none;  try display:inline;
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

762 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now