مشکل در طراحی قالب

این تاپیک 8 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  علی رضایی ،‏ 4 ماه پیش .

این تاپیک تاکنون 184 بازدید داشته است .

نویسنده پست
شنبه ، 6 آگوست 2016     11:13 ق.ظ #


علی رضایی

Subscriber
48 پست25 تاپیک

سلام دوستان امیدوارم حالتون خوب باشه یه قالب دارم میزنم  و اگر فایل رو بگیرید میبینید بعد از تگ header هر چی بزارم میره زیر nav مثلا یه h1 گذاشتم ولی افتاده زیر navbar ممنون میشم کمک کنید

 

http://s1.picofile.com/file/8262657984/initializr.zip.html

اینم لینک قالب

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، 6 آگوست 2016     11:44 ق.ظ # پاسخ تائید شده توسط سوال کننده


مهران

Subscriber
166 پست2 تاپیک

سلام  علی رضایی عزیز

دلیل این موضوع اشتباه در یه کدتونه،در فایل main.css یه همچنین کدی رو دارید:

که اگر در این قسمت position: fixed; رو بکنید position:reletive; مشکلتون به سادگی حل میشه

البته من توصیه می کنم بهتره بعد این کار از منوی چسبان هم استفاده کنید که در این لینک به خوبی توضیح داده شده

لینک

موفق باشید

2  تشکر
شنبه ، 6 آگوست 2016     12:41 ب.ظ #


علی رضایی

Subscriber
48 پست25 تاپیک

سلامم مهران جان ممنون از کمکت باز من فکر می کردم شاید به خاطر clear باشه

0  تشکر
شنبه ، 6 آگوست 2016     12:52 ب.ظ #


علی رضایی

Subscriber
48 پست25 تاپیک

ببخشید اقا مهران یه سوال دیگه داشتم این پوزیشنی رو که گفتید تغییر دادم الان یه قسمت دیگه زیر نوبار می خوام داشته باشم ولی نمی چسبه به نو بار و بین اون ها خالیه ایا مشکلی داره یا نه ؟؟ شک دارم ممنون ببخشید

http://s2.picofile.com/file/8262671768/initializr.zip.html

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
شنبه ، 6 آگوست 2016     1:07 ب.ظ #


مهران

Subscriber
166 پست2 تاپیک

علی جان یه نکته ای رو میگم اگه همیشه ازش استفاده کنی قبل شروع طراحی هات به چنین مشکلی برنمی خوری

من در ابتدا قبل کدنویسی این خط رو اضافه می کنم به عنوان reset

این خط کد باعث میشه margin و padding اضافی از قالبت حذف شه و کارت راحت تر شه،اگه این کد رو بالای استایل هات در main.css اضافه کنی مشکل حل میشه

البته یه راه بد هم اینکه به اون باکس قرمز margin:-21px; بدی ولی توصیه نمی کنم.

باید ببینی کدوم کد این فاصله رو انداخته ولی راه حل اصولی همون استفاده از استایل بالاست که بهت گفتم

2  تشکر
شنبه ، 6 آگوست 2016     1:11 ب.ظ #


مهران

Subscriber
166 پست2 تاپیک

البته راستش با ایجاد تغییرات در css reset ها واسه خودم یه css reset اضافه کردم که توی کارای طراحی ام همیشه اول این خط کد ها رو اضافه می کنم تا قالبم استاندارد بشه

2  تشکر
شنبه ، 6 آگوست 2016     1:16 ب.ظ #


مهران

Subscriber
166 پست2 تاپیک

قضیه ی اون فونت ها هم اینکه من بر حسب سلیقه ام فونت ایران سنس رو می پسندم واسه همین همیشه در صفحه لودش می کنم فونت های دیگه رو هم کامنت کردم که اگه یه وقت مثلا به یکان نیاز بود بتونم به راحتی ازش استفاده کنم

می تونی تغییرش بدی و ازش استفاده کنی البته بعضی هاشون خیلی خیلی مفید و کاربردی اند
ol, ul {list-style: none;}
a{text-decoration: none;}
img{max-width: 100%;}
a:hover{color: #000;}
*{box-sizing: border-box;direction: rtl;margin: 0;padding: 0;border: 0;}
.clear{clear: both;}

2  تشکر
شنبه ، 6 آگوست 2016     1:17 ب.ظ #


علی رضایی

Subscriber
48 پست25 تاپیک

ممنونم مهران جان منم از normalize استفاده کردم گفتم خیالم راحته ولی مثه این که اینطوری نیست بهتره از همون reset.css استفاده کنم

0  تشکر
شنبه ، 6 آگوست 2016     1:23 ب.ظ #


علی رضایی

Subscriber
48 پست25 تاپیک

فکر میکنم همون reset.css خیلی بهتر از normalize باشه

0  تشکر
پست 1 تا 9 (از مجموع 9 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .