Abdullelah Almubarak

شكراً. المشكلة ان اريد عرض اسم المنتج بدون ان يختفي جزء منه

حولت لساعات و انا سيء جدا في css بس اتعلمه ولا وجدت حل <div class="items-shop" > {{-- <div> <img src="{{asset("b4f8c7125fec5a56f171c2a8ccc25b72.jpg")}}" > </div> --}} {{-- <div > --}} {{-- <img src="{{asset("pc.jpg")}}" > </div> <div> <img src="{{asset("lap.jpg")}}" > </div> <div> <img src="{{asset("motherboard.png")}}" > </div> <div > <img src="{{asset("pcNV.jpg")}}" > </div> <div> <img src="{{asset("8pc.png")}}" > </div> --}} @foreach ($products as $product) <div> @foreach ($product_images as $images) @if($images->product_id==$product->id) <a href="/"> <img src="{{asset("img")}}" > </a> @break @endif @endforeach <ul> <li class="prname">{{name}}</li> <hr> <li class="pprice"> <a href="/" style="grid-area: price"> price </a> </li> <br> <hr> <br> <li class="paction"> {{-- <ul class="bottom-item"> <li><i class="fa fa-search" aria-hidden="true"></i></li> <li><button>اضافة للسلة</button></li> <li><i class="fa fa-heart-o" aria-hidden="true"></i></li> </ul> --}} <div class="last"> <ul class="bottom-item"> <li><i class="fa fa-search" aria-hidden="true"></i></li> <li><i class="fa fa-cart-plus" aria-hidden="true"></i></li> <li><i class="fa fa-heart-o" aria-hidden="true"></i></li> </ul> </div> </li> </ul> </div> @endforeach </div> .items-shop{ margin-top: 40px; /* display: grid; grid-template-columns: auto auto auto auto; */ /* flex: 0; */ display: grid; grid-template-columns: repeat(auto-fit,20%); grid-auto-rows: 22vmax; /* flex-direction: row; */ justify-content: center; /* align-items: end; */ /* align-items: unsafe; */ /* align-items: stretch; */ /* align-content: space-between; */ gap: 4em; row-gap: 8vmax; /* margin: 5px; */ } .items-shop div:not(.last){ /* border: 3px solid black; justify-content: center; display: flex; justify-content: center; */ /* margin-bottom: 20vh; */ border-bottom: 10vmax solid white; /* margin-bottom: 50px; */ } .items-shop div img { /* flex: 1; */ object-fit: fill; width: 100%; height: 100%; /* border: 5px solid white; */ /* object-fit: fill; */ } .items-shop div a{ display: inline; margin: 0; padding: 0; } .items-shop div ul { list-style-type: none; /* display: block; */ /* display: ; */ margin: 0; padding: 0; /* overflow: hidden; */ /* overflow-wrap: break-word; */ /* word-break: unset; */ /* margin-bottom: -25px; */ /* border:solid white; border-width: 100%; */ /* height: 25vh; */ /* background-color: white; */ /* inline-size: min-content; */ /* font-size: clamp(30px,1vmax,60px); */ font-size: 1vmax; /* word-wrap: none; */ /* display: flex; flex-direction: column; */ /* font-weight: bolder; */ /* font-size: 70%; */ /* overflow-x: auto; */ } /* .items-shop div ul li { align-items: end; word-break: break-all; } */ .prname { display: inline; margin: 0; /* white-space: pre; */ /* word-break: keep-all; */ /* white-space: nowrap; overflow: hidden; text-overflow: clip; width: 20vw */ } .items-shop hr { width: 99.9%; height: 1px; background: #ed1d61; font-size: 0; border: 0; } .bottom-item { display: flex; /* position: absolute; */ top: 0; bottom: 0; flex-direction: row; justify-content: space-around; list-style: none; /* gap: 3em; */ } .bottom-item li{ padding: 5px ; /* height: 2vmax; */ width: 2vmax; /* border: 2px solid; */ /* box-shadow: 1px 2px rgba(0, 0, 0, 0.573); */ background: linear-gradient(to right,rgb(51, 67, 148),rgb(68, 55, 140)); /* font-size: 1vmax; */ border-radius: 20px; text-align: center; align-content: baseline; /* display: inline-block; */ /* max-width: 10px; */ }

انا استخدم طريقة لحفظ الصور وهي ان اذا ادخل الصور او الملفات في formData و لان لو وضعت ملفات جديدة في input file سيحذف الملفات القديمة و اذا ضغط المستخدم input file ثم قرر ضغط cancel او الغاء سيحذف كل الملفات الموجودة في input file لكن تم حفظ الصور او الملفات في formData ثم انقلها لLaravel في back-end و استخدمت fetch ثم قررت استخدام XMLHttpRequest هل هذه هي الطريقة الصحية احفظ الملفات المرغوبة من input file؟ هل هذه الطريقة صحيحة لاستخدام formData ام يوجد طريقة افضل ؟ هل fetch و XMLHttpRequest و ajax هم نفس الشيء ام احدهم افضل من الاخر؟

لدي جدولين واحد فيه المستخدم و اخر فيه صور خاصة بالمستخدم و اذا اريد احفظ forgien key الخاص بالمستخدم في جدول الصور لابد ان يحفظ المستخدم ثم اخذ قيمة user->id و اضعه في جدول الصور في خانة fk_user_id لكن كيف اجعل جدول الصور يخزن الصور مباشرة بعد ان يتم تخزين المستخدم؟ حاولت ولكن لا يوجد حل

انا بسوي متجر و احترت هل الموظفين و الزبائن اجعلهم في نفس الجدول (Table) لكن مع بعض الإضافات مثل اضيف صلاحية (Role) عشان كل مستخدم يختلف و اضيف رقم الموظف (Employee_num) عشان احدد الموظف و يكنون يقبل ان يكون فاضي (Nullable) ولا الأفضل اجعل الموظفين و المستخدمين في جداول مختلفة (Table) وش افضل تصميم؟