fdi
02-08-2008, 06:36 PM
Hello all
I write the below code to make table-less layout, Header & Footer work well, but I have problem within the body (3 columns).
where is the problem??
I need your help
----------------CODE-----------------
CSS Code
body{
background:url(images/bg.jpg) repeat-x 0 0 #000000; color: #545454; margin:0; padding:0;
}
div, p, h1, h2, h3, h4, img, form, ul, a{
padding:0; margin:0;
}
ul{
list-style-type:none;
}
.spacer{
clear:both; line-height:0; font-size:0;
}
/*--------------------header----------*/
#header{
width:700px; height:300px; position:relative; margin:0 auto;
padding:0;
}
/*--------------------END header------------------------------------------------------*/
/*---------------------------Body-------------*/
#body{
width:720px;
margin:0 auto;
background-color:#000;
}
#marq{
float:left;
width:173px;
background-color:#C1A882;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
margin:0;
padding:13px 0 30px 11px;
text-align:center;
}
#marq a {
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
}
#LeftCol {
float:left;
width:365px;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
background-color:#A1595C;
margin:0;
padding:15px 0 0 0;
}
#RightCol {
float:left;
width:365px;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
background-color:#A1595C;
margin:0;
}
/*--------------------END Body------------------------------------------------------*/
HTML Code
<body onload=" marqSpeed();">
<!--header start -->
<div id="header" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="300">
<param name="movie" value="swf/header.swf" />
<param name="quality" value="high" />
<embed src="swf/header.swf" width="700" height="300" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
<!--header end -->
<!--Body -->
<div id="body" >
<!--Left Column (Poems Sections)-->
<div id="LeftCol">
<br />
<br /><br /><br /><br />
</div>
<!--Left Column (Poems Sections) END-->
<!--Middle Column (NEWS)-->
<div id="marq" >
<marquee direction="up" id="marq1">
<a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
</marquee>
<br class="spacer" />
</div>
<!--Middle Columns (NEWS) END-->
<!--Right Column (about Nawras)-->
<div id="RightCol">
<br />
<br /><br /><br /><br />
</div>
<!--Right Column (about Nawras END-->
<br class="spacer" />
</div>
<!--Body END-->
<!--footer main start-->
----------------CODE END-----------------
thanks all
I write the below code to make table-less layout, Header & Footer work well, but I have problem within the body (3 columns).
where is the problem??
I need your help
----------------CODE-----------------
CSS Code
body{
background:url(images/bg.jpg) repeat-x 0 0 #000000; color: #545454; margin:0; padding:0;
}
div, p, h1, h2, h3, h4, img, form, ul, a{
padding:0; margin:0;
}
ul{
list-style-type:none;
}
.spacer{
clear:both; line-height:0; font-size:0;
}
/*--------------------header----------*/
#header{
width:700px; height:300px; position:relative; margin:0 auto;
padding:0;
}
/*--------------------END header------------------------------------------------------*/
/*---------------------------Body-------------*/
#body{
width:720px;
margin:0 auto;
background-color:#000;
}
#marq{
float:left;
width:173px;
background-color:#C1A882;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
margin:0;
padding:13px 0 30px 11px;
text-align:center;
}
#marq a {
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
}
#LeftCol {
float:left;
width:365px;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
background-color:#A1595C;
margin:0;
padding:15px 0 0 0;
}
#RightCol {
float:left;
width:365px;
font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#6B0002;
background-color:#A1595C;
margin:0;
}
/*--------------------END Body------------------------------------------------------*/
HTML Code
<body onload=" marqSpeed();">
<!--header start -->
<div id="header" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="300">
<param name="movie" value="swf/header.swf" />
<param name="quality" value="high" />
<embed src="swf/header.swf" width="700" height="300" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
<!--header end -->
<!--Body -->
<div id="body" >
<!--Left Column (Poems Sections)-->
<div id="LeftCol">
<br />
<br /><br /><br /><br />
</div>
<!--Left Column (Poems Sections) END-->
<!--Middle Column (NEWS)-->
<div id="marq" >
<marquee direction="up" id="marq1">
<a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
</marquee>
<br class="spacer" />
</div>
<!--Middle Columns (NEWS) END-->
<!--Right Column (about Nawras)-->
<div id="RightCol">
<br />
<br /><br /><br /><br />
</div>
<!--Right Column (about Nawras END-->
<br class="spacer" />
</div>
<!--Body END-->
<!--footer main start-->
----------------CODE END-----------------
thanks all