0

Hi,
Can you please take a look at attached JPEG and let me know how I can create a div like this(looks like 3D) using CSS or JQuery?
I will appreciate if you introduce me to a tutorial or any thing that can help me regarding this,

Best Regards
Behrouz

Attachments 3D_Div.JPG 4.5 KB
3
Contributors
3
Replies
8
Views
6 Years
Discussion Span
Last Post by Skorpio07
0

i think maybe he was looking for this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3dD Div</title>
<style type="text/css">
.container {
	background-color: #333333;
	height: 120px;
	width: 270px;
	border: thin double #191919;
	position: relative;
}
.bigbody {
	background-color:#;
	text-align: center;
	margin-top:25%;
}
.bigdiv {
	width:100%;
	height:50%;
	text-align:center;
}
#hrprop {
	text-align:center;
	color:#cccccc;
}
</style>
</head>
<body class="bigbody">
	<div id="bigdiv" align="center">
		<div class="container">
		  <hr class="hrprop" width="95%" style="margin-top:25px;" />
		</div>
	</div>
</body>
</html>
0

maybe he was looking for this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3dD Div</title>
<style type="text/css">
.container {
	background-color: #333333;
	height: 120px;
	width: 270px;
	border: thin double #191919;
	position: relative;
}
.bigbody {
	background-color:#;
	text-align: center;
	margin-top:25%;
}
.bigdiv {
	width:100%;
	height:50%;
	text-align:center;
}
.hrprop {
	text-align:center;
	color:#cccccc;
}
</style>
</head>
<body class="bigbody">
	<div id="bigdiv" align="center">
		<div class="container">
		  <hr class="hrprop" width="95%" style="margin-top:25px;" />
		</div>
	</div>
</body>
</html>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.