الدرس30 : عمل float ب css3

 عمل float لصورة ب css :

وهو جعل شيء كصورة في اليمين أو اليسار ... فلاحظ هذا النص الذي تقرأ فيه الآن توجد به صورة على اليسار و هي عن طريق float . تستعمل هذه الطريقة كثيرا في css لهذا يجب أن تركز معي. لتطبيقها نستعمل float التي تأخد قيمتين:

- right : نحو اليمين.

- left : نحو اليسار .

الآن لنقم بتجربتها:

image.gif" class="imagefloat" alt="Image float"/>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى.

الصورة يجب أن تكون قبل النص وليس العكس.

.imagefloat
{
float: left;
}

لو أردت الصورة في اليمين عليك فقط تغييرleft ب right.

إنهاء float :

بعد تطبيق float لن ينتهي إلا بعد إتمام طول الصورة . لكن أنا أريد كتابة سطرين فقط والعودة للكتابة تحت الصورة. قد تقول لي نستعمل  لا ليس هذا هو الحل بل توجد طريقة أخرى وهي clear الآن سنتعلم فقط clear: both فهي تعمل مع اليمين واليسار و هي تخبر المتصفح بإتمام الكتابة تحت الصورة لاحظ معي :

code html :

"image.gif" class="imagefloat" alt="Image float"/>

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

"clear">حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى.

code css :

.imagefloat
{
float: left;
}
.clear
{
clear: both;
}

و بهذا نكون قد إنتهينا من درس اليوم لا تبخل بتعليقاتك وشكرا.