Css sorusu

bir tane buton yaptım.

butonu boş sayfaya ekleyince gayet güzel çalışıyor.
ancak bir tane div'imin içine koyduğumda hiçbir şekilde çalışmıyor, üstüne geldiğimde rengi değişmiyor, tıklama imleci çıkmıyor vs.

css'de oldukça yeni olduğum için çok basit bir problem olabilir kusura bakmayın.

calimdor #348469

Şimdi kafam güzel olduğundan dolayı, oturup bu duruma sebep olabilcek hataları sıralayamayacağım (allah'ım ne kadar zor bir kelime) lakin butonun ve ilgili div'in sınıf, id'lerini paylaşabilirseniz yardımcı olabiliriz gibi.

becerenberk (01.01.12 07:14:56)

if you want to change dermişim. benim de kafam güzel lakin becerenberke nispet olsun diye birşeyler anlatmaya calisicam yine de bi sik becerebildiği yok nasılsa. eğer daha önceden div içindeki herhangi elemana bir özellik atadıysanız ya da herhangi veya özel bir div elemanının içine sizinkiyle çakışacak tipte bir özellik atadıysanız (por ejemplo div#sik { cursor:pandik } gibi} çalışmaz.

öncelikle, butona atadığınız her css özelliğinden sonra !important özelliğini kullanın por ejemplo:

.button {
cursor: pandik !important;
}

ardından tek tek important özelliğini adım adım silin, uygunsuzluğu (of çok fenayım) bulduğunuzda kontrol etmeye başlayın.

(sana geliyorum yarebbi)

Sir.Fitih (01.01.12 07:21:07 ~ 07:23:19)

<div class="solana">
<div class="baslik"></div>
<div class="solblokbir">
<div class="kullanicialan">
<div class="kullanici"></div>
<div class="kullanici"></div></div>
<div class="yazi"></div></div>
<div class="deneme"></div>
<div class="solblokiki"></div></div>

bunların arasında nereye koyarsam koyayım. bu anasayfamdaki sol div oluyor, orta div veya sağ div'e koyduğumda buton gayet iyi çalışıyor.

bunların css kodlarını da koyayım ama oldukça uzun sürer gibi

calimdor (01.01.12 07:29:56)

sadece solana'nın altındaki solblokbir ve solblokiki ile ilgili problem var. onların kodunu yazayım:

.solblokiki
{
width:249px;
min-height:350px;
border:thin solid #999;
border-radius:10px;
margin:auto;
margin-top:5px;
background:white;
}

a.buton{
background:#2981E4;
padding:5px 10px;
text-decoration:none;
color:#fff;
font:bold 20px Arial, Helvetica, sans-serif;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
box-shadow: 0 1px 2px #000;
-moz-box-shadow: 0 1px 2px #000;
-webkit-box-shadow: 0 1px 2px #000;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

(hover'Ları falan vermiyorum zaten sadece renk farkı var)

calimdor (01.01.12 07:46:25)

bi kere gidişat yanlış.
özel div'lere ya da özel elemanlara öyle class mantığıyla yaklaşılmaz. daima id'ler kullanılır. hatta yazdığınıza bakarak div.kullanici satırı 2 div elemanını birden etkileyecektir, ikisini birbirinden ayırmanız gerekir. sanırım kodladığınız css'yi sizin akıl sağlığınız için baştan kodlamanız gerek. eğer her daim bu mantıkla css yazıyorsanız lüffen css bilginizi gözden geçiriniz.

ayrıca paylaştığın koddan hiç birşey anlaşılmıyor, lüffen pastebin.com'u kullanınız.

(amk az önce sennheiser cx 400 kulaklığımın kablosunu kopardım senin yüzünden sikiym kodliycağın css'yi dermişim)

Sir.Fitih (01.01.12 07:49:18 ~ 07:51:18)

kanka mecburen silicem tüm kodları, o sorun değil öğrenmeye çalışıyorum zaten de, sorunu çıkaran kod snaırım: tepe diye bir şey.

şu facebook'un üst ekranı var ya hani, sayfa aşağı kaysa bile yukarıda sabit duruyor. onun gibi bir şey yapmak istedim.

#tepe
{
WIDTH: 100%;
height:100%;
background: url(asdf.png) repeat-x;
position:fixed;
top:0px;
left:0px;
z-index:1;
text-align:center;
}

bu kodu yazdım, dediğim gibi sürekli tepede de duruyordu. ancak şu buton problemi bundan kaynaklanıyor direk. bu kodu çıkardığım anda butonlara tıklama sorunum ortadan kalkıyor. bunun içinde neyi yanlış koydum ki?

(zaten şuan site yapmıyorum yav, müsvedde defteri gibi aklıma gelen şeyleri uygulamaya çalışıyorum)

calimdor (01.01.12 07:58:12)

height:100% tabii ki, tüm sayfayı tepe id'li div ile kaplatiyorsun farkında olmadan.

ayrıca position:fixed ie'de calismaz.

#tepe{
width:100%;
height:150px;
top:0px;
position:absolute;
display:block;
z-index:10 //yine de diğer divlerin z-index'ine bağlı rastgele büyük bir rakam yazma
}

bu kod sanırım istediğini vermiyor (facebook stayla, araştırmak gerek, bu kafayla imkansız) yine de çalışan bir kod.

saygılar.

Sir.Fitih (01.01.12 08:03:27 ~ 08:05:30)

buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.

Lütfen Javascript desteği bulunan bir tarayıcı kullanın. Bir hata olduğunu düşünüyorsanız tarayıcınızın veya (varsa) antivirüs yazılımınızın ayarlarını kontrol edin.

Ekşi Duyuru

Css sorusu