سلام.
#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>
حالا میدونید که اگر متن رو بزنم وارد لینک میشه اگر جای دیگه ای از دکمه رو کلیک کنم وارد لینک نمیشه حالا همینو موندم باید چیکار کنم؟ میخوام وقتی که روی جای دیگه از دکمه بزنی واردش بشه.
@spaceandtime24
سلام ، تگ لینک رو قبل از div قرار بدید
پدینگ باکس پدر تگ لینکو بردارین ببینین چی میشه
درضمن یکم استایلاتونو هم بد دادین
Hover رو به خود لینک میدادید بهتر بود.
@spaceandtime24
سلام وقتتون بخیر
میدونم جواب سوالتون پیدا شده
اما این نکته میتونه خیلی کمک کنه
نیاز نیست همیشه یک تک
Div, Button و چیز هایی از این قبیل داشته باشید میتونید با کد زیر یک دکمه داشته باشید.
<a href="#" class="btn btn-success">Rp76</a>
توی کد خودتون هم به این صورت
<a href="#" class="readmore">Rp76</a>شاید پاسخ شما همینجا باشد
یه راهکار دیگه هم وجود داره اگه می خواین 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%
}