 |
Html -Koşullu Yorumlar
|
 |
#6109 |
|
Kaan
User is:
  Posts: 2772
Ülke:
 İstanbul - 34Meslek: Serbest Meslek
Age: 43
|
Html -Ko?ullu Yorumlar
Projelerimizde CSS ile kodlama yaparken her taray?c? yapt???m?z siteyi farkl? bir ?ekilde yorumlar, bunun sonucunda kaymalar,bozulmalar ve istemedi?imiz sonu?lar do?ar. Ben bunlar? minimuma indirmek i?in bir projeye ba?larken reset.css dosyam? kullan?r?m, bu sayede bir ?ok eleman?n ?zellikleri s?f?rlan?r ve istemedi?im sonu?larla kar??la?mam azal?r. Ancak bu yeterli olmuyor internet explorer??n her versiyonu yazd???m?z kodlar? farkl? bir ?ekilde yorumlar bunlar? gidermek i?in css hackleri ve ko?ullu yorumlar kullan?r?z. Ko?ullu yorumlar sayesinde internet explorer??n her versiyonuna farkl? css dosyalar? enterge edebiliriz, bu sayede olu?an kaymalar? ve problemleri giderebiliriz. Sadece css dosyalar? de?il istedi?imiz html kodunu veya javascript dosyalar?n? entegre edebiliriz.Ko?ullu yorumlar internet explorer 5 versiyonundan sonra gelmi?tir. Kod: <!?-[if IE]> Buraya yaz?lanlar internet explorer 5 versiyonu ?st? t?m taray?c?larda g?z?k?r. <![endif]-?> Ayr?ca her versiyon i?inde ayr? ayr? ko?ullar belirtebiliriz. Kod: <!--[if IE]> T?m internet explorer versiyonlar? <![endif]--> <!--[if IE 5]> Yaln?zca internet explorer 5 versiyonu <![endif]--> <!--[if IE 5.0]> Yaln?zca internet explorer 5.0 versiyonu <![endif]--> <!--[if IE 5.5]> Yaln?zca internet explorer 5.5 versiyonu <![endif]--> <!--[if IE 6]> Yaln?zca internet explorer 6 versiyonu <![endif]--> <!--[if IE 7]> Yaln?zca internet explorer 7 versiyonu <![endif]--> <!--[if gte IE 5]> Internet explorer 5 ve daha ?st? <![endif]--> <!--[if lt IE 6]> Yaln?zca internet explorer 6 s?r?mden ?ncekiler <![endif]--> <!--[if lte IE 5.5]> Internet explorer 5.5 versiyonu ve daha ?nceki s?r?mler <![endif]--> <!--[if gt IE 6]> Yaln?zca internet explorer 6 s?r?m?nden b?y?kler (6. s?r?m dahil de?il) <![endif]--> Kullan?labilir Operat?rler ! ? de?ilse lt - xxden k???k lte - xxden k???k veya e?it gt - xxden b?y?k gte - xxden b?y?k veya e?it ?rnekler Yapt???m?z tasar?m internet explorer 6da farkl? sonu?lar verdi diyelim, bunun i?in internet explorer 6′ya ait farkl? bir css yazmam?z gerekir. ?lk olarak ie6.css ad?nda bir dosya olu?turuyoruz ve sayfam?z?n head taglar? aras?nda a?a??daki kodu yap??t?r?yoruz. Kod: <!--[if IE 6]> <link href="ie6.css" rel="stylesheet" type="text/css" /> <![endif]--> veya internet explorer 6′da transparan png?lerimiz sorun ??kar?yor ve bunun i?in pngfix.js dosyas?n? kullanmam?z gerekiyor. Kod: <!--[if IE 6]> <script src="jquery.pngFix.js"></script> <script type="text/javascript"> $(function(){ $('#logo').pngFix(); }); </script> <![endif]--> CSS Tools: Reset CSS : ss]/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ??te ko?ullu yorumlar? bu ?ekilde kullan?yoruz, yaz? i?indede bahsetti?im gibi ko?ullu yorumlar yaln?zca internet explorer?da ?al??maktad?r di?er taray?c?lar bu kodlar? yorum olarak g?r?r ve hi? bir i?lem yapmaz. |
Emlak, Oto Galeri, Rent A Car, ?iir, Edebiyat Script Sipari?lerinizi Verebilirsiniz. Detaylar ??in: kaan@ntka.org Seditio 170 ?ndir Capte M?zik ?ndir Seditio Toolbar ?ndir |
 |
 |
