اجرا نشدن کد css در html
سلام از ویدیو دارم اموزش میبینم چندبار چک کردم ولی متوچه نمیشم چرا اجرا نمیشه ممنون میشم کمک کنید
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CRM|های با کیفیت برای استخراج و اکتشافCRM</title>
<link href="https://roocket.ir/../css/style.css" rel="stylesheet" ></head>
<body dir="rtl">
<h1>CRM های با کیفیت برای استخراج و اکتشاف</h1>
<h2>اولین توزیع کننده رسمی ®OREAS مواد مرجع تأیید شده در غرب تهران</h2>
<div style="text-align: center">
<img src="crm1.jpg" width="600" height="300" alt="09012584406">
</div></body>
</html>
h1{
color: orangered;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
h2{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
پاسخها
6
سلام! 🙂
مشکل احتمالی که باعث شده که کد شما اجرا نشه میتونه به چند دلیل باشه. من همه رو بررسی میکنم تا بتونید مشکل رو پیدا کنید:
مسیر اشتباه به فایل CSS:
شما در کد HTML به فایلی به اسم style.css اشاره کردید که در پوشه ../css/ قرار داره.
این یعنی که فایل style.css باید در پوشهای به اسم css که یک پوشه بیرون از پوشه فعلی پروژه قرار داره.
مطمئن بشید که فایل style.css در مسیر درست قرار داره. اگر مسیر درست نباشه، استایلها اعمال نمیشن.
لینک به تصویر (crm1.jpg):
تصویر crm1.jpg هم باید در همان مسیری که فایل HTML شما قرار داره یا در مسیر درست ذخیره شده باشه.
اگر تصویر پیدا نشه، به جای تصویر، فقط یک فضای خالی نمایش داده میشه. مطمئن بشید که نام فایل تصویر درست وارد شده و مسیر درست رو وارد کردید.
آدرس فایلهای خارجی:
برای بررسی این که آیا فایلهای CSS و تصویر درست بارگذاری میشن یا نه، میتونید از ابزارهای توسعهدهنده در مرورگر (مثل Chrome DevTools) استفاده کنید و ببینید که آیا اروری در بارگذاری منابع وجود داره یا نه.
کد CSS و HTML:
کد HTML شما درست به نظر میاد و باید بدون مشکل اجرا بشه. فقط یک نکته در CSS وجود داره: شما برای تگهای h1 و h2 استایل تعریف کردید که به درستی کار میکنه.
اگر فایل CSS به درستی بارگذاری بشه، رنگ متن و تغییرات دیگر باید نمایش داده بشن.
کشف مشکلات در مرورگر:
به Console مرورگر برید (با کلیک راست روی صفحه، گزینه "Inspect" رو انتخاب کنید و بعد به تب "Console" برید) و ببینید آیا اروری در مورد بارگذاری منابع یا کد دارید.
اونجایی که داری css رو لینک میکنی نقطه های قبلش رو بردار
ممنونم 🙏 انجام دادم نشد متاسفانه
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
سلام بسیار سپاسگزارم از توضیحات جامع و کامل تون🙏
متوجه شدم که کد تو مرورگر با هاست و vscode متفاوته
Live هم نصب کردم اعمال میشه فقط وقتی سایت باز میکنم استایل روی h اعمال نمیشه که inspect زدم دیدم کد ها متفاوته
با پشتیبان هاست صحبت کردم گفتن مشکل از سمت ما نیست تنظیمات ftp در vs code انجام بدین طبق یک فیلم پیش رفتم اون قسمت که ftp-simple:remote directoryبعد local میزنمچیز دیگه ای نمیاره نمیدونم مشکل از کجاست
متاسفانه تو قسمت consol هم ارور هست !! پس چرا تو live درست نشون میده
مسیر رو هم با نوشتن نقطه یا اساس تست کردم همشو خودش مسیر نشون میده با اسلش یا دو نقطه اسلش که انتخاب میکنم
هردو فایل تو یه دایرکتوری هستن ایا؟؟؟