ورود

View Full Version : سوال: تکرار یک رنگ در تگ div



محمد دشتی زاده
پنج شنبه 17 اسفند 1391, 15:24 عصر
با سلام
این کد ببنید:

<!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>
<style type="text/css">
.dd{
width:205px;
background:#0F6;

}
.d1{
width:100px;
float:left;
}
.d2{
width:100px;
float:right;
}
</style>
</head>

<body>
<div class="dd" >

<div class="d1">
<p>&nbsp;</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>&nbsp;</p>
<p>g</p>
</div>

<div class="d2">
<p>ggggg</p>
<p>g</p>
<p>g</p>
<p>g</p>
</div>

</div>
</body>
</html>

جریان ازاین قرار است که dd تگ بدنه است و دوتا تگ دیگر بهش اضافه کردام
می خواهم وقتی که در تگ های d1 , d2 مطلب می نویسیم و ارتفاع می گیرد رنگی که به dd داده ام هم تکرار شود
مثل خاصت tabel
ایا امکانش هست
می شود من راهنمایی بفرماید
با تشکر

مشکل اینجاست رنگی که به div ---dd داده ام نمایش داده نمی شود

tamafi6
پنج شنبه 17 اسفند 1391, 18:59 عصر
ازاین روش استفاده کن


.dd:after {
content: "";
display: table;
clear: both;
}
.dd,.d1,.d2{
margin:10px auto;
width:40%;
background:red;
}
.d1{
width:19%;
float:left;
background:yellow;
}
.d2{
width:19%;
float:right;
background:green;
}

محمد دشتی زاده
پنج شنبه 17 اسفند 1391, 21:47 عصر
خدا خیرتان دهد
انشالله که هر چه از خدا بخواهید به شما عنایت فرماید
وانشالله که بروید کربلا
یک دینا ممنون شما هستم
هیچ کی این نکته را به من درست نگفت جز شما ممنون باز تشکر