İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Css soru?

Voyvoda

0
İyinet Üyesi
Katılım
1 Nisan 2008
Mesajlar
77
Reaction score
0
Herkese merhaba

Arkadaşlar belki kolay bir salakça bir soru olacak ama takıldım işte sorunum;

Sayfa yaparken bir başlık olarak atıyacağım div'e css ile birçok özellik tanımladım, sorun şu ki aynı başlıktan 7-8 tane olacak her seferinde farklı bir css tanımlamaktansa ilk tanımladığım css özelliklerini bu başlıklara tanıtmak istiyorum ama yapamıyorum umarım sorunumu anlatabilmişimdir.Herkese Teşekkürler.
 

raincu

0
İyinet Üyesi
Katılım
12 Mart 2008
Mesajlar
1,005
Reaction score
1
Konum
Anadolu
Kod:
<style>
.baslik {
        color:#FF0000;
        font-size:18px;
}
</style>

<div class="baslik">başlık 1</div>
....
<div class="baslik">başlık 2</div>
....
<div class="baslik">başlık 3</div>
....
....

sanırım böyle bişi istiyorsun...
 

Voyvoda

0
İyinet Üyesi
Katılım
1 Nisan 2008
Mesajlar
77
Reaction score
0
Bu benim altdada gözüktüğü gibi sağ başlık için verdiğim özellikler,sayfamda bu başlıklardan 7-8 tane olacak, başlıkların özellikleri aynı olacak ama ben yeni bir div oluşturduğumda buna yeni bir css tanımlamam gerekiyor ve her başlık için bunu yapmam gerekiyor yapmak istediğim bu aşağıdaki özellikleri yeniden girmeden öteki başlıklarada aynı özellikleri atıyabilmem.
#sayfa #sag_ust_kolon #sag_baslik_1 {
height: 92px;
width: 227px;
border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: #D4CFBB;
text-align: left;
float: left;
border-right-width: thick;
border-right-style: solid;
border-right-color: #D4CFBB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
 

Voyvoda

0
İyinet Üyesi
Katılım
1 Nisan 2008
Mesajlar
77
Reaction score
0
Evet raincu sorumun cevabı aynen budur, nihayet ya insan unutuyor iste arkadaşlar teşekkür ederim.İyi çalışmalar
 

osahin

0
İyinet Üyesi
Katılım
8 Ekim 2006
Mesajlar
4,978
Reaction score
34
Konum
kalbinizden :p
Böyle birşeymi?

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xx</title>
<style type="text/css">
<!--
#sayfa {width:600px;}
#sag_ust_kolon { width:230px;}
#sayfa #sag_ust_kolon #sag_baslik_1 {
height: 92px;
width: 227px;
border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: #D4CFBB;
text-align: left;
float: left;
border-right-width: thick;
border-right-style: solid;
border-right-color: #D4CFBB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; }
-->
</style>
</head>

<body>
<div id="sayfa">
<div id="sag_ust_kolon">
<div id="sag_baslik_1">
asdsadadsads</div>
<div id="sag_baslik_1">
asdsadadsads</div>
<div id="sag_baslik_1">
asdsadadsads</div>

</div>
</div>
</body>
</html>
 

Virtuozzo

0
İyinet Üyesi
Katılım
27 Nisan 2008
Mesajlar
441
Reaction score
4
Konum
Istanbul
osahin;
W3 standartlarına göre id ile tanımladığınız elementleri bir sayfada yalnız bir defa kullanmanız gerekmektedir.
Eğer çoklu kullanım yapacaksanız class tanımlaması yapmalısınız.

PHP:
<div class="sag_baslik_1">hede</div>
<div class="sag_baslik_1">hödö</div>
 

Ozcan

0
İyinet Üyesi
Katılım
12 Mayıs 2007
Mesajlar
3,749
Reaction score
59
Konum
Antalya
#(diyez) işareti ile yapılan tanımlamalar normalde sayfada bir kez kullanılıyor raincunun yaptığı gibi . ile yaparsan istediğin kadar kullanabilirsin. Aşağıdaki gibi sonra class ile çağırıyorsun.

.sag_baslik_1 {
height: 92px;
width: 227px;
border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: #D4CFBB;
text-align: left;
float: left;
border-right-width: thick;
border-right-style: solid;
border-right-color: #D4CFBB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
 

osahin

0
İyinet Üyesi
Katılım
8 Ekim 2006
Mesajlar
4,978
Reaction score
34
Konum
kalbinizden :p
osahin;
W3 standartlarına göre id ile tanımladığınız elementleri bir sayfada yalnız bir defa kullanmanız gerekmektedir.
Eğer çoklu kullanım yapacaksanız class tanımlaması yapmalısınız.

PHP:
<div class="sag_baslik_1">hede</div>
<div class="sag_baslik_1">hödö</div>


Arkadaşın css dosyası o şekilde
 

Virtuozzo

0
İyinet Üyesi
Katılım
27 Nisan 2008
Mesajlar
441
Reaction score
4
Konum
Istanbul
osahin;
Alıntıladığınız mesajı bu mesajda yanlış kullanım yaptığınız için yazdım.
Arkadaşın şu mesajındaki kullanımı da (eğer #sag_baslik_1 tanımlaması birden çok kullanılacaksa) hakeza yanlış.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst