السلام عليكم
كيف يمكنني عمل double border حول صورة ما باستخدام لغة ال CSS ?????
مثال
http://www.aljazeera.net/NR/exeres/8...A67426F3B3.htm
مثل الصورة عند الخبر
شاكرين لكم
السلام عليكم
كيف يمكنني عمل double border حول صورة ما باستخدام لغة ال CSS ?????
مثال
http://www.aljazeera.net/NR/exeres/8...A67426F3B3.htm
مثل الصورة عند الخبر
شاكرين لكم
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
وعليكم السلام
كود:img { border: 3px red double; }
السلام عليكم
شكرا لكم عزيزي
ولاكن كيف استخدمها ؟؟؟
<img class="img" >
????
ام ماذا ؟؟
وهل يجب ان اضع نقطة قبل كتابة الستايل ( .img) ???
وشكرا
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
عفواً
لأنه الـ (img)، هو وسم من وسوم الـ (html)، فعند إنشاء كلاس في الـ (css) ما راه تحتاج للنقطة والطريقة كذا
يعني هذه الطريقة راح تؤثر على جميع الصور (img tag)، إذا ما تريد بهالشكل فيجب استخدام النقطة مع كلمة img أو أي كلمة أخرى من عندنا:كود:<style> img { border: 3px red double; } </style> <img src="pic.jpg">
أوكود:<style> .img { border: 3px red double; } </style> <img class="img" src="pic.jpg">
فالتأثير راح يصير على كل صورة اللي ماخذة كلاس img أو newspicكود:<style> .newspic { border: 3px red double; } </style> <img class="newspic" src="pic.jpg">
تحياتي
التعديل الأخير تم بواسطة haidar ; 03-03-2006 الساعة 07:03 PM سبب آخر: ضفت كلمة .الصور.
السلام عليكم
شكرا عزيزي
بارك الله فيكم
ولاكن أهل من الممكن توسيع البوردر ؟؟ ليس ال cellspacing
اريد توسيع الفراغ بين الخط الاول والخط الثاني
وشكرا
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
و عليكم السلام و رحمة الله و بركاته
كما ذكر لك الأخ haidar يمكنك استخدام الوسم "img" بدون كلاس
ااريد توسيع الفراغ بين الخط الاول والخط الثانيكود:img { margin: 0; padding: 3px; border: 1px solid #000; }
__________________
Vent Swap
السلام عليكم
شكرا اخي لك Galaxy
للاسف لم تعمل معي!!!!!
http://www.palintefada.com/arabic/
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
آسف فقد أخطأت فهمك
عدل "margin" لتوسيع المسافه بين الصوره و المقالكود:img { margin: 10px; padding: 3px; border: 1px solid #000; }
او
كود:margin: 10px 10px 10px 10px;
__________________
Vent Swap
السلام عليكم
اخي العزيزي لم تعمل
.main_pic_doubled {
padding: 3px;
margin: 10px 10px 10px 10px;
border: 4px gray double;
}
اخي ال margin تقوم بعمل فراغ ما بين الصورة من الخارج والكتابة التي حولها
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
و عليكم السلام و رحمة الله
هل المطلوب هو توسيع المسافه بين خطى ال"double border" ؟
جرب هذا الرابط http://www.w3schools.com/css/tryit.a...s_border-style
و اتمنى ان يفيدك، عدل ال "border" من القائمه اليسرى و لاحظ النتيجه بالقائمه اليمنى.
__________________
Vent Swap
السلام عليكم
اخي العزيز هذا لم يفيدني الرابط !!! هذا الرابط يشرح لك انواع البوردرات ولا يقول كيف يتم توسيع المسافة بين الin border و ال out border
وشكرا
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
اهذا هو طلبك؟!
اذا كان كذلك فكل ما عليك هو استخدام "padding"
__________________
Vent Swap
اخي انا اريد ان اعمل ال bordrer الي حول الصورة
شايف البوردر ؟؟؟ اريد مثله
هناك فراغ بين الصزرة والبوردر
اريد ان اطبق نفس العملية
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
?????
أهل من مجيب ؟؟؟
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
أخي 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>