جواد‌مولایی
3 سال پیش توسط جواد‌مولایی مطرح شد
13 پاسخ

مشکل در قسمت تگ a

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


ثبت پرسش جدید
ASPgo
تخصص : HTML، CSS، PHP و JS، طراح قالب...
@asp.gosk 3 سال پیش آپدیت شد
1
<a href="#" class="text-decoration-none">link</a>

@3630javadmoli3630
و اینکه شما خودت میتونی همون کدی که این دوستمون داد رو بزاری تو یه کلاس بهش !important بدی مثل همین کلاس بوت استرپ میشه


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
1
a{
    text-decoration: none;
}

هر عنصری که میخواهید زیرش خط قرار نگیرد کافی است در کد های css مقدار text-decoration را برابر با none قرار دهید .


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
1

اگر به پاسختون رسیدید به عنوان پاسخ برتر انتخاب بفرمایید ...!


جواد‌مولایی
تخصص : بک اند ، طراحی سایت
@3630javadmoli3630 3 سال پیش مطرح شد
1

ممنون ولی یک سوال دیگه کلاس برای بوت استرپ وجود ندارد که همین کار cssرا انجام دهد


ASPgo
تخصص : HTML، CSS، PHP و JS، طراح قالب...
@asp.gosk 3 سال پیش آپدیت شد
1
<a href="#" class="text-decoration-none">link</a>

@3630javadmoli3630
و اینکه شما خودت میتونی همون کدی که این دوستمون داد رو بزاری تو یه کلاس بهش !important بدی مثل همین کلاس بوت استرپ میشه


محمد حسین
تخصص : mevn stack
@saghari 3 سال پیش مطرح شد
0
<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <style>
        a {
            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <a href="#"></a>
</body>
</html>

فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش آپدیت شد
0

قبل از شروع طراحی هر سایتی، باید یه سری کارها انجام بدید که بهش میگن نرمالایز کردن (normalize)
دلیلش اینه که یه سری از استایلهایی وجود دارند که خوده مرورگر اونهارو به صفحه ی وب انتساب میده و ما برای اینکه یک صفحه در خام ترین حالت ممکن داشته باشیم، باید این استایلهارو برداریم که به این کار میگن نرمالایز کردن

میتونی خودت نرمالایز رو انجام بدی مثلا استایلهایی که اضافی هستند را شناسایی کنی و در بالای سی اس اس قسمتی رو برای این کار اختصاص بدی
مثلا اینطور:

/* Normalize css*/
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
ul, ol, li {
    list-style: none;
    padding   : 0;
    margin    : 0;
}
*,*:before,*:after {
    outline: none !important;
}

یا میتونی از موارد اماده توی اینترنت استفاده کنی که فایلی وجود داره بنام normalize.css که میتونی به پروژت اضافه کنی
البته باید درنظر بگیری که این فایل حجم زیادی داره و خب خیلی از چیزهایی که داخلش هست رو لازم نداریم و ممکنه تو سئو و gtmetrix سایتت اثربزاره و سرعتش کند بشه
اینجا لینک این سی اس اس آماده رو قرار دادم

استایل نرمالایز css


_amirali
@efgha3306 3 سال پیش مطرح شد
0

کافیه برای تگ a مورد نظرتون :text-decoration رو مساوی با none قرار بدید


عرفان کاهانی
تخصص : برنامه نویس
@kahania726 3 سال پیش مطرح شد
0

کافیه برای تگ a مورد نظرتون :text-decoration رو مساوی با none قرار بدید


فرزاد
تخصص : برنامه نویس
@farzad.kurd1990 3 سال پیش مطرح شد
1

خاصیت text-decoration المان a رو در CSS برابر با none قرار دهید

text-decoration: none;

omid ebrahimi
@omidebrahimi064 3 سال پیش مطرح شد
-3

با این کد کارت راه میوفته.

a{
    text-decoration: none;
}

علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

@omidebrahimi064
دوست عزیز !!!
لطفا به زمان مطرح شدن سوالات دقت بفرمایید و این سوال رو هم مطالعه بفرمایید :
https://roocket.ir/discuss/%D9%88%DB%8C%DA%98%DA%AF%DB%8C-%D9%87%D8%A7%DB%8C-%D9%BE%D8%A7%D8%B3%D8%AE-%D8%AE%D9%88%D8%A8


omid ebrahimi
@omidebrahimi064 3 سال پیش مطرح شد
ایلیا شرفی
تخصص : برنامه نویس فرانت اند
@iliasharafi1385 3 سال پیش مطرح شد
-1
a{
text-decoration:none;
}

می توانید با استفاده صفت های دیگه شکل خط رو هم تغییر بدید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام