Modal Height Too Short

I have a modal pop up but the container is too short.  How do I make it taller?

http://www.bricooper.net

Go to "Share" on the left.
contact.css
DS928Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Guy Hengel [angelIII / a3]Billing EngineerCommented:
I would say it's here you need to modify:
<a href="javascript:popWin('mail.php?do=tell',440,520)">Share</a>

where the 440 and 520 are the heigth and width of the popup to be displayed.
increase the 440 to 500 for example and check...
0
DS928Author Commented:
Thank you, but I am no longer using that link.  Go to http;//www.bricooper.net
Click on "Share"  I attached a CSS file. or would the height be in the Javascript?
0
Guy Hengel [angelIII / a3]Billing EngineerCommented:
sorry, I have overlooked that.
well,
#contact-container
{font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;
}

is not specifying any heigth, so I would put the heigth in there?
but I do also see that the form is not increasing height when you resize the text area, I think the real issue should be adressed there ...
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
On line 36 of the contact css, I would change the  padding for the top and bottom.

#contact-container form {
margin: 0;
/*padding: 0;*/
padding-top:30px;
padding-bottom:30px;
}

Open in new window


and on line 40 add some padding or margin to both the label and input
contact-container label {
clear: left;
display: block;
float: left;
font-weight: bold;
padding-right: 4px;
text-align: right;
width: 100px;
padding-top: 20px;
}

Open in new window

media="screen"
#contact-container .contact-input {
background: #eee;
border: 1px solid #fff;
font-family: 'Trebuchet MS', Verdana, Arial;
float: left;
padding: 2px;
margin: 2px;
width: 300px;
padding-top: 20px;
}

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
DS928Author Commented:
Ok that helped alot.  Still have a problem with the height, from the looks of things, it seems that the bottom is being cut off as the corners are not rounded.  Something, somewhere is restricting it.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.