CSS (الدرس الخامس) : تعويم العناصر - وضعية العناصر - طبقات - المعايير القياسية

[aroma]

المحاكاة

A R O M A

CSS

[محمد جبلي]

المشاركة الأصلية كتبت بواسطة aroma المحاكاة A R O M A CSS

رآئــــع تقدم ملحوظ
ماشاء الله تبارك الله



هناك ملاحظات ..
بالنسبة لصورتين إللي تؤكد خلو الصفحة من الأخطاء
هذه و هذه
يتم وضع إحداها فقط ,, الإختلاف بينها الألوان .. يعني على حسب ذوق الواحد

وأظن في مشكلة
عندما تحركي مؤشر الماوس و تمرريه على الصور إللي أسفل !

بارك الله فيك

[aroma]

بالنسبة لصورتين إللي تؤكد خلو الصفحة من الأخطاء هذه و هذه يتم وضع إحداها فقط ,, الإختلاف بينها الألوان .. يعني على حسب ذوق الواحد

أعلم ,,

لو وضعتها كلها ما راح يضر ,,

وأظن في مشكلة عندما تحركي مؤشر الماوس و تمرريه على الصور إللي أسفل !

حاولت تعديله لكن للاسف ..ما استطعت : / ,,



* سؤال :

كيف أضع ملف صوت أو فلاش في صفحتي ؟

هل له كود معين ؟

[محمد جبلي]

المشاركة الأصلية كتبت بواسطة aroma حاولت تعديله لكن للاسف ..ما استطعت : / ,,

طيب نريد تحليل المشكلة ..

المشكلة :
عند مرور مؤشر الماوس على الصورة التي بالأسفل تتلخبط الصور !!

ملاحظة :
الصور على شكل رابط .. أي عند الضغط على الصورة ننتقل إلى صفحة أخرى

الحل :
بما أن المشكلة تأتي عند مرور الماوس على الصور
هذا يعني أن المشكلة موجودة في شبة الفئة :hover

وبما أن الصور على شكل روابط هذا يعني أن الصور تتأثر بخواص الروابط a في الـ CSS

عندما نجمع الكلام في الأعلى نجد أن المشكلة في a:hover

عند البحث في ملف الـ CSS لديك وجدت :

كود PHP:

a:hover
 {

 background-color: #FF99FF; color: #FF99FF; text-align: center; background-position: center; margin: 3%

 } 


طيب من الكود نستنتج عدت أخطاء منطقية

الأخطأء الأهم والذي سبب المشكلة هو : margin: 3% فإذا أزلتيه تتصلح المشكلة

ولكن ستظهر مشكلة أخرى وهي أنه سيصبح النص و الخلفية بلون واحد
لأن الألوان هنا هي نفسها :

كود PHP:

background-color: #FF99FF; color: #FF99FF; 


فيجب تغيرها أو إزالة أحدها

هنا ستتعدل المشكلة

ولكن عندي تعجب من :

كود PHP:

text-align: center; background-position: center; 


مدري إيش فايدتها هنا !!

عموماً لم تسبب مشكلة

هذه الصفحة بعد التعديل :
A R O M A

وهذا ملف الـ CSS :
CSS

موفقه

[محمد جبلي]

المشاركة الأصلية كتبت بواسطة aroma * سؤال : كيف أضع ملف صوت أو فلاش في صفحتي ؟ هل له كود معين ؟

على حسب علمي ليس هناك وسم معتمد في الـ HTML يقوم بهذا الأمر
ولكن هناك وسوم ليست معتمدة تقوم بهذا الأمر

وطبعاً تحتاج إضافات عشان يشتغل الصوت أو الفلاش ( مثل أي موقع موجود الان)

وعندما قرأت عن الـ HTML 5 القادمة وجدت أنهم خصصوا لها وسوم خاصة
يعني إلى أن تصدر الـ HTML 5 رسمياً الناس شغاله على الوسوم الغير معتمدة

عموماً هذا ماسنتطرق له بإذن الله في مشروعنا بعد الدرس القادم بإذن الله

عموماً جربي البحث في قوقل بهذه الجمل أو جمل من عندك تدل على المعنى الذي تريدي :

video in html

flash in html

sound in html

بالتوفيق