مشکل در border [بایگانی]

omidparkour

جمعه 30 خرداد 1393, 00:30 صبح

سلام
من به یک div هنگامی که hover میشه border دادم اما مشکل اینجاست که وقتی ماوس رو میبرم روی div ، براش border میاره اما یه کم div به سمت پایین راست جابه جا میشه
مشکل چیه؟؟
میخوام دقیقا سر جایی که هست border دار بشه

دانیال دزفولی

جمعه 30 خرداد 1393, 09:59 صبح

از همون اول براش بوردر بذارید و رنگش رو ترنسپرنت بدید اینطوری:
border:2px solid transparent;

:hover{
border-color:#000}
اینطوری حله

omidparkour

جمعه 30 خرداد 1393, 11:35 صبح

ممنون آقا دانیال:بوس:

AliRezaBeytari

جمعه 30 خرداد 1393, 13:00 عصر

سلام
من به یک div هنگامی که hover میشه border دادم اما مشکل اینجاست که وقتی ماوس رو میبرم روی div ، براش border میاره اما یه کم div به سمت پایین راست جابه جا میشه
مشکل چیه؟؟
میخوام دقیقا سر جایی که هست border دار بشه

همچنین میتونید از outline هم استفاده کنید :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>omidparkour</title>
<style type="text/css">
* {margin: 0px; padding: 0px;}
.myDiv {
width: 350px;
height: 350px;
margin: auto;
margin-top: 200px;
background-color: red;
}
.myDiv:hover {
outline: 10px solid #03C;
}
</style>
</head>

<body>
<div class="myDiv"></div>
</body>
</html>

موفق باشید.