چرا لینک روی تصویر در شرایطی کار نمی‌کند؟!

[sco1385]

با سلام

تازه وارد هستم به تالار طراحی وب.

من امروز در webview، صفحه وب اندروید، با این کد، لینکی را به تصویری دادم، که درست عمل می‌کند. این کد را در بادی html قرار دادم:


<div><a href="http://talar.shandel.info"><img alt="nejat" title="nejat" src="../images/audio.png" /></a></div>



اما وقتی سورس تصویر را در css قرار می‌دهم، و کد زیر را در بادی می‌گذارم، تصویر ظاهر می‌شود، اما دیگر لینک عمل نمی‌کند:

کد در بادی :


<div id="audio"><a href="http://talar.shandel.info"><img alt="nejat" title="nejat" /></a></div>



و کدی که در css قرار دادم :


#audio {
color: #008080;
margin-left:auto;
margin-right:auto;
width: 64px;
height: 64px;
content: url("../images/audio.png");
}



لطفاً کمک. ممنونم

[Mori Bone]

<a href="*" tiitle="*"></a>
a{
backgound-image: url(a.jpg);
}

[sco1385]

میشه لطف کنید و براساس سی اس اس من و کد لینک من، که در ÷ست قبلی دادم، سی اس اس و کد را برایم بنویسید؟

ممنون

[Mori Bone]

شما هم میتوتید عکس رو داخل تگ a بگذازیدو هم میتوینید با سی اس اس به تگ a پس زمینه بدید:
1-
<a href="http://www.google.com" title="this link is for google"<
<span>click to go to google</span>
<img src="google.png alt="googleimahe" title="google image" height="150" width="200" />
</a>
2-
<a href="http://www.google.com" title="this link is for google"<
click to go to google
</a>
a {
background-image: url(google.png);
height: 150px;
width: 200px;
}

[sco1385]

مشکل اول آن است که شما تگ a را در css استفاده می کنید، که این تمام لینک ها را تحت تاثیر قرار می دهد.

مشکل دوم اینکه وقتی از این طریق اندازه می‌دهم، یعنی از دستور background-image استفاده می کنم، اگر عکس من 200 در 200 باشد و من اندازه 100 در 100 را بدهم، عکس در مرکز زوم می‌شود و کل عکس را در واقع کوچک نمی‌کند.

مشکل سوم آن که، وقتی روی عکس کلیک می‌کنم لینک عمل نمی‌کند، در چنین شرایطی اگر مثلاً در کد من مقدار alt تصویر my image باشد، تنها اگر روی نوشته کلیک کنیم لینک عمل می‌کند و بقیه عکس به کلیک عکس‌العمل نشان نمی‌دهد. و متاسفانه نوشته هم روی عکس دیده می‌شود و نما را خراب می‌کند.

کاش شما با اندروید کار می‌کردید تا شاید متوجه می‌شدیم که مشکل از اندروید است یا اچ تی ام ال.

ممنون

[vimax23]

منظورت اینطوریه؟


<a href="urlink" id="urimgid">text</a>

#urimgid{
background-image: url(images/logo.png);
width: 981px;
height: 180px;
display: block;
margin:auto;
}

سئوالت برام واضح نیست وگرنه کمکت میتونستم بکنم

[vimax23]

اینو ببین
http://jsfiddle.net/c8gj4/
اگر لینک تو دیو باشه اینطوری میشه

اگرم بخوایی دیو رو لینکدارش کنی باید لینک بیاد بیرون مثل این
http://jsfiddle.net/c8gj4/1/

[ashokri.nll]

و کدی که در css قرار دادم :






#audio {
color: #008080;
margin-left:auto;
margin-right:auto;
width: 64px;
height: 64px;
background: url(../images/audio.png);
}




این کارو بکن درست میشه

[sco1385]

با تشکر از همه عزیزانم.

من طبق گفته‌ی وای مکس گرامی عمل کردم:

من div را به گفته عزیزان بردم داخل تگ لینک، و تمام مشکلات حل شد.

کد در html :



<a href="http://talar.shandel.info"><div id="group_image"><img alt="" title="group_image" /></div></a>


و کد در css :



#audio {
color: #008080;
margin-left:auto;
margin-right:auto;
width: 64px;
height: 64px;
background-image: url("../images/audio08.jpg");


۱. عکس سنتر نمی‌شود. و کل عکس به اندازه مورد نظر کوچک می‌شود.

۲. لینک به درستی عمل می‌کند.

با سپاس و زنده باشید