[tukenik]

sitemde table kulanmadan CSS ile yapmayi dusunuyorum,..

div'lerin ozelliklerini belirlerken orngein,

bir div'in ozelligi asagidaki gibi olacak;

{
background-color: #000000;
color: #fff;
text-align: right;
display: block;
list-style-type: none;
text-decoration: none;
width: 200px;
height: 250px;
position: absolute;
left: 500px;
}

bunu CSS icerisine

.new {
background-color: #000000;
color: #fff;
text-align: right;
display: block;
list-style-type: none;
text-decoration: none;
width: 200px;
height: 250px;
position: absolute;
left: 500px;
}

seklinde belirtip,
<div class="new">lorem item sana ne verem</div> cagirdgimizda isimizi goruyoruz,
ayni sekilde;

#new {
background-color: #000000;
color: #fff;
text-align: right;
display: block;
list-style-type: none;
text-decoration: none;
width: 200px;
height: 250px;
position: absolute;
left: 500px;
}

<div id="new">lorem item sana ne verem</div> sekilde de istedigimizi elde edebiliyoruz?

o zaman neden id ve classlardan birisi yokta ikisi ayri ayri, acaba id'ler ve class'larin kullanim kosullari ve yerleri mi farkli?bu konuda yardim bekliyorum.

saygilar

[metadige]

Arkadaşım id sayfada kimlik yerine geçer yani sayfada nesnelere idleri ile atıfta bulunabiliriz.örneğin diyelim ki sayfamızda

<div class="classismi" id="deneme">.........</div>

diye bir divimiz ve birde checkboxımız var.

</style>
<script type="text/JavaScript">
function renk(id, id2){
var onay=document.getElementById(id).checked
var x=document.getElementById(id2).style
if(onay==1){
x.backgroundColor='red';
}
else {
x.backgroundColor='blue'
}
}

şimdi böyle bir kod yazsak ve sayfamızda da

<input type="checkbox" name="radio" id="radio" value="1" onClick=" renk('radio','deneme')">

desek checkbox onaylanmışsa divimizin arkaplanı kırmızı onaylanmamışsa mavi olur.

[cemshid]

asıl dikkat etmen gereken en büyük fark,
id'ler sayfa içerisinde bir kez kullanılabilir, classlar ise ihtiyacın olan her yerde defalarca kullanabilirsin...

eh peki class daha iyiymiş? diye bişi gelirse aklına da, meta'nın verdiği örneğe ek olarak, zaten sayfada bir kez bulunan, konum bildiren divleri de id ile yapabilirsin, logo alanın, footer yazıların, içeriğin bulunduğu div gibi..

[tukenik]

yanlis anlamdi isem, id belirleyici oluyor ve bir kullanimlik gibi bir tanim yapabiliriz, cemshid arkadasimizin dedigi gibi logo, footer, sidebar, menu, sponsor, gibi sayfada ki belirli yerlerde id kullanimi oluyor, class kullanimi da ornegin, birde fazla kullanabilirz, gibi bir sonuc cikarttim yaniliyor olabilirim,

saglicakla

[cgencer]

tabii bu bir zorunluluk değil, ama düşünülen kullanım şekli bu. id'ler belirtilen div'e daha kolay erişmek için ona isim atamaktır. class ise istenilen herhangi bir HTML ögesine style atamaktır. tabii CSS, bir komuta da, aynı anda birden çok komuta da stil atanabilsin diye böylebir sistem sağlamış, id bazlı atamayı da birden çok div'den hangisine belirli bir stil stayacaksanız kullanmak için koymuş. class ile mesela tüm div'lere bir özellik ekleyebilr
#genel { text-indent: 1em;}
ve sonra da belirli bir div'inkini
.tekil { text-indent: 5 em; }
şeklinde değiştirebiliriz mesela.
Bunların kombinasyonlarını uygun şekilde kullanmak da size kalmış artık.

[cemshid]

cgencer tarafından gönderilen mesaj:

tabii bu bir zorunluluk değil, ama düşünülen kullanım şekli bu. id'ler belirtilen div'e daha kolay erişmek için ona isim atamaktır. class ise istenilen herhangi bir HTML ögesine style atamaktır. tabii CSS, bir komuta da, aynı anda birden çok komuta da stil atanabilsin diye böylebir sistem sağlamış, id bazlı atamayı da birden çok div'den hangisine belirli bir stil stayacaksanız kullanmak için koymuş. class ile mesela tüm div'lere bir özellik ekleyebilr
#genel { text-indent: 1em;}
ve sonra da belirli bir div'inkini
.tekil { text-indent: 5 em; }
şeklinde değiştirebiliriz mesela.
Bunların kombinasyonlarını uygun şekilde kullanmak da size kalmış artık.

ufak bir düzeltme, id'ler sadece div'lere atanır diye bir kısıtlama yok, id konusunda tek kısıtlama sayfada bir kez bulunan bir öğeye verilmiş olması gerekmekte..

[cgencer]

tabii ki; zaten o yüzden

tabii css, bir komuta da, aynı anda birden çok komuta da stil atanabilsin diye böylebir sistem sağlamış

yazdım; yoksa div olması hiç önemli değil, ister span olur, isterse de td falan olur. bu mantık, cemshid'in de dediği gibi hemen hemen HER HTML komutu için geçerli.
sadece merak ediyorum; birden fazla aynı id'ye sahip durumlarda browser'lar nasıl davranır acep... bi deneyeyim bakayım az sonra.

[mehmet]

id: bir sayfa icinde bir kez kullanilir. Isimleri harfle baslamak zorundadir. Kimlik gorevini belirli bir element icin. Guc siralamasinda yuksek siradadir. Cocuk CSS degerlerini etkiler. Anchor link vermek icinde kullanilir.

class: bir sayfa icinde birden fazla kullanilabilir. Etiket gorevi gorur belirli bir element icin. Guc siralamasinda id'lerden daha dusuktur. Cocuk CSS'i etkilemesi, analarina bagli olarak degisir.