راکت
حل شده

لینک دادن روی یک دکمه.

4 پاسخ

سلام.

    #wrp .box1 .bx_center .post .body .readmore{
        margin:10px 0px 10px 0px;
        padding:5px 0 7px 0;
        text-align:center;
        border:1px solid #E1E1E1;
        background-color:red;
    }
    #wrp .box1 .bx_center .post .body .readmore:hover{
        color:black;
        background-color:yellow;
    }
    #wrp .box1 .bx_center .post .body .readmore a{
        margin:1px;
        margin-left:3px;
        font-family:'b yekan', arial,Times , sans;
        font-weight:normal;
        font-size:15px;
        color:black;
        padding:0px 10px 2px 10px;
    }

html:

<div class="readmore"><a href="https://roocket.ir/1400/01/09/%D9%85">« readmore »</a></div>

حالا میدونید که اگر متن رو بزنم وارد لینک میشه اگر جای دیگه ای از دکمه رو کلیک کنم وارد لینک نمیشه حالا همینو موندم باید چیکار کنم؟ میخوام وقتی که روی جای دیگه از دکمه بزنی واردش بشه.

ثبت پرسش جدید

پاسخ‌ها

4
فرشید مرادی
فرشید مرادی
@eniack

تخصص: noob

بهترین پاسخ

@spaceandtime24
سلام ، تگ لینک رو قبل از div قرار بدید

hosein2000ff
hosein2000ff
@hoseinff22

پدینگ باکس پدر تگ لینکو بردارین ببینین چی میشه
درضمن یکم استایلاتونو هم بد دادین
Hover رو به خود لینک میدادید بهتر بود.
@spaceandtime24

رضا پارسیان
رضا پارسیان
@Rp76

تخصص: توسعه دهنده Php , Laravel

سلام وقتتون بخیر
میدونم جواب سوالتون پیدا شده
اما این نکته میتونه خیلی کمک کنه

نیاز نیست همیشه یک تک
Div, Button و چیز هایی از این قبیل داشته باشید میتونید با کد زیر یک دکمه داشته باشید.

Bootstrap

<a href="#" class="btn btn-success">Rp76</a>

توی کد خودتون هم به این صورت

<a href="#" class="readmore">Rp76</a>

شاید پاسخ شما همین‌جا باشد

moha li
moha li
@mohaligateway

تخصص: توسعه دهنده لاراول و Vue

یه راهکار دیگه هم وجود داره اگه می خواین a رو توی div استفاده کنید. اونم اینه که ابعاد a را به اندازه کل div قرار بدید.

#wrp .box1 .bx_center .post .body .readmore a{
        margin:1px;
        margin-left:3px;
        font-family:'b yekan', arial,Times , sans;
        font-weight:normal;
        font-size:15px;
        color:black;
        padding:0px 10px 2px 10px;
         width:100%
    }

@Rp76
@spaceandtime24

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

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