[cansurmeli]

Acaba CSS ile görüntülediğim resme link verebilirmiyim?

[xuma]

Bildiğim ve yaptığım kadarıyla oldukça kolay olsa gerek eğer yanlış anlamadıysam

<a href="http://www.siteadi.com"><div id="resim"></div></a>

resim katmanı

#resim {
background:url(resim.png) no-repeat;
}

[cemshid]

a tag'inin icine div eklemek pek yanlis.

a; inline element olarak kabul edilir ki div ise block level elementtir. olmaz olabilemez..

<a href="link.HTML" class="resimlink" title="Resim Bilgisi">Resim Metni</a>

a.resimlink{background:url(resim.jpg) no-repeat;width:resimgenisligi px;height:resimyuksekligi px;display:block;text-decoration:none;text-indent:-9000px;}

olabilir sanki...

[webulent]

<style>
#resim {
background:url(resim.png) no-repeat;
width:150px;
height:150px;
cursor: pointer;
}
</style>
.
.

<div id="resim" onclick="window.location='sayfa.PHP'">&nbsp;</div>


bu şekilde de kullanabilirsin...

kolay gelsin.

[metsatöll]

CSS

#pic_01 a{
	display: block;
	width: 220px;
	height: 50px;
	background:url(images/resim.jpg);
}

HTML

<div id="pic_01"><a href="#"></a></div>

bu sekilde bir yolda izleyebilirsin

[cansurmeli]

Webulent.Verdiğin yol için teşekkürler.

Peki bu yolu kullanarak link'i başka bir pencerede açabilirmiyim.

[fatihturan]

Eğer normal bir a etiketinden bahsediyorsan sana şunu söyleyebilirim; HTML/xhtml transitional dtd'si kullanıyorsan a etiketine target="blank" özelliğini ekleyerek zaten bağlantıların ayrı bir sayfada açılmasını sağlayabilirsin. Ama xhtml strict dtd'sinde target özelliği yer almıyor. Eğer kullanırsan w3c geçerlilik testinden kalıyor siten. Ama bununda bir çözümü var: roger johannson'un geliştirdiği bir javascript betiği sayesinde bağlantıları ayrı bir sayfada açabiliyorsun. Ve w3c geçerlilik testinden de kalmış olmuyorsun.

[webulent]

Yine en pratik çözüm window.open fonksiyonunu kullanmak.

<style>
#resim {
background:url(resim.png) no-repeat;
width:150px;
height:150px;
cursor: pointer;
}
</style>
.
.

<div id="resim" onclick="window.open('sayfa.PHP')">&nbsp;</div>


İyi çalışmalar.

[cansurmeli]

Çok teşekkürler Webulent.