css3 — أسئلة مع إجابات

1 إجابة
أحاول القيام بالشبكة التالية: 1/3 | 1/3 | 1/3 (3 equal elements) 1/2 | 1/2 (2 equal elements) 1/2 | 1/2 (2 equal elements) لهذا السبب ، أحتاج إلى تقسيم كل صف إلى 6 أعمدة لاستيعاب كل من 1/2 و 1/3. يبدو أنني أسيء فهم أمر عمود الشبكة بينما أريد تعيين عدد الأعمدة التي يأخذها كل عنصر....
css-grid
30.07.2018, 18:43
1 إجابة
الرجاء مساعدتي في حل مشكلة CSS Grid التي أواجهها ... تستمر صورتي الأخيرة في الظهور بشكل أكبر من الصور الأخرى في قسم .featured عندما أحاول التبديل إلى الشبكة أثناء استعلام الوسائط @ 700px. هذه بداية لمجموعة من أعمالي ، ولكن كما قررت أن أجعل قسم .featured ، أو أن تكون صوري في شكل شبكة بدلاً من الثني...
css-grid
30.07.2018, 17:10
1 إجابة
لدي اثنين inline-block عناصر. الكتلة مع الصورة أطول. أريد مطابقة العناصر في الارتفاع #keyPointsBlock يجب أن يكون بنفس ارتفاع #caseSlider . هل هناك طريقة للقيام بذلك؟ /*-- Slider Section --*/ #slideSec { width: 100%; height: auto; min-height: 400px; } .slideSecBlock { display: inline...
30.07.2018, 16:58
2 الاجابة
هذا السؤال لديه بالفعل إجابة هنا: ما هو clearfix؟ 11 إجابة ما هي طرق 'clearfix' التي يمكنني استخدامها؟ 28 إجابة لقد حاولت إنشاء موقع على شبكة الإنترنت حتى أتمكن من اختبار بعض الأشياء ، في هذا كنت أحاول أن أضع <div> s من الحاوية في أعلى الصفحة ويجب أن يكون باقي المحتوى في الجزء السف...
css-float
30.07.2018, 16:13
1 إجابة
أريد الاحتفاظ بجميع العناصر في عرض تمرير أفقي. لقد أجريت التغييرات المطلوبة ولكن لم أتمكن من إجراء التمرير الأفقي. أدناه هو رمز بلدي. اي مساعدة ستكون مقدرة 1. image-home.html <ion-row id="top-toolbar"> <ion-col> <ion-buttons> <button *ngFor="le...
angular6
ionic3
horizontal-scrolling
horizontalscrollview
30.07.2018, 15:36
1 إجابة
أريد إنشاء إدارة صور من خلال لوحة إدارة ActiveAdmin. أستخدم Carrierwave لتحميل الصور من لوحة الإدارة الخاصة بي ، ومع ذلك أخفق في عرض هذه الصور كصورة خلفية داخل رمز CSS الخاص بي ...: / ... بسبب الخطأ التالي: couldn't find file '<%= Image.find(1).path %>' [IMG_OUR_ID=25.jpg] إليك CSS الخاص ...
background-image
activeadmin
carrierwave
15.07.2018, 13:07
2 الاجابة
<td> <div class="paper" style="display:flex; "> <div class="row" style="height: 20px; background-color: "></div> </div> </td> في ال .paper, justify المحتوى يعمل بشكل جيد ولكن align-items متعود العمل. حيث كما في فصل الأطفال .row, align-self متعود العمل...
flexbox
15.07.2018, 11:33
4 الاجابة
لدي هذه الصورة الصغيرة التي أريد تدويرها باستمرار أو على الأقل استراحة أقصر بين الرسوم المتحركة. إليك صورة gif للسلوك (إنها قبيحة بعض الشيء بسبب برنامج gif-record-program ، ولكن التوقف هو الشيء الذي أود تسليط الضوء عليه هنا): [IMG_OUR_ID=8038.gif] My css (أقل): .add{ vertical-align: middle; ...
css-animations
15.07.2018, 08:54
1 إجابة
<div ng-repeat="item in items track by $index" md-autofocus="$last"> <div> {{item} </div> <div> الرمز أعلاه في مربع حوار md يحتوي على تمرير عمودي. الشرط هو التمرير إلى العنصر الأخير عند إضافة العنصر في وقت التشغيل.
angular-material
15.07.2018, 08:19
3 الاجابة
لدي قائمة علامة تبويب في مشروعي ، والتي تحتاج القائمة النشطة إلى حد سفلي بنصف قطر أعلى يمين وأعلى يمين. انظر الصورة أدناه. [IMG_OUR_ID=8049.jpg]
15.07.2018, 08:03
2 الاجابة
في المثال أدناه ، يجب أن يتم دفع الرئيسي إلى السطر الثاني عندما يتم تقليل حجم الشاشة ، ولكن لسبب ما يبقى في الصف الأول على الرغم من أن التذييل يبدأ في العمود 3 وهناك مساحة كبيرة للتحرك الرئيسي لأسفل. إذا قمت بإزالة / بداية / نهاية عمود الشبكة من التذييل ، فإن الشبكة تستجيب بالكامل وتدفع بشكل رئيسي...
css-grid
20.06.2018, 01:45
2 الاجابة
أنا حقًا أساسي في HTML / CSS ولكن بمساعدة هذا الموقع تمكنت من الحصول على العمل التالي. يبدو اللون صحيحًا ، لذلك يعمل كل شيء. ولكن عندما أضع هذا في محرر مصدر HTML في Moodle ، يختفي اللون ، لذلك أعلم أن محرر HTML واللون موجود في نمط CSS. لذا أعتقد أنني بحاجة إلى الارتباط بورقة أنماط لإعطائي هذا اللون...
moodle
moodle-mobile
20.06.2018, 01:08
1 إجابة
أحاول إصلاح عرض الجوال لقائمة ProductList على الصفحة الرئيسية باستخدام CSS. لم أستطع الحصول على عمل div في طريقة عرض الجوال لأنني اخترت عرض منتجين في طريقة عرض الجوال [IMG_OUR_ID=21175.png] . سيعرض الرابط المباشر جميع خصائص CSS ورمز Div. شكر.
woocommerce
20.06.2018, 00:18
2 الاجابة
https://jsfiddle.net/2ndjazmy/14/ @keyframes gradient-animation { from { background-position: 100% 0%; } to { background-position: 0% 0%; } } .animation{ background: linear-gradient(90deg, #f11e1d, #952491 12.5%, #8cc838 25%, #feb034 37.5%, #f11e1d 50%, #952491 62.5%, ...
linear-gradients
19.06.2018, 22:58
2 الاجابة
أحاول عمل تخطيط مرن بسيط: #header { background-color: grey; } #container { display:flex; height: calc(100vh - 50px); } #chatAndUserContainer { display: flex; width: 100%; } #chatContainer { background-color: red; width:100%; } #usersContainer { background-color: gree...
flexbox
19.06.2018, 21:49
فوق
قائمة طعام