Kaç tür CSS vardır?

Posted by on Ara 23, 2012 in Web Tasarımı | 0 comments

Bir sayfada CSS kullanmanın üç yöntemi vardır. Bazen tarayıcıların varsayılan CSS özellikleri de bu sınıfa dahi edilip bu sayı dörde çıkarılmaktadır. Bunların isimlendirilmesinde İngilizce kaynaklarda ve Türkçe çevirilerde tam bir standarda rastlamadığımı söylemeliyim. Ben bu isimleri aşağıdaki şekilde kullanmayı tercih ettim.

1. Varsayılan (Browser defaults): Hiçbir tanımlama yapmadığımızda tarayıcılar kendi öntanımlı stillerini sayfamıza uygulayacaktır.

2. Satıriçi (Inline): Her etiketin stil özellikleri doğrudan etiketin içinde tanımlanır.

<div style="float: left; margin: auto;">

3. İçsel (Internal): Her sayfada kullanılacak stiller head etiketi içinde listelenir.

<head>…
…
.header    {background:#CCC;
height:100px;}
</head>

4. Dışsal (External): Tanımlamalar harici bir .css dosyası içinde yapılır. En çok tercih edilen ve mantıklı olan yöntem budur.

<link type="text/css" rel="stylesheet" href="global.css"  />

Mantıklı yöntemin dördüncüsü olduğunu söylesek de kodları bir arada görebilmek için örneklerimizde üçüncü yöntemi kullanacağız.

Read More

Doctype ne işe yarar?

Posted by on Ara 23, 2012 in Web Tasarımı | 0 comments

DOCTYPE, tarayıcımıza, kodlarımızı hangi standartlara göre yorumlayacağının bilgisini verir. Kullanılmaması durumunda tarayıcılar (Firefox, IE, Opera vs.) sayfamızı kendi varsayılan standartlarına göre yorumlar. Eğer sayfanız farklı browserlarda, farklı şekillerde görünüyorsa bakmanız gereken ilk yer DOCTYPE bilgisinin sayfanızda olup olmadığıdır.

DOCTYPE’ın en sık kullanılan şekli aşağıdaki gibidir.

<!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">
Read More

Dreamweaver yavaş açılıyor

Posted by on Ara 15, 2010 in Web Tasarımı | 0 comments

Dreamweaver açılışta  hata veriyorsa ya da çok fazla bekliyorsa sorun site cache’tedir. Yapmanız gerekenler aşağıda.

1. Eğer Dreamweaver hata veriyor ve kapanıyorsa; Cache klasörünün yerini değiştirin ya da yeniden adlandırın.

2. Yavaş da olsa sonunda açılıyorsa her bir site için yeniden cache oluşturun. Bunun için önce yeniden cache oluşturacağınız siteyi seçin sonra menüden Site/Advanced/Recreate Site Cache‘e tıklayın.

İkinci işlemi yapınca benim sorunum çözüldü. Umarım size de yardımcı olur.

Read More

Table’da padding verme

Posted by on Mar 19, 2010 in Web Tasarımı | 0 comments

DIV kullanmaya iyice alıştığım için bazı şeylerin table’da nasıl yapıldığını unutmaya başlamışım. Not alacak yer bulamayınca, belki benim gibi unutanlar vardır” diyerek siteye yazmaya karar verdim.

Table kullanıyorsak <tr> etiketine padding veremiyoruz.  Çalışması için padding’i <td> etiketine vermemiz gerekiyor. Kullanım aynen DIV’deki gibi..

.canimtablom td {padding: 5px 10px;}

Read More

DIV ve CSS Kullanımı – 4

Posted by on Ağu 21, 2009 in Web Tasarımı | 9 comments

DIV ve CSS kullanırken en çok yerleşim konusunda sorunlar yaşandığı için yazılarımda öncelikli olarak bu alanda örnekler ve bilgiler vermeye çalışıyorum. Gelecek yazımda giderek görselliği ön plana çıkaran örnekler üzerinde durmaya başlayacağım.

Şimdi son derece karışık bir yapıyı örnekleyerek yerleşimler konusunu kapatacağız. Bu ve bundan önceki makaleleri ve örnekleri iyice incelerseniz DIV ve CSS kullanarak bir sayfayı istediğiniz şekilde bölümlendirebileceğinizi düşünüyorum.

Read More

DIV ve CSS Kullanımı – 3

Posted by on Ara 20, 2008 in Web Tasarımı | 11 comments

İki temel uygulamadan sonra şimdi yatay ve dikey DIV’lerin karmaşık olarak bir arada bulunduğu yapıları inceleyebiliriz. Bu karmaşık yapıları bazen tek seferde kodlamak mümkün olmayacağı için böylesi durumlarda fazladan DIV’ler kullanarak sonuca ulaşacağız. Genellikle kapsayıcı (container) olarak adlandırılan bu ek DIV’ler aynı zamanda kodumuzun daha kolay anlaşılır bir yapıya sahip olmasını da sağlar.

Read More