<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Girfa : Student Help</title>
<style type="text/css">
.tpopup{
position:absolute;
width:520;
height:300px;
background:#fff;
left:50%;
top:50%;
border-radius:5px;
padding:60px 0;
margin-left:-320px; /* width/2 +
padding-left */
margin-top:-150px; /* height/2 +
padding-top */
text-align:center;
box-shadow:0 0 10px 0 #000;
}
.xclose{
position:absolute;
background:black;
color:white;
right:20px;
top:5px;
border-radius:50%;
width:30px;
height:30px;
line-height:30px;
text-align:center;
font-size:8px;
font-weight:bold;
font-family:'Arial Black', Arial,
sans-serif;
cursor:pointer;
box-shadow:0 0 5px 0 #000;
}
</style>
</head>
<body>
<h1 align=center>Placing
X buuton on top right corner on an image</h1><hr />
<div class="tpopup">
<img src="p5.jpg"
/>
<div class="xclose"
onmouseover="this.style.backgroundColor='grey'"
onmouseout="this.style.backgroundColor=''"
><a href="#" >X<a></div>
</div>
</body>
</html>
No comments:
Post a Comment