Forum : Programing
Brief description  about Online courses   join in Online courses
View Siddiqui Nadeem Ahmed 's Profile

Programing

Hi can any body solve this problem. Iam not getting the mid part of css but the mid part is down to the advertisements i m pasting the code please help me

<html>
<head>
<title> Assignment 2 </title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
background:

#FFFDEA ;

font-family: Arial,

Helvetica, sans-serif;
font-size: 12px;
color: #464032;
}

#full
{
width:900px;
margin-left:auto;
margin-right:auto;
background-color: #66CCFF;
border:1px solid #CCCCCC;
}

#top
{
background-color: #CC9966;
height:60px;
padding-top:15px;
padding-right:5px;
padding-left:10px;

}
#logo {
float: left;
height: 90px;
margin: 0;
padding-top: 30px;
color: #000000;
}


#leftpart

{
float:auto;
width:200px;
}

#username
{

margin-right:20px;
}

#midpart
{

float:auto;
width:700px;
}

#rightpart
{
width:280px;
margin-left:600px;
}

.styleArial
{
font-size:14px;
font-family:Arial,sans-serif;
color:#A83A01;
}

#leftpart
{

background-color: #8A8A8A;
padding:15px;
}

#midpart
{
background-color:#ECE9D8;
}
#rightpart
{
background-color:#ECE900;
}

#home
{
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
width:180px;
margin-bottom:5px;
}

#home ul
{
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
width:180px;
margin-bottom:5px;
padding:0px;
color:#A3141A;
}

#home ul li
{
list-style-type:none;
width:180px;
display:block;
width:150px;
height:40px;
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
margin-bottom:5px;
padding:0px;
color:#A3141A;
}

#home ul li a
{
list-style-type:none;
display:block;
width:150px;
height:40px;
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
margin-bottom:5px;
padding:0px;
color:#A3141A;
background-color:#A3141A;
text-decoration:none;
}
#home ul li a:hover{
list-style-type:none;
display:block;
width:200px;
height:40px;
font-size:16px;
background-color: #A3141A;
font-family: Arial,chiller;
margin:0px;
text-align:center;
padding:0px;
color: #000000;
padding-top:10px;
text-decoration:none;
margin-bottom:5px;
}
#home ul li #active{
list-style-type:none;
width:200px;
display:block;
height:40px;
font-size:16px;
background-color: #A3141A;
font-family: Arial,chiller;
text-align:center;
padding:0px; color: #000000;
padding-top:10px;
text-decoration:none;
margin-bottom:5px;
}


a:link
{
color: #990000;
text-decoration:none;
}

a:visited
{
color:#990000;
text-decoration: none;
}

a:hover
{
color: #006600;
text-decoration: none;
}

a:active
{
text-decoration: none;
}

.styleC
{
font-family:chiller;
font-size:29px;
color:#000000;
}
#bottompart{
background-color: #454545;
height:12px;
padding-top:5px;
padding-right:10px;
padding-left:10px;

}


#Adv{
background-color: #000000;
height:200px;
margin-top:50px;
padding:20px;

}

#Adv2
background-color: #000000;
height:200px;
margin-top:50px;
padding:20px;
}
#About this company
{
margin-center:30px;
}
.button{
background-color:#3b5998;
border-bottom-color:#0e1f5b;
border-right-color:#0e1f5b;
border-left-color:#d9dfea;
border-top-color:#000000;
border-style:solid;
border-width:thin;
font:Arial, Helvetica,

sans-serif;
font-size:12px;
color:#FFFFFF;
padding:2px;
}
-->
</style>
</head>
<body>

<div id="full">

<div id="top">
<div class="style9"

id="logo">WEB

DEVELOPMENT

COMPANY</div>
</div>


<div id="leftpart">
<!--button cover-->
<div id="homebutton">
<ul>
<li class="style1"

style="margin-bottom:15px;">
<a href="#"

class="style5"

id="active">Home </a></li>

<li class="style1"

style="margin-bottom:15px;">
<a href="#"

class="style5">About us

</a></li>

<li class="style1"

style="margin-bottom:15px;">
<a href="#"

class="style5">Links </a></li>


<li class="style1"

style="margin-bottom:15px;">
<a href="#"

class="style5">Contact us

</a></li>


</ul>

</div>
<div id="Advertisements">
<div class="styleArial"

id="Adv"> <marquee

direction=up>This place is for

sale for details contact to

0202020202</div>
</div>
<div id="Advertisements">
<div class="styleArial"

id="Adv"> Excellent Coaching

center
for any type of commerce

courses. Special discounts for

students
hurry! hurry! hurry!
Limited Period offer
</div>
</div>
</div>
<div id ="midpart">

<div class="styleArial"

id="About this

company">hainfksfs</div>


</body>
</html>
Asked by Siddiqui Nadeem Ahmed | Jun 27, 2010 |  Reply now
Replies (1)
View teacher siliconindia 's Profile
Hi

<html>
<head>
<title> Assignment 2 </title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
background:

#FFFDEA ;

font-family: Arial,

Helvetica, sans-serif;
font-size: 12px;
color: #464032;
}

#full
{
width:900px;
margin-left:auto;
margin-right:auto;
background-color: #66CCFF;
border:1px solid #CCCCCC;
}

#top
{
background-color: #CC9966;
height:60px;
padding-top:15px;
padding-right:5px;
padding-left:10px;

}
#logo {
float: left;
height: 90px;
margin: 0;
padding-top: 30px;
color: #000000;
}


#leftpart

{
float:auto;
width:200px;
}

#username
{

margin-right:20px;
}

#midpart
{

float:auto;
width:700px;
}

#rightpart
{
width:280px;
margin-left:600px;
}

.styleArial
{
font-size:14px;
font-family:Arial,sans-serif;
color:#A83A01;
}

#leftpart
{

background-color: #8A8A8A;
padding:15px;
}

#midpart
{
background-color:#ECE9D8;
}
#rightpart
{
background-color:#ECE900;
}

#home
{
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
width:180px;
margin-bottom:5px;
}

#home ul
{
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
width:180px;
margin-bottom:5px;
padding:0px;
color:#A3141A;
}

#home ul li
{
list-style-type:none;
width:180px;
display:block;
width:150px;
height:40px;
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
margin-bottom:5px;
padding:0px;
color:#A3141A;
}

#home ul li a
{
list-style-type:none;
display:block;
width:150px;
height:40px;
font-size:16px;
font-family:Arial,Chiller;
margin:0px;
text-align:center;
margin-bottom:5px;
padding:0px;
color:#A3141A;
background-color:#A3141A;
text-decoration:none;
}
#home ul li a:hover{
list-style-type:none;
display:block;
width:200px;
height:40px;
font-size:16px;
background-color: #A3141A;
font-family: Arial,chiller;
margin:0px;
text-align:center;
padding:0px;
color: #000000;
padding-top:10px;
text-decoration:none;
margin-bottom:5px;
}
#home ul li #active{
list-style-type:none;
width:200px;
display:block;
height:40px;
font-size:16px;
background-color: #A3141A;
font-family: Arial,chiller;
text-align:center;
padding:0px; color: #000000;
padding-top:10px;
text-decoration:none;
margin-bottom:5px;
}


a:link
{
color: #990000;
text-decoration:none;
}

a:visited
{
color:#990000;
text-decoration: none;
}

a:hover
{
color: #006600;
text-decoration: none;
}

a:active
{
text-decoration: none;
}

.styleC
{
font-family:chiller;
font-size:29px;
color:#000000;
}
#bottompart{
background-color: #454545;
height:12px;
padding-top:5px;
padding-right:10px;
padding-left:10px;

}


#Adv{
background-color: #000000;
height:200px;
margin-top:50px;
padding:20px;

}

#Adv2{
background-color: #000000;
height:200px;
margin-top:50px;
padding:20px;
}

#About this company
{
margin-center:30px;
}

.button{
background-color:#3b5998;
border-bottom-color:#0e1f5b;
border-right-color:#0e1f5b;
border-left-color:#d9dfea;
border-top-color:#000000;
border-style:solid;
border-width:thin;
font:Arial, Helvetica,

sans-serif;
font-size:12px;
color:#FFFFFF;
padding:2px;
}
-->
</style>
</head>
<body>


<div id="full">

<div id="top">
<div class="style9" id="logo">WEB

DEVELOPMENT

COMPANY</div>
</div>


<div id="leftpart">
<!--button cover-->

<div id="homebutton">

<ul>

<li class="style1"

style="margin-bottom:15px;">
<a href="#" class="style5" id="active">Home </a></li>

<li class="style1" style="margin-bottom:15px;">
<a href="#" class="style5">About us </a></li>

<li class="style1" style="margin-bottom:15px;">
<a href="#" class="style5">Links </a></li>


<li class="style1"

style="margin-bottom:15px;">
<a href="#"

class="style5">Contact us

</a></li>


</ul>

</div>




<div id="Advertisements">

<div class="styleArial" id="Adv">
<marquee direction=up>This place is for

sale for details contact to

0202020202
</marquee>
</div>

</div>

<div id="Advertisements">

<div class="styleArial" id="Adv"> Excellent Coaching

center
for any type of commerce

courses. Special discounts for

students
hurry! hurry! hurry!
Limited Period offer
</div>
</div>



</div>


<div id ="midpart">

<div class="styleArial" id="About this company">hainfksfs</div>

</div>

</div>



</body>
</html>

Cover div is not closed, check this code, hop this will solve your problem.

Regards
Jun 27, 2010