TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
selvi subramanian
NA
799
570.8k
how to reduce the size of the content
Jun 3 2014 5:11 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Marvel Bee Shop </title>
<link type="text/css" href="menu.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.bxslider.min.js" type="text/javascript"></script>
<link href="bxslider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$(function () {
var AnimateDiv = function () {
$("header").delay(200).animate({
left: '250px',
opacity: '0.5',
height: '100px',
width: '210px',
fontSize: '4em'
}, 2000, 'linear', function () {
$("header").css({
left: '0px',
height: '50px',
opacity: '1',
fontSize: '15pt',
width: '210px'
});
AnimateDiv();
});
}
AnimateDiv();
});
});
</script>
<style type="text/css">
.bx-caption
{
height: 50px !important;
width: 100px !important;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('.bxslider').bxSlider({
mode: 'fade',
auto: true,
captions: true
});
});
</script>
</head>
<body>
<style type="text/css">
*{
margin:0;
padding:0;
color: #FFFFFF;
}
#header {
height: 0px;
padding-top: 20px; padding-bottom: 20px;
text-align: center;
background: #405580;
}
#left {
float:left;
width:100%;
height: 25em;
margin:1px .2em 1px 1px;
border: 2px solid green;
}
#content {
margin:1px .2em 1px 28%;
}
#cnt1 {
position;relative;
margin:.3em 2px;
height: 10em;
border: 1px solid blue;
}
#cnt2 {
position;relative;
margin:.3em 2px;
height: 100%;
}
body { background:#171717; }
div#menu {
margin:10px auto;
width:106%;
}
div#copyright {
margin:0 auto;
width:80%;
font:11px 'Trebuchet MS';
color:#5d4381;
text-indent:20px;
padding:40px 0 0 0;
}
div#copyright a { color:#8a2be2; }
div#copyright a:hover { color:#5d4381; }
.style1
{
color: #FFFFFF;
font-weight: bold;
}
.style2
{
color: #FFFFFF;
font-style: italic;
font-weight: bold;
font-family: Aharoni;
}
.style3
{
height: 200px;
width: 448px;
}
.style4
{
width: 500px;
height: 200px;
}
</style>
<div id="header" class="style2" >
Bramandam Family Shop
</div>
<!--<div style="background: #98bf21; height: 50px; width: 210px; position: absolute; text-align: center; vertical-align: middle;">
Bramandam Family Shop
</div>-->
<div id="menu">
<ul class="menu">
<li><a href="index.html" class="parent"><span>Home</span></a>
</li>
<li><a href="ProductInfo.aspx" class="parent"><span>Product Info</span></a></li>
<li><a href="Login.aspx" class="parent"><span>Login</span></a></li>
<li><a href="Contactus.aspx"><span>Contacts</span></a></li>
<!-- <li class="last"><a href="#"><span>FAQ</span></a></li>-->
</ul>
</div>
<div>
<table style="width:1352px; height: 200px;">
<th style="width:500px;height:250px;"><br />
<tr style="width:200px; ">
<td class="style3">
<ul class="bxslider">
<li> <img src="images/p1.jpg" width="500" height="400" title="School Kid" /></li>
<li><img src="images/p2.jpg" width="500" height="400" title="SChool Dress" /></li>
<li><img src="images/p3.jpg" width="500" height="400" title="SChool Dress" /> </li>
</ul>
</td>
<td style="color: Black; background-color:White; height="100px" class="style4">
Riyaz was established in the year 2000 and its was renamed as Bramandam in the year 2009 nov 27. in 2009.
we started with 7 section they are Saree,Chudi,Gents,Inner,Boys,Nighty,Silk Sarees.
</td>
</tr>
</th>
</table>
</div>
<span class="style1" style="background-position:center;">
Copyright © 2014 Riyaz
</span>
</body>
</html>
Reply
Answers (
2
)
javascript
php related issues