arama kısmında "ara" butonu kaydı düzeltemiyorum

10.11.2012 01:41

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 33 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

Arkadaşlar arama butonu sitenin sag üst köşesine yapıştı bi türlü olması gereken yere gelmiyor kodları bi incelermisiniz ?

html kodları:



	



													

		

			">Anasayfa

css kodları:

	/* Menü */

	nav#navMenu {margin-top: -20px; background: url("../img/sprite.png")no-repeat -4px -174px; width: 963px; height: 42px; overflow: auto;}

	#menu {margin-left: 10px; float: left; overflow: auto;}

	#menu li{float: left; background: url("../img/menuAyrac.png")no-repeat right 9px; padding: 13px 20px;}

	#menu li a{color: #E8E8E8; text-transform: capitalize;}

	#menu li:hover a{color: #fff; }

	

		/* Arama */

		#arama {float: right;}

		.aramaInput {background: url("../img/sprite.png")no-repeat -961px -860px; width: 223px; height: 21px; padding: 10px; border: none; margin-right: 40px; color: #6b6b6b;}

		.aramaSubmit {cursor: pointer; position: absolute; right: -30px; top: -20px; background: url("../img/sprite.png")no-repeat -140px -468px; width: 67px; height: 57px; padding: 10px; border: none;}

Site adresi imzada ekli ana sayfada görebilirsiniz ne halde olduğunu düzelmiş ise başarmışım demektir. düzelmemişse ne yapmam gerekiyor söylerseniz yada kodları düzenleyip verebilirsiniz şimdiden teşekkürler.

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

10.11.2012 08:09

erbasaran Yazılım Mühendisi Kullanıcı

Üyelik 01.07.2011
Yaş/Cinsiyet 35 / E
Meslek Yazılım Mühendisi
Konum Ankara

Ad Soyad R** E**
Mesajlar 309
Beğeniler 2 / 77
Ticaret 70, (%100)

.aramaSubmit {
cursor: pointer;
position: absolute;
right: -30px;
top: -20px;
background: url("../../../wp-content/themes/Inci/css/../img/sprite.png")no-repeat -140px -468px;
width: 67px;
height: 57px;
padding: 10px;
border: none;
}

Buradaki position: absolute; olan kısma sil düzelir :)

imza yok...

10.11.2012 13:47

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 33 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

erbasaran adlı üyeden alıntı

Buradaki position: absolute; olan kısma sil düzelir :)

hocam yaptım bu sefer arama kutusunun yanına değilde altındaki menünün içine girdi ucu gözüküyor onu ön plana çıkarmam lazım ne yapmam gerekiyor bunun için ?

		#arama {float: right;}
		.aramaInput {background: url("../img/sprite.png")no-repeat -963px -860px; width: 223px; height: 21px; padding: 10px; border: none; margin-right: 40px; color: #6b6b6b;}
		.aramaSubmit {cursor: pointer; right: -30px; top: -20px; background: url("../img/sprite.png")no-repeat -140px -468px; width: 67px; height: 57px; padding: 10px; border: none;}

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

10.11.2012 21:13

Adobewordpress WM Aracı Kullanıcı

Üyelik 08.07.2011
Yaş/Cinsiyet 37 / E
Meslek Tasarımcı
Konum İstanbul Avrupa

Ad Soyad V** Ö**
Mesajlar 677
Beğeniler 58 / 418
Ticaret 1, (%100)

Ne yapmak istediğini anlamadım. Nav içindeki arama motorundan mı rahatsızsın yoksa sidebardakinden mi?

adobewordpress.com ~ “güncel tasarım okulu”

10.11.2012 21:34

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 33 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

Adobewordpress adlı üyeden alıntı

Ne yapmak istediğini anlamadım. Nav içindeki arama motorundan mı rahatsızsın yoksa sidebardakinden mi?

yok şu üst kısmındaki yapmaya çalıştıgım arama kutusunun ucundaki ara gitsin resmini ön plana çıkarmaya çalışıyorum olması gereken şekli alttaki resimdeki gibi

html kodlarıyla alakalı değildir herhalde ama yinede vereyim

	



													

		

			">Anasayfa

bunlarda css kodları

	/* Menü */

	nav#navMenu {margin-top: -20px; background: url("../img/sprite.png")no-repeat -4px -174px; width: 963px; height: 42px; overflow: auto;}

	#menu {margin-left: 10px; float: left; overflow: auto;}

	#menu li{float: left; background: url("../img/menuAyrac.png")no-repeat right 9px; padding: 13px 20px;}

	#menu li a{color: #E8E8E8; text-transform: capitalize;}

	#menu li:hover a{color: #fff; }

	

		/* Arama */

		#arama {float: right;}

		.aramaInput {background: url("../img/sprite.png")no-repeat -963px -860px; width: 223px; height: 21px; padding: 10px; border: none; margin-right: 40px; color: #6b6b6b;}

		.aramaSubmit {cursor: pointer; right: -30px; top: -20px; background: url("../img/sprite.png") no-repeat -140px -468px; width: 67px; height: 57px; padding: 10px; border: none;}

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

10.11.2012 21:40

Adobewordpress WM Aracı Kullanıcı

Üyelik 08.07.2011
Yaş/Cinsiyet 37 / E
Meslek Tasarımcı
Konum İstanbul Avrupa

Ad Soyad V** Ö**
Mesajlar 677
Beğeniler 58 / 418
Ticaret 1, (%100)

position: absolute;
z-index:5000;

ekle #arama ya

adobewordpress.com ~ “güncel tasarım okulu”

10.11.2012 21:56

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 33 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

Adobewordpress adlı üyeden alıntı

position: absolute;
z-index:5000;

ekle #arama ya

" position: absolute; " daha önce silmiştim sitenin sağ üst köşesine gitmesine neden oluyordu şimdi koyduğumda yine aynı şeyi yaptı
" z-index:5000; " eklediğimde bir değişikli görmedim...

şu şekilde ekledim:

		.aramaSubmit {cursor: pointer; right: -30px; top: -20px; background: url("../img/sprite.png") no-repeat -140px -468px; width: 67px; height: 57px; padding: 10px; border: none;position: absolute;

z-index:5000;}

#aramaya eklediğimde hiçbir değişiklik olmadı

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

arama kısmında "ara" butonu kaydı düzeltemiyorum

Üye Girişi Yap