0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو برچسب ها

responsive table

چگونگی ساخت جدول رسپانسیو: شاید برای شما هم ریسپانسیو کردن یک جدول از مشکلات پیرامون ریسپانسیو کردن صفحات وب سایت باشد, در آموزش چگونگی ریسپانسیو کردن جداول از تیم وب یار چندین راه حل پیرامون این مشکل به شما معرفی میکنیم. در آموزش های قبلی در خصوص ریسپانسیو کردن صفحات وب با مطلب آموزش طراحی منو رسپانسیو Responsive در خدمت شما بودیم. البته باید یادآوری کنم که استفاده کردن از div به جای جداول جایگزین شده است و افرادی که با طراحی وب سایت بهینه شده آشنایی داشته باشند میدانند که استفاده کردن از Table دیگر مرسوم نبوده و div جایگزین table شده است.بنابراین از همینجا به این نکته توجه کنید که یک div را پیرامون table خود قرار دهید. راه حل اول ریسپانسیو کردن جداول responsive table solution: اولین راه حل بسیار ساده میباشد و کافیست که شما در اطراف تگ table خود یک تگ div قرار دهید.به مثال زیر توجه کنید: <div class=”table-container”>         <table>                …         <table> </div> در مرحله بعد کدهای css لازم را به آن اضافه کنید. .table-container{width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;} راه حل دوم ریسپانسیو کردن جداول: شما میتوانید کد سی اس اس اسکرول بار را اضافه کنیدadding scrollbars for iOS: کافیست که به کدهای css مربوط به جداول خود کدهای زیر را اضافه کنید,تا جدول شما به […]