PDA

View Full Version : تبدیل قسمتی از صفحه به لینک (برای ساخت دکمه )


elham1611
جمعه 19 اسفند 1390, 22:01 عصر
سلام
من میخواستم مطابق شکل دکمه بزارم برای رفتن از یک صفحه به صفحه به صفحه دیگر
در این شکل آدرس صفحه بعدی رو به عدد 2 دادم یعنی فقط وقتی رو عدد 2 کلیک میشه انتقال انجام میشه
اما من میخوام وقتی روی مستطیلی که عدد درون اون هست کلیک میشه انتقال انجام بشه
چی کار باید کرد.
مثلا میشه مستطیل رو درون div قرار داد و لینک رو به div داد ؟
yones_safari
شنبه 20 اسفند 1390, 09:46 صبح
آره میشه.

<a href="#"><div style="width: 10px; border: 1px solid silver;">1</div></a>
موفق باشید.
ateryad
شنبه 20 اسفند 1390, 10:16 صبح
سلام دوست عزیز
البته بهتر اول لینک ها رو داخل یک لیست قرار بدهید و در css تگ <li> را دستکاری کنید که باعث میشه تا کدهاتون بهتر و کمتر بشه مثلا:


<ol>
<li>
<a href="#"></a>
</ li>
</ol>


این از کد html


حالا در css به li خاصیتهای مربوط رو می دهیم
kianajoo
شنبه 20 اسفند 1390, 20:19 عصر
درود....
فکر نمیکنم قرار دادن div درون a استاندارد باشه!!
من اینطوری استفاده میکنم:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
*{
padding:0;
margin:0;
border:none;
}
#tt{
width:200px;
margin:20px auto;
}
.test{
margin-top:10px;
width:10px;
height:10px;
border:solid 1px #000;
padding:6px;
}
a{
text-decoration:none;
}
</style>
</head>
<body>
<div id="tt">
<a href="#" class="test">1</a>
<a href="#" class="test">2</a>
<a href="#" class="test">3</a>
<a href="#" class="test">4</a>
</div>
</body>
</html>
Saber Mogaddas
یک شنبه 21 اسفند 1390, 10:27 صبح
سلام
این عکس یا بردر رو باید به خود تگ a بدید ..
درج div ذاخل تگ a درست نیست از span باید استفاده کنید..
موفق باشی..