«css» etiketlenmiş sorular

CSS (Basamaklı Stil Sayfaları), HTML (Köprü Metni Biçimlendirme Dili), XML (Genişletilebilir İşaretleme Dili) belgelerinin ve SVG öğelerinin renk, düzen, yazı tipi, ve animasyonlar. Ayrıca öğelerin ekranda, kağıtta, konuşmada veya diğer ortamlarda nasıl oluşturulması gerektiğini de açıklar.

10
yüzde olarak çalışmayan satır yüksekliği
Hat yüksekliğiyle ilgili olarak kafamı tam olarak anlayamadığım bir sorun yaşıyorum. Aşağıdaki kod bir görüntüyü bir div içinde ortalayacaktır: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> Bununla birlikte, satır …
87 css 

8
Twitter önyükleme sekmelerini sayfada nasıl ortalayabilirim?
Değiştirilebilir sekmeler oluşturmak için twitter bootstrap kullanıyorum. İşte kullandığım css: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Bu html, sekmeleri doğru bir şekilde görüntüler, ancak sola doğru çekilir (olması gereken budur). Sekmeleri sayfada ortalamak için CSS ile uğraşmayı …

9
Her biri% 50 genişlikte iki satır içi blok eleman, tek bir sıraya yan yana sığmaz
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Yukarıdaki kod, #left div ve #right div'i tek …
87 html  css 


6
İlgili radyo düğmesini seçmek için metne tıklama
PHP kullanarak bir sınav web uygulaması oluşturuyorum. Her soru ayrı bir soru içerir ve kullanıcının cevabını seçmesine izin veren <label>4 olası seçeneği vardır radio buttons. Tek bir soru için mevcut HTML şu şekildedir: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" …

13
CSS kullanarak fareyle üzerine gelindiğinde görüntü üzerinde Yakınlaştırma Etkisi mi oluşturuyorsunuz?
Şu anda dört resmimden birinin üzerine gelindiğinde bir yakınlaştırma efekti oluşturmaya çalışıyorum. Sorun, çoğu örnekte, bir tür efekt uygulamak için genellikle tablolar veya maskeleme div'leri kullanılmasıdır. İşte uygular ne istiyorsunuz bu bir örnek bu . Bu şimdiye kadar benim kodudur. HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img class …
87 html  class  css 

6
Görselin altına metin kaydırmayı durdurmak için CSS
Aşağıdaki işaretlemem var: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Metnin kaydırılması durumunda resmin "sütununa" gitmemesini istiyorum. Bunu a ile yapabileceğimi biliyorum table(bunu yapıyordum) ama bu nedenle bu işe yaramıyor . Aşağıdakileri başarılı olmadan denedim: li span {width: 100px; margin-left: 20px} .fav_star {width: 20px} Ben de …

2
Bir CSS "display: table-column" nasıl çalışır?
Aşağıdaki HTML ve CSS göz önüne alındığında, tarayıcımda kesinlikle hiçbir şey görmüyorum (Chrome ve IE en son yazma sırasında). Her şey 0x0 piksele kadar daralır. Neden? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } …

7
Kalan genişliği dolduracak bir div oluştur
Тот вопрос есть ответы на Stack Overflow için русском : Div. Занять оставшееся место Kalan genişliği nasıl doldurabilirim? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> Kalanı nasıl div2doldurabilirim?
87 html  css 

5
Metin arka planını saydam yapma ancak metnin kendisini değil
Yani bir sorun yaşıyorum. Etrafa baktım ve etrafa baktım ama şansım yok. Vücudumun arka planını şeffaf yapmak, ancak metni şeffaf olmadan bırakmak istiyorum. Şu anda olduğu gibi ikisini de aynı opaklığı yapmaya devam ediyorum. İşte kodum: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; …
87 html  css  text  opacity 

5
Css 'eski' biriminin değeri nedir?
( Popüler bir .Net birim test kitaplığı olan Xunit ile karıştırılmamalıdır .) Bugün can sıkıntısıyla Gmail'lerin DOM'unu incelemeye başladım (evet, çok sıkılmıştım). Belirli öğelerin genişlikleri hakkında ilginç bir özellik fark edene kadar her şey oldukça basit görünüyordu. Ünlü Googlites, nadir bulunan 'eski' birimi kullanarak bir dizi tablo sütunu belirtmişti. width: …

9
Bir öğeye uygulanan tüm CSS kurallarını bulun
Birçok araç / API, belirli sınıfların veya kimliklerin öğelerini seçmenin yollarını sağlar. Tarayıcı tarafından yüklenen ham stil sayfalarını incelemek de mümkündür. Bununla birlikte, tarayıcıların bir öğeyi oluşturması için, tüm CSS kurallarını (muhtemelen farklı stil sayfası dosyalarından) derler ve öğeye uygularlar. Firebug veya WebKit Inspector ile gördüğünüz şey budur - bir …
87 javascript  css 

9
Hiçbir şey yapmayan bir HTML bağlantısı oluşturun (kelimenin tam anlamıyla hiçbir şey)
Hiçbir şey yapmayan bir bağlantı istiyorum. Bunu istemiyorum <a href="#"> çünkü o zaman URL olur something.com/whatever/#. Bir bağlantı istememin tek nedeni, kullanıcının metne tıklayabileceğini görebilmesidir. JavaScript bazı eylemleri gerçekleştirmek için kullanılıyor, bu nedenle hiçbir yere gitmek için bağlantıya ihtiyacım yok ama bir bağlantı gibi görünmesi gerekiyor! Bazı veri özniteliklerini kullanabilir …
87 html  css 

9
div sınıfının stil özniteliğini değiştirmek için jquery
Bunun gibi bir kaydırıcı sınıfım var ve style = "left: 336px" stil özelliğini değiştirmek istiyorum <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> Denedim $('.handle').css({'style':'left: 300px'})ama çalışmıyor. Burada neyi yanlış yaptığımdan emin …
87 javascript  jquery  css 

13
HTML + CSS'de yatay bir menüyü * gerçekten * nasıl yaslayabilirim?
HTML'deki menü çubuklarında çok sayıda öğretici buluyorsunuz, ancak bu özel (IMHO jenerik olsa da) durum için iyi bir çözüm bulamadım: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Değişken sayıda salt metin menü öğesi vardır ve sayfa düzeni akıcıdır. İlk …
87 html  css 

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.