Web And Application Developer & Oracle DBA
css olarak etiketli yazılar
Css ile Tarayıcı Sıfırlama
27 Ara
Merhaba arkadaşlar bu yazıda her zaman kullanmanız gerekli olan tarayıcıları sıfırlama yönteminden bahsedeceğim. Tarayıcılar için belirli bir standart olmadığından dolayı farklı form elemanları tarayıcılarda farlı görünüyorlar. Bu yüzden bir tarayıcıya uyumlu olan tasarımınız başka bir tarayıcıda aynı görüntüyü vermiyor. Bu sorunu çözmek için de oluşturacağınız css dosyasına aşağıda vereceğim kodları eklemeniz gerekmektedir. Vereceğim kodlar bütün form elemanlarını kapsayacak şekilde düşünülmüştür. Siz isterseniz kullanmayacağınız elemanları çıkarabilirsiniz. Şimdi tarayıcı sıfırlama kodlarını yazalım.
html, body, div, span, p, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, strong, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left ;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
Yukarıda ki css kodları ile tasarımınız bütün tarayıcılarda aynı görünümü verecektir. Umarım çok fazla geçmeden bütün tarayıcılar bir standarda girer bizim de bu işlemi yapmaya ihtiyacımız kalmaz.
22 views
CSS İle Tek Resimle Çoklu İşlem Yapmak
25 Ağu
Merhaba Arkadaşlar,
.css teknolojini kullanarak tek bir resim dosyası kullanarak bir çok yerde farklı farklı resim gösterebiliriz.
amaç: trafiği azaltmak, sitenin hızlı açılmasını sağlamak.
şimdi ben Adobe Fireworks kullanarak bi imaj oluşturdum.
Sol a tıklama butonu için;
<style type="text/css">
.naviSolNormal {background:url(images/cssNavigasyon58.png) no-repeat 0px 0px; cursor:pointer;}
.naviSolUp {background:url(images/cssNavigasyon58.png) no-repeat -58px 0px; cursor:pointer;}
.naviSagNormal {background:url(images/cssNavigasyon58.png) no-repeat 0px -58px; cursor:pointer;}
.naviSagUp {background:url(images/cssNavigasyon58.png) no-repeat -58px -58px; cursor:pointer;}
</style>
buda
html kodum
<td width="58″ height="58″ valign="top" class="naviSolNormal" onmouseover="this.className=’naviSolUp’;" onmouseout="this.className=’naviSolNormal’;"><!–DWLayoutEmptyCell–> </td>
arkadaşlar zaman sıkıntım vardı. detaylı anlatacam inş.
155 views