css link verme sorunu

09-12-2013, 21:53:19

Merhabalar.
yaptığım sitede kodlarla alakalı bir sıkıntım var. bir türlü nedenini anlayamadım.

bir tane oncellikle button olusturdum
bunu css le siteme yerlestirdim.
daha sonra üstüne geldiginde buttonun rengi degissin diye bir css daha ekledim
oda okey.

Fakat iş link vermeye gelince sıkıtın oluyor. ve linki kabul etmiyor.
uyguladıgım css ve kodlar şunlar:

.bannerbutton {
	background: url(images/bannerbuttonhover.png) no-repeat top right;
	float:left;
	width: 113px;
	height: 34px;
	margin: -33px 0px 0px 950px;
	padding: 0px 40px 0px 0px;
	border: 0px;
	position: relative;
	}
	
.bannerbutton:hover{
	background: url(images/bannerbutton.png) no-repeat top right;
	float:left;
	width: 113px;
	height: 34px;
	margin: -33px 0px 0px 950px;
	padding: 0px 40px 0px 0px;
	border: 0px;
	position: relative;
	}

<div class="bannerbutton"><a href=""></a></div>

normal şartlarda <a href="...."></a> koduna linki yerlestirdigimde olması gerekiyor.

Yapamamın nedeni nedir acaba?

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:53:19 -->-> Daha önceki mesaj 20:49:06 --

yokmu sorunuma care derdime deva olacak

10-12-2013, 01:37:16

#2

EmreCagiran

emrezsy adlı üyeden alıntı: mesajı görüntüle

Merhabalar.
yaptığım sitede kodlarla alakalı bir sıkıntım var. bir türlü nedenini anlayamadım.

bir tane oncellikle button olusturdum
bunu css le siteme yerlestirdim.
daha sonra üstüne geldiginde buttonun rengi degissin diye bir css daha ekledim
oda okey.

Fakat iş link vermeye gelince sıkıtın oluyor. ve linki kabul etmiyor.
uyguladıgım css ve kodlar şunlar:

.bannerbutton {
	background: url(images/bannerbuttonhover.png) no-repeat top right;
	float:left;
	width: 113px;
	height: 34px;
	margin: -33px 0px 0px 950px;
	padding: 0px 40px 0px 0px;
	border: 0px;
	position: relative;
	}
	
.bannerbutton:hover{
	background: url(images/bannerbutton.png) no-repeat top right;
	float:left;
	width: 113px;
	height: 34px;
	margin: -33px 0px 0px 950px;
	padding: 0px 40px 0px 0px;
	border: 0px;
	position: relative;
	}

<div class="bannerbutton"><a href=""></a></div>

normal şartlarda <a href="...."></a> koduna linki yerlestirdigimde olması gerekiyor.

Yapamamın nedeni nedir acaba?

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:53:19 -->-> Daha önceki mesaj 20:49:06 --

yokmu sorunuma care derdime deva olacak

Yazmış olduğunuz css kodların doğru olup olmadığını incelemedim. Yalnız HTML kısımda gözle görülür bir hata vardır.

A href aşağıdaki gibi divin dışında olmalı. İçinde olursa elbette kabul etmez

Dışına alın css kodlarınız doğruysa çalışacaktır

<a href=""><div class="bannerbutton"></div></a>

10-12-2013, 12:10:42

#3

emrezsy

EmreCagiran adlı üyeden alıntı: mesajı görüntüle

Yazmış olduğunuz css kodların doğru olup olmadığını incelemedim. Yalnız HTML kısımda gözle görülür bir hata vardır.

A href aşağıdaki gibi divin dışında olmalı. İçinde olursa elbette kabul etmez

Dışına alın css kodlarınız doğruysa çalışacaktır

<a href=""><div class="bannerbutton"></div></a>

valla dostum allah razı olsun. hiç dikkatimi cekmemisti kod tablonun altında mı ustunde mi diye

cok ufak bi yerde hata oldugunu biliyordum ama çözemedim bir türlü

sorun halloldu. yarıdımın için teşekkür ederim.

10-12-2013, 20:03:48

#4

metinbiyik

CSS'de background'a link verebilmek için link kodunun içine class ı alman gerek diyor türlü class ın içindeki linkin kapsadığı yazıya verebilirsin. Yukarıda zaten arkadaş belirtmiş.

30-12-2013, 23:51:27

#5

zagor27

faydalı bilgi teşekkürler..

31-12-2013, 00:47:16

#6

Nicky

Bu arada margin-left 950 px mi? :O

31-12-2013, 00:48:53

#7

~Aykut

button clasını <a href="" class=""></a> seklinde kullanman daha mantıklı