سؤال بالـ div

**الثلج** · 12-11-2007

مساكم الله بالخير

إذا بغيت استغني عن الجدول وعن الحقول المتجانبه

وبغيت استعم الـ div إذا وضعت كودين جنب بعض كل واحد بياخذ سطر بروحه كيف اقدر اخلي الـ div جنب بعض بصورة اوضح كالقوائم المتجانسه على اليمين والوسط واليسار

سؤال آخر بالـ css

كود:

div.new {
   position: absolute;
   right: 800px;
   top: 15px;
   text-align:right;
   width: 150px;
   overflow: hidden;
}

هذا الكلاس كيف استعمله
class="div"
clas="div.new"

**owner** · 12-11-2007

اهلاً

بالنسبة اى السؤال الاول فيمكنك عن طريق استخدام الـSpan او الـFloat

وتستطيع استخدام الفلوت بهذي الطريقة

كود:

.newStyle1 {
 float: right;
 width: 30%;
}

بالتوفيق ان شاء الله

**محمد الثقفي** · 12-11-2007

ايضا للسؤال الاول

يمكنك استعمال هذا الامر في خصائص ال css

كود:

.newStyle1 {
display: inline;
}

السؤال الثاني تستعمله هكذا

كود:

<div class="new">

**الثلج** · 12-11-2007

يعطيكم الف عافيه ماقصرتم
وش الفائده من استعمال div.new
بما اني استطيع استبدالها بـ .new

ايضاً سؤال آخر لاحظت أن اغلب التصميم حالياً يقوم على وض طبقات فوق بعض ماهي طريقتها
سوف ادرج مثال

joommla.com - Home

**Zizwar** · 12-11-2007

المشاركة الأصلية كتبت بواسطة الثلج مشاهدة المشاركة

يعطيكم الف عافيه ماقصرتم
وش الفائده من استعمال div.new
بما اني استطيع استبدالها بـ .new

هذا يعني ان ذاك التصميم لن يطبق الا على العنصر الذي يكون داخل div اي ان يكون يحصره هذا الوسم الأخير مثل

كود PHP:


<div>

    <span class="new">السلام عليكم</span>

</div>>

**الثلج** · 13-11-2007

ربي يوفقك دنيا وآخره

كود:

<body>
<form>
<div class="f"><p>Welcom To My test Div left .</p><p>test new line</p></div>
<div class="s"><p>Welcom To My test Div right .</p><p>test new line</p></div>
<div class="f"><p>hi</p></div>
</form>
</body>

الـ div الثالث مو راضي ينزل على سطر جديد يجي جنب الآخر كيف اخليه ينزل مع انه يحمل الخاصيه على اليسار

كود:

body{
	margin:0px;
	background-color:#CFCFCF;

}

.f{
	background-color:#F5F5F5;
	padding:5px;
	float:left;
	margin-top:40px;
	margin-left:30px;
	width:20%;
	height:100px;
	border:1px black solid;
	font-size: 12px;
	font-family: tahoma, Geneva, Helvetica, sans-serif;
    color:blue;

}
.s{
	background-color:#F5F5F5;
	padding:5px;
	float:right;
	margin-top:40px;
	margin-right:30px;
	width:20%;
	height:100px;
	border:1px black solid;
	font-size: 12px;
	font-family: tahoma, Geneva, Helvetica, sans-serif;
    color:teal;

}

form
{
	margin:50px; margin-bottom:auto;
	border:1px black solid;
	height:1020%;
	background-color:white;
}

**owner** · 13-11-2007

اهلاً

تفضل هذا الكود

كود:

 
<body>
<form>
<div class="BoX">
<div class="f">
 <p>Welcom To My test Div left .</p><p>test new line</p></div>
<div class="s"><p>Welcom To My test Div right .</p><p>test new line</p></div></div>
<div class="BoX"><div class="f"><p>hi</p></div>
</div>
</form>
</body>

وهذا كود الستايل ::

كود:

 
 
<style type="text/css">
body{
 margin:0px;
 background-color:#CFCFCF;
}
.f{
 background-color:#F5F5F5;
 padding:5px;
 float:left;
 margin-top:40px;
 margin-left:30px;
 width:20%;
 height:100px;
 border:1px black solid;
 font-size: 12px;
 font-family: tahoma, Geneva, Helvetica, sans-serif;
    color:blue;
}
.s{
 background-color:#F5F5F5;
 padding:5px;
 float:right;
 margin-top:40px;
 margin-right:30px;
 width:20%;
 height:100px;
 border:1px black solid;
 font-size: 12px;
 font-family: tahoma, Geneva, Helvetica, sans-serif;
    color:teal;
}
form
{
 margin:50px; margin-bottom:auto;
 border:1px black solid;
 height:1020%;
 background-color:white;
}
.BoX {
 height: 100%;
}
</style>

كل اللي سويته اني عملت ستايل يديد بأسم BoX يحمل خاصية انه ياخذ الطول كامل 100% ووضعت الDiv الاول والثاني في

كود:

 
Div calss="BoX"

والثالث في

كود:

 
Div calss="BoX"

في واحد يديد لوحده ..

السموحة ..

**الثلج** · 13-11-2007

مشكور ياغلاي انا طبقت هالشي بس توقعت ان في طريقه اخرى غيرها

أتمنى اذا عندك جواب على سؤالي هذا

ايضاً سؤال آخر لاحظت أن اغلب التصميم حالياً يقوم على وض طبقات فوق بعض ماهي طريقتها
سوف ادرج مثال

joommla.com - Home

الموضوع: سؤال بالـ div

أدوات الموضوع

بحث في الموضوع

سؤال بالـ div

المواضيع المتشابهه

سؤال في الـhtaccess هل يعمل بالـ plesk

[سؤال] أريد توسيط الموقع بالـ CSS

سؤال بسيط بالـ php ...

سؤال: ربط الـ ASP.NET بالـ MySQL

سؤال يختص بالـ backup وآخر بالوقت؟

ضوابط المشاركة