Please help me!!
okay, I am using a web page which have a style sheet and it is 3 coloum page. I mean there is right menu left menu and the center content. When i try to insert a table in the center content the formatting of the page destroys. I am unable to understand why it is happening? please help me. Do i need to make change in the css? here is my html code
[center] and here is my css code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar">
<head>
<title>أول قالب عربي بلغة XHTML !</title>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1256" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
</head>
<body>
<div id="main">
<div id="top"><h1>test</h1></div>
<div id="left">
<ul>
<li><a href="http://www.yahoo.com">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
your ad here<p> your ad here</p></p> your ad here</p> </p> your ad here</p>
</ul>
</div>
<div id="content">
<p>hello<br/>
test test test test test test test test test test test test test test test .<br />
أخوكم المحب : <a href="..">test</a>
</p></div>
<div id="right">
<ul>
<li><a href="#">test</a></li>
<li>test</li>
<li>test</li>
<li>test</a></li>
</ul>
</div>
<div id="footer"><p>
test test
© 2006-2007<br />
</p></div>
</div>
</body>
</html>
body {
color:#FFECD3;
background-color: #FFF2DF;
font-family:"MS Sans Serif",Tahoma,Verdana;
}
#main {
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:780px;
height:443px;
background-image:url('images/bg_02.jpg') ;
}
#top {
color:#FFECD3;
background-color: #FFF2DF;
width:780px;
height:83px;
background-image:url('images/index_01.jpg');
font-weight: bold;
}
#top h1 {
padding-top: 20px;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:28px;
}
#left {
width:151px;
height:295px;
background-image:url('images/index_02.jpg');
float:left;
}
#content {
background-color: #FFF2DF;
direction:left;
width:478px;
height:295px;
background-image:url('images/index_03.jpg');
float:left;
color: #794104;
}
#content p {
padding: 30px 25px 0px 25px;
text-align:justify;
font-size:12px;
}
#content a,#content a:link,#content a:visited {
text-decoration: none;
color:#6B341D;
}
#content a:hover {
text-decoration: underline overline;
}
#right {
color:#FFECD3;
background-color: #FFF2DF;
width:151px;
height:295px;
background-image:url('images/index_04.jpg');
float:left;
}
ul {
text-align: center;
direction: rtl;
list-style-type: none;
}
ul li {
margin: 0px 0px 5px 0px;
}
ul li a {
color:#572A01;
display: block;
font-family: Tahoma,"MS Sans Serif", Geneva, sans-serif;
width:81px;
height:19px;
font-size:11px;
background-image: url(images/b.gif);
text-decoration:none;
background-color: transparent;
}
ul li a:hover {
background-image: url(images/bhover.gif);
color:#572A01;
background-color: transparent;
}
#left ul {
direction:ltr;
list-style-type: none;
}
#footer {
background-image:url('images/index_05.jpg');
color:#FEEBD1;
width:780px;
height:65px;
clear:both;
background-color: #FFECD3;
}
#footer p{
padding-top: 20px;
direction:rtl;
text-align:center;
font-size:12px;
}
#footer a,#footer a:link,#footer a:visited {
text-decoration: none;
color:#FDDBAC;
background-color: transparent;
}
#footer a:hover {
color:#FCBF6D;
background-color: transparent;
}
CSS Codes
Reply With Quote
Bookmarks