Thanks for taking the time to read my question.

I have a dialog box on my page that pops up after clicking a link.

My problem is that when it comes up, it is too small. My content
requires the size of the dialog box to be both wider and taller.

I've downloaded jquery-ui-themeroller.css from Themeroller.

I've tried to add width and height to .ui-dialog, but it doesn't make
a difference to the size. I change the border width, and that updates
the border... I've tried resizing the background image, but that
doesn't change anything either. I made it 200px high and kept the
width.

How can I make my dialog box larger?

Thanks,

Brad


/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group
Project for jQuery UI
 * Author: Scott Jehl, [EMAIL PROTECTED], http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems,
your components will scale according to their parent element's font
size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em
= 10px.
 * body {font-size: 62.5%;}
*/

/*dialog*/
.ui-dialog {
        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height:
1.3; text-decoration: none; font-size: 100%; list-style: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        background: #ffffff url(Images/Dialog/
ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
        color: #222222;
        border: 10px solid #dddddd;
        position: relative;
}

Thanks,

Brad

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to