PDA

View Full Version : عدم قرار گیری li در کنار هم


bhd2013
دوشنبه 12 اسفند 1398, 21:00 عصر
با سلام
در تصویر زیر چیکار باید انجام بدم تا liها (تویتر اینستا گوگل پلاس و تلگرام ) به صورت خط راست در کنار هم قرار بگیرن)

151414


.Socials ul{ margin-right: 40px;}

.Socials img{ height: 50px; width: 50px; float: right; margin-left: 5px; padding: 20px 0 0 2px;}
f_talebi
سه شنبه 13 اسفند 1398, 00:42 صبح
سلام برای اینکه کدهاتون بررسی بشن بهتره که html و css کدتون رو توی پستتون قرار بدین
bhd2013
سه شنبه 13 اسفند 1398, 20:39 عصر
سلام برای اینکه کدهاتون بررسی بشن بهتره که html و css کدتون رو توی پستتون قرار بدین

اینم فایل ها

با تشکر
sd702004
سه شنبه 13 اسفند 1398, 22:11 عصر
اشکال فایل شما اینه که باید li ها رو در کنار هم قرار بدین اما شما برای تصاویر این کار رو کردین. کافیه در فایل استایل تون سلکتور Socials img رو به Socials li تغییر بدین.

یه نکته مهم که باید بهش توجه داشته باشین اسم گذاری فایل و فولدرهاست. بعنوان مثال اسم پوشه استایل Style هست اما در داخل کد تون بصورت style (با s کوچک) بهش مسیریابی شده. یا مثلا فایل تصویر تون اسمش telegram.png هست اما در کدتون Telegram.png نوشته شده. این مورد روی ویندوز هیچ گونه اشکالی نداره اما اگر این سایت روی یک سرور لینوکسی قرار بگیره اونجا به مشکل میخورید چرا که لینوکس در نام گذاری فایل و فولدرها به حروف کوچک و بزرگ حساسه
bhd2013
پنج شنبه 15 اسفند 1398, 18:46 عصر
خیلی ممنون درست شد

نقطه های li را چطور مخفی کنم ؟
ASHKANLAEI
پنج شنبه 15 اسفند 1398, 19:00 عصر
خیلی ممنون درست شد

نقطه های li را چطور مخفی کنم ؟
به ul خودتون استایل زیر رو بدین:

list-style-type: none;