عمل إطار بالــ css كيف ( بهذه الطريقة أريد مثل سوالف )

[لامارتين]

السلام عليكم

كما يعلم الجميع أن إضافة إطار يتم عن طريق هذا الكود

border:1px #E6DAAE solid;

لكني أريد إضافة إطارين بلونيين مختلفين كما هي حدود الجدول في سوالف

عملت هذه الطريقة ولم أنجح

border:1px #E6DAAE solid;

border:1px #000044 solid;

فأتمنى لمساعدة

[حموديفيتش]

ياليت تحدد اي جدول في سوالف
عرض المواضيع والا الاقسام

لكن هل جربت تعمل padding واحد بكسل

[لامارتين]

بارك الله فيك أخي الكريم على ردك

بالنسبة لسؤالك فهو موجود بالصورة

وبغض النظر عن سوالف أو المنتديات

أريد كود css لكي أضع إطارين لأي شيء .. سواء صندوق .. مربع .. جدول .. أو ... إلخ

[حموديفيتش]

انا على علمي مافي اطارين :eek2:

لكن بالنسبة للي في سوالف هذي ملاحظاتي في الصورة


طبعا بدون border-bottom

والله اعلم

بالتوفيق

[مهندس مصرى]

border-right:1px #E6DAAE solid;

border-left:1px #000044 solid; 

[خالد الحضري]

أيضا

border-top:1px #E6DAAE solid;

border-bottom:1px #000044 solid;

[لامارتين]

أخي الغالي حمود : شكرا لك أخي الفاضل

لكن للأسف لم تنتفع

أخي مهندس مصري : أنا أريد اطارين معا من جهة واحدة


( كنت أعتقد أن الأمر سهل .. لكن يظهر أنه معقد )

بانتظار المساعده ..

[حموديفيتش]

بآك

طيب جرب أثنين div

الاول تابع للحدود الخارجية
والثاني الاساسي الي فيه الحدود الاصليه

<div class="border1">
<div class="border2">
المحتوى
</div>
</div> 

.border1 {
border: 1px solid #000;
} 

.border2{
border: 1px solid #fff;
} 

وهنا اوضح لك :nice:



بالتوفيق وانا وراك وراك :1power:

[مهندس مصرى]

لا يمكن عمل اطارين معاً .. لكن الحل هو كما قال الاخ بالاعلى ان تقوم بعمل margin لل cell كلها بمقدار 1px مثلا فيظهر كاطار آخر بنفس لون الخلفية

[حموديفيتش]

معليش دوبني لاحظت كلامك هذا

أنا أريد اطارين معا من جهة واحدة

خليها border-top او bottom او right او left

[أشرف السمهوري]

قم بتغيير الـ border-style ( كلمة solid في الأمثلة المطروحة في الموضوع والردود ) ..

يمكنك استخدام أية قيمة من قيم border-style الموجودة في الجدول في w3schools :
http://www.w3schools.com/css/pr_border-style.asp

القيم التي ترى بجانبها "3D" قد تلبّي حاجتك .. بإطار واحد لكن بأكثر من بعد وقد تبدو بأكثر من لون ..

يمكنك استخدام border-size: 2px ليظهر الإطار بوضوح .. أو تعديل 1px الموجودة في الردود والموضوع ..

اعذرني إن لم أكن قد أفدت ..

تحياتي، أشرف السمهوري

[Ops]

السلام عليكم ..

css رئيسي
حدود الجدول ضع الكود التالي

#eaf5ff

في خانة خواص CSS الإضافية في جدول alt1 و alt2 ضع هذا الكود

border-top: 1px solid #d8e8fa;