كيف اعمل double border باستخدام css حول صورة؟؟

[elkaser]

السلام عليكم

كيف يمكنني عمل double border حول صورة ما باستخدام لغة ال CSS ?????

مثال
http://www.aljazeera.net/NR/exeres/8...A67426F3B3.htm

مثل الصورة عند الخبر

شاكرين لكم

[haidar]

وعليكم السلام

img {
border: 3px red double;
}

[elkaser]

السلام عليكم
شكرا لكم عزيزي
ولاكن كيف استخدمها ؟؟؟

<img class="img" >

????

ام ماذا ؟؟

وهل يجب ان اضع نقطة قبل كتابة الستايل ( .img) ???


وشكرا

[haidar]

عفواً
لأنه الـ (img)، هو وسم من وسوم الـ (html)، فعند إنشاء كلاس في الـ (css) ما راه تحتاج للنقطة والطريقة كذا

<style>
img {
border: 3px red double;
}
</style>

<img src="pic.jpg">

يعني هذه الطريقة راح تؤثر على جميع الصور (img tag)، إذا ما تريد بهالشكل فيجب استخدام النقطة مع كلمة img أو أي كلمة أخرى من عندنا:

<style>
.img {
border: 3px red double;
}
</style>

<img class="img" src="pic.jpg">

أو

<style>
.newspic {
border: 3px red double;
}
</style>

<img class="newspic" src="pic.jpg">

فالتأثير راح يصير على كل صورة اللي ماخذة كلاس img أو newspic
تحياتي

[elkaser]

السلام عليكم
شكرا عزيزي
بارك الله فيكم

ولاكن أهل من الممكن توسيع البوردر ؟؟ ليس ال cellspacing

اريد توسيع الفراغ بين الخط الاول والخط الثاني


وشكرا

[Galaxy]

و عليكم السلام و رحمة الله و بركاته

كما ذكر لك الأخ haidar يمكنك استخدام الوسم "img" بدون كلاس

ا

اريد توسيع الفراغ بين الخط الاول والخط الثاني

img {
        margin: 0;
        padding: 3px;
       border: 1px solid #000;
}

[elkaser]

السلام عليكم
شكرا اخي لك Galaxy

للاسف لم تعمل معي!!!!!

http://www.palintefada.com/arabic/

[Galaxy]

آسف فقد أخطأت فهمك

img {
        margin: 10px;
        padding: 3px;
       border: 1px solid #000;
}

عدل "margin" لتوسيع المسافه بين الصوره و المقال

او

margin: 10px 10px 10px 10px;

[elkaser]

السلام عليكم

اخي العزيزي لم تعمل

.main_pic_doubled {
padding: 3px;
margin: 10px 10px 10px 10px;
border: 4px gray double;
}

اخي ال margin تقوم بعمل فراغ ما بين الصورة من الخارج والكتابة التي حولها

[Galaxy]

و عليكم السلام و رحمة الله

هل المطلوب هو توسيع المسافه بين خطى ال"double border" ؟

جرب هذا الرابط http://www.w3schools.com/css/tryit.a...s_border-style
و اتمنى ان يفيدك، عدل ال "border" من القائمه اليسرى و لاحظ النتيجه بالقائمه اليمنى.

[elkaser]

السلام عليكم
اخي العزيز هذا لم يفيدني الرابط !!! هذا الرابط يشرح لك انواع البوردرات ولا يقول كيف يتم توسيع المسافة بين الin border و ال out border


وشكرا

[Galaxy]

اهذا هو طلبك؟!

اذا كان كذلك فكل ما عليك هو استخدام "padding"

[elkaser]

اخي انا اريد ان اعمل ال bordrer الي حول الصورة

شايف البوردر ؟؟؟ اريد مثله


هناك فراغ بين الصزرة والبوردر

اريد ان اطبق نفس العملية

[elkaser]

?????
أهل من مجيب ؟؟؟

[haidar]

أخي elkaser
بالظاهر الجزيرة لا تستخدم الـ css لهذا الأمر
بل مجرد جدول مع بوردر والمقدار للصفة cellpadding يعين المسافة
وهذا هو الكود
وآسف على التأخير

<TABLE 
                              style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid"  cellpadding=2>
                                <TBODY>
                                <TR>
                                <TD width="150"><A 
                                href="#"><IMG 
                                src="pic.jpg" 
                                border=0></A></TD></TR></TBODY></TABLE>

تقبل تحياتي