واجهتني مشكلة منذ الأمس واظن ان المشكلة في CSS
أقوم بإنشاء شريط قائمة أرقام الصفحات لكن حدثت لي مشكلة في السهم الأيسر حيث أنه يظهر وكأنه في سطر جديد جربت عدة مرات لكن لا جدوى
وللمعلومة السهم الأيسر خصائص CSS خاصته نفس خصائص السهم الأيمن والإختلاف في الطفو "float" والصورة فقط
الحل هو بإضافة هاتين القيمتين إلى عنصر center
width: 1050px;
display: inline-block;
تفضل هذا رابط بعد التعديل
الحل بوضع السهم الأيمن والأيسر أعلي أرقام الصفحات
<div id="pages">
<!-- السهم الأيمن-->
<a href="#">
<div id="s-right" class="float-right"></div>
</a>
<!-- السهم الأيسر -->
<a href="#">
<div id="s-left" class="float-left"></div>
</a>
<!-- أرقام الصفحات -->
<center>
<div class="circle">
<b>
<div class="active-ball "><a href="#">1</a></div>
<div class="ball"><a href="#">2</a></div>
<div class="ball"><a href="#">3</a></div>
<div class="ball"><a href="#">4</a></div>
<div class="ball"><a href="#">5</a></div>
<div class="ball"><a href="#">6</a></div>
<div class="ball"><a href="#">7</a></div>
<div class="ball"><a href="#">8</a></div>
</b>
</div>
</center>
</div>
وأنصحك أخي بمتابعة دورة تكويد html و css من البداية لن تحتاج لوقت طويل وستوفر عليك الكتير من الوقت في المستقبل
بالتوفيق بإذن الله
وأنصحك أخي بمتابعة دورة تكويد html و css من البداية لن تحتاج لوقت طويل وستوفر عليك الكتير من الوقت في المستقبل
والله يا أخي أنا محتاج لأي نصيحة أو معلومة لأني مبتدئ ولازلت في البداية هل بإمكانك إرسال رابط الدورة التي تحدثت عنها
قد يقول البعض أني لم أضيف كلاس "float-left" إلى :
<div id="s-left">
</div>
لكن بالفعل أضفته ولا زالت نفس المشكلة :
لو امكن ان ترفع لنا ملف ال html وملف ال css حتى نستطيع المساعدة.
بامكانك رفعهم هنا:
مشكور كثيرا حاولت ان ابحث لى موقع مشابه لهذا لكن لم اجد فرفعتها كصور .
تفضل اخي :
لا اعتقد انها الطريقة المثالية, لكن قمت ب طرح 45 من المارجن الخاص بلسهم
#s-left {
float:left;
background-image:url(
height:60px;
width:60px;
margin-top:-45px;
}
التعليقات