0

مشكلة في الكود البرمجي CSS | كيف أجعل السهم الأيسر للأعلى

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

واجهتني مشكلة منذ الأمس واظن ان المشكلة في CSS

أقوم بإنشاء شريط قائمة أرقام الصفحات لكن حدثت لي مشكلة في السهم الأيسر حيث أنه يظهر وكأنه في سطر جديد جربت عدة مرات لكن لا جدوى

وللمعلومة السهم الأيسر خصائص CSS خاصته نفس خصائص السهم الأيمن والإختلاف في الطفو "float" والصورة فقط

  • المشكلة :
  • كود html للشريط :
  • كود css للشريط :

كيف أستطيع جعل السهم الأيسر في الأعلى أو موضعه الصحيح ؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

2
SniperZDesigN أضف ردا

الحل هو بإضافة هاتين القيمتين إلى عنصر center

  width: 1050px;
  display: inline-block;

تفضل هذا رابط بعد التعديل

0
علي بن موسى أضف ردا

أحسنت أخي مشكور

1
mamod06 أضف ردا

الحل بوضع السهم الأيمن والأيسر أعلي أرقام الصفحات

<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>
0
mamod06 أضف ردا

وأنصحك أخي بمتابعة دورة تكويد html و css من البداية لن تحتاج لوقت طويل وستوفر عليك الكتير من الوقت في المستقبل

بالتوفيق بإذن الله

0
علي بن موسى أضف ردا

وأنصحك أخي بمتابعة دورة تكويد html و css من البداية لن تحتاج لوقت طويل وستوفر عليك الكتير من الوقت في المستقبل

والله يا أخي أنا محتاج لأي نصيحة أو معلومة لأني مبتدئ ولازلت في البداية هل بإمكانك إرسال رابط الدورة التي تحدثت عنها

0
mamod06 أضف ردا
0
علي بن موسى أضف ردا

قد يقول البعض أني لم أضيف كلاس "float-left" إلى :

<div id="s-left">
</div>

لكن بالفعل أضفته ولا زالت نفس المشكلة :

0
wgh أضف ردا

لو امكن ان ترفع لنا ملف ال html وملف ال css حتى نستطيع المساعدة.

بامكانك رفعهم هنا:

0
علي بن موسى أضف ردا

مشكور كثيرا حاولت ان ابحث لى موقع مشابه لهذا لكن لم اجد فرفعتها كصور .

تفضل اخي :

0
wgh أضف ردا

لا اعتقد انها الطريقة المثالية, لكن قمت ب طرح 45 من المارجن الخاص بلسهم

#s-left {
float:left;
background-image:url(

height:60px;
width:60px;
margin-top:-45px;
}