| Üye Paneli | ||
| Give Me Everything | ||
|
||
| CSS Hayat İşte Genel Photoshop MyBB Temalar Özgür Yazım | ||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
| blackinci.com da bir forum sayfası olsun mu? | ||
| admin paneli, ajax, background, css, CSS3, dle, F1, form, forum, giris paneli, gölge, gölgeli yazı, highslide, iphone, md, mybb, mybbdestek, novaboard, oval, Seri 5, seri2, tasarim, tema, transform, vbulletin, Yarış, özellik | ||
| Eylül 2010 (4) Ağustos 2010 (1) Haziran 2010 (1) Mart 2010 (4) Şubat 2010 (2) Ocak 2010 (1) |
||
CSS Display Özellikleri |
||
 Display css de çok amaçlı kullanılan bir koddur haliyle tasarım yaparkende çok işimize yarar genel olarak bilinen inline, block ve none vardır ama display sadece bunlardan ibaret değildir fakat diğer özelliklerinin bir çoğu malesef tarayıcılar tarafından desteklenmemektedir bu yüzden bize gereken özellikle kalın harf yazdığım kodlardır ama diğerlerinede göz atalım img {display: none} yukarıdaki kodumuz herhan gibi bir nesneyi görünmez yapar yani gizler span {display: block} üstteki kodumuz bir nesneyi blok haline getiri nesnelerin satır atlamasını sağlar p {display: inline} üstteki kodumuz satır atlamadan yan yana sıralama yapar li {display: list-item} üstteki kodumuz bir elementi liste gibi sıralar listelerde kullanılır ama başka nesnelerdede kullanılabilir h3 {display: run-in} üstteki kodumuz satır bitişinin en üstüne taşır ama tarayıcılarda çok fark gösteriyor dt {display: compact} üstteki kodumuz css2.1 de kaldırıldı strong {display: marker} üstteki kodumuz css2.1 de kaldırıldı TABLO alttaki kodlarımız tablo için kullanılıyor table {display: table} table {display: inline-table} tbody {display: table-row-group} thead {display: table-header-group} tfoot {display: table-footer-group} tr {display: table-row} colgroup {display: table-column-group} col {display: table-column} th {display: table-cell} caption {display: table-caption} |
||
 |
||||
23 Eylül 2011 20:00 8blackinci demiş ki: Cafer YALÇIN, Cafer bey sitenizi inceledim yapmaya çalıştığınız şey doğru fakat sizin temanızda ki kodlama biraz karışık yada kalabalık desek daha doğru olur logo içerisinde bir çok gereksiz elementler var benim tarayıcım bunları engelliyor göstermiyor mesela toolbar, header-1, header-2, header-3 gibi bir çok element var bunların her birinde de yükseklik değeri verilmiş bu yüzden koymaya çalıştığınız banner veya logo da kayma oluyor |
||||
 |
||||
22 Eylül 2011 22:39 7Cafer YALÇIN demiş ki: arkadaşlar Merhaba. sorunum için konu bulup uygulama yaptım ama, bir yerde tıkalıp kaldım. onun için sizden yardım istiyorum. tema daki banner boyutunu css den arttırdığım zaman büyüyor tamam sorun yok. fakat aşşaya doğru uzayınca alttaki "Top menu" nun üzerine geliyor. onun için nasıl bir kod kullanmamız gerekiyor. #logo a.logo-icon { display: block; width: 700px; height: 150px; background: url(../../../images/yootheme/logo.png) 0 0 no-repeat; } bu css deki bannerin boyutu (ben değiştirdikten sonra). height 55 olunca sorun yok ama büyütünce menünün ,üstünde gözüküyor. sıkıntı oluyor. www.astrologmehmet.com buraya girince tam olarak anlayabilirsiniz beni. (şu an banner orjinal boyutta. yukardaki değere gelince(700*150) alttaki menülerin üstüne geliyor. amacım beyaz kısmı komple banner yaparak aşşa kısmıda uzatmak. bunun için siyah kısmın aşşaya uzaması gerekiyor. ama yapamadım. |
||||
|
||||
15 Mart 2010 19:53 6blackinci demiş ki: Evet tarayıcılar desteklemiyordu ama şimdi bazı tarayıcılar desteklemeye başlamış uyarı için teşekkür ederim |
||||
|
||||
15 Mart 2010 11:01 5SoniQuake demiş ki: Display de şu an display seçicisi için inline-block özelliği de mevcut. Sanırım konuda değinilmemiş ya da güncellenmemiş. display: inline-block; |
||||
|
||||
29 Nisan 2008 17:34 4Aftermath demiş ki: black şahane bi site olmuş.. konuda anlattığın olay hoşuma gitti =) hayırlı olsun kolay gelsin =) |
||||
|
||||
28 Nisan 2008 16:16 3blackinci demiş ki: inline yatay olarark sıralama yapar eğer son yorumlar gibi olsun istiyorsanız display: block olarak atarsanız dikey olarak sıralayabilirsiniz |
||||
|
||||
28 Nisan 2008 02:43 2turgay demiş ki: <div class="navbg"> <div id="navcontainer"> <ul id="navlist"> hocam css kullanarak html de navcontainer üzerinde navlist yazdırmak istiyorum (sitenizdeki 'en son yorumlar' yazısındaki zemin rengi 'ul', her kelimeyi de bir 'li' olarak yazdırmak gibi düşünebilirsiniz). css de yazdığım kod firefox ve oprada düzgün çalışıyor #navcontainer ul li { display: inline; }... ancak explorer da hatalı gösteriyor. acaba sorun neden kaynaklanıyor. baya bi uğraştım explorer da düzgün görüntüyü yakalayamadım. ilginiz için şimdiden teşekkür ederim... |
||||
| Son Yapılan 10 Yorum | ||
|
||
|
Yukarı
İletişim
RSS Takip
İstatistikler
Site İçeriği
Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2 |