vfl
4 سال پیش توسط vfl مطرح شد
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="/1400/01/09/%D9%85">« readmore »</a></div>

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


ثبت پرسش جدید
فرشید مرادی
تخصص : noob
@eniack 4 سال پیش مطرح شد
0

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


hosein2000ff
@hoseinff22 4 سال پیش آپدیت شد
0

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


رضا پارسیان
تخصص : توسعه دهنده Php , Laravel
@Rp76 4 سال پیش آپدیت شد
1

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

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

Bootstrap

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

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

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

moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 4 سال پیش مطرح شد
0

یه راهکار دیگه هم وجود داره اگه می خواین 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


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

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