<html>
<head>
<title>PopUp</title>
<style>
body
{
direction: ltr ;
}
#PopUp
{
width: 473px ;
font-size: 10pt ;
margin: -132px 0 0 -232px ;
left: 50% ;
top: 50% ;
text-align: center ;
direction: rtl ;
position: absolute ;
display: none ;
}
#PopUp .PopUp_Top
{
background: url('popup_top.png') no-repeat ;
width: 473px ;
height: 33px ;
}
#PopUp .PopUp_Center
{
background: url('popup_center.png') repeat-y ;
width: 473px ;
float: right ;
}
#PopUp .PopUp_Bottom
{
background: url('popup_bottom.png') no-repeat ;
width: 473px ;
height: 14px ;
clear: both ;
}
#PopUp .PopUp_Top a , #PopUp .PopUp_Top a:visited
{
width: 15px ;
height: 15px ;
float: left ;
text-decoration: none ;
border: 1px solid #666666 ;
margin: 7px 0 0 11px ;
padding: 0 ;
font-family: tahoma ;
font-size: 9pt ;
line-height: 1em ;
}
#PopUp .PopUp_Top a:hover
{
text-decoration: none ;
border: 1px solid #ffffff ;
}
#PopUp_MainText
{
padding: 0 10px 0 10px ;
line-height: 1.5em ;
text-align: justify ;
}
</style>
<script>
function ShowPopUp ()
{
document.getElementById ('PopUp').style.display = 'block' ;
}
function ClosePopUp ()
{
document.getElementById ('PopUp').style.display = 'none' ;
}
</script>
</head>
<body>
<a href="javascript: ShowPopUp ();">Show PopUp</a>
<br /><br />
<div id="PopUp">
<div class="PopUp_Top">
<a href="javascript:ClosePopUp ();"></a>
</div>
<div class="PopUp_Center">
<div id="PopUp_MainText">
phpDesigner is the complete PHP Editor and PHP IDE (integrated development environment) for all your PHP but also HTML, CSS, Smarty, SQL, XML and JavaScript development with focus on boosting your productivity, facilitating you in learning PHP in an user-friendly environment that makes it enjoyable to use for hours for both beginners and professional developers.
</div>
</div>
<div class="PopUp_Bottom"></div>
</div>
</body>
</html>