السلام عليكم
كل عام وانت بخير .. مبارك عليكم الشهر
انا عندي مشكلة ف تكويد ستايل الممنتدى و بالضبط عند الاعمده
كود ال html ::.
كود:
<!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>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header-tmdd">
<div class="head-1"></div>
<div class="head-2"></div>
</div>
<div class="bg">
<div class="a-1"></div>
<div class="a-2"></div>
</div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"> </div>
<div class="footer-tmdd">
<div class="foot-1"></div>
<div class="foot-2"></div>
</div>
</body>
</html>
كود ال css ::.
كود:
@charset "utf-8";
/* CSS Document */
.header-tmdd {
background-image: url(images/head-tmdd.gif);
background-repeat: repeat-x;
height: 355px;
}
.head-1 {
background-image:url(images/head-1.gif);
background-repeat: no-repeat;
height: 355px;
width: 706px;
float: right;
}
.head-2 {
background-image:url(images/head-2.gif);
background-repeat: no-repeat;
height: 355px;
width: 199px;
float: left;
.bg {
background: transparent;
color: #C6C6C6;
}
.a-1 {
background-image: url(images/a3mda-r.gif);
background-position: right ;
padding-right: 25px;
background-repeat: repeat-y;
}
.a-2 {
background-image: url(images/a3mda-l.gif);
background-position: left ;
padding-left: 25px;
background-repeat: repeat-y;
}
.footer-tmdd {
background-image: url(images/foot-tmdd.gif);
background-repeat: repeat-x;
height: 270px;
}
.foot-1 {
background-image: url(images/foot-1.gif);
background-repeat: no-repeat;
height: 270px;
width: 218px;
float: right;
}
.foot-2 {
background-image:url(images/foot-2.gif);
background-repeat: no-repeat;
height: 270px;
width: 707px;
float: left;
}
لكن النتيجة الاعمدة غير ظاهرة ف اين المشكلة ؟؟