«css» etiketlenmiş sorular

Ben bir konteyner div, böyle bir şey içinde hizalanmış 3 div istiyorum: [[LEFT] [CENTER] [RIGHT]] Kapsayıcı bölmesi% 100 genişliğindedir (ayarlı genişlik yok) ve kapsayıcı yeniden boyutlandırıldıktan sonra orta bölme ortada kalmalıdır. Ben de ayarladım: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Ama olur: [[LEFT] [CENTER] ] [RIGHT] Herhangi bir ipucu?

392 html  css  flexbox  alignment  css-float 

Nasıl daraltılmış durumdan genişletilmiş (ve tam tersi) bir div gitmek olabilir, ama bunu sağdan sola nasıl yapabilirim? Orada gördüğüm çoğu şey her zaman soldan sağa.

390 jquery  html  css  jquery-ui  position 

Bir HTML sayfasının örneğin MS Word'deki A4 boyutlu bir sayfa gibi davranmasını sağlamak mümkün müdür? Esasen, HTML sayfasını tarayıcıda gösterebilmek ve içeriği A4 boyutunda bir sayfanın boyutlarında özetlemek istiyorum. Basitlik adına, HTML sayfasının yalnızca metin içerdiğini (resim vb.) Ve <br>örneğin etiket olmayacağını varsayıyorum . Ayrıca, HTML sayfası yazdırıldığında, A4 boyutlu …

388 html  css  printing 

Bu muhtemelen aptalca bir soru ama bir görüntüyü hizalamanın her zamanki yolları işe yaramadığından soracağımı düşündüm. Bir görüntüyü kapsayıcı div içinde nasıl hizalayabilir (yatay olarak)? İşte HTML ve CSS. Küçük resmin diğer öğeleri için CSS'yi de ekledim. Azalan sırada çalışır, böylece en yüksek eleman her şeyin kabıdır ve en düşük …

387 html  css 

CSS ile arka plan resminin boyutunu ayarlamak mümkün müdür? Gibi bir şey yapmak istiyorum: background: url('bg.gif') top repeat-y; background-size: 490px; Ama öyle yapmak tamamen yanlış gibi görünüyor ...

386 css 

3 x 3 bir tablo var. Her satırın alt için bir kenarlık eklemek trve belirli bir renk vermek için bir yol gerekir . İlk önce doğrudan yolu denedim, yani: <tr style="border-bottom:1pt solid black;"> Ama bu işe yaramadı. Bu yüzden böyle CSS ekledim: tr { border-bottom: 1pt solid black; } Bu …

386 html  css  html-table 

StackOverflow ile ilgili olarak offsetWidth / clientWidth / scrollWidth (ve -Height, sırasıyla) ile ilgili birkaç soru vardır, ancak hiçbiri bu değerlerin ne olduğu hakkında kapsamlı bir açıklama yapmaz. Ayrıca, web'de kafa karıştırıcı veya yanlış bilgi veren çeşitli kaynaklar vardır. Bazı görsel ipuçları da dahil olmak üzere tam bir açıklama yapabilir …

385 html  css  dom 

Sırasız bir listede: <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> Sınıf veya stil niteliği eklemeye izin verilir, ancak metni doldurmaya ve etiket eklemeye veya değiştirmeye izin verilmez. Sayfa Courier New ile oluşturuluyor. Amaç, dizilişten sonra metin elde etmektir. The lazy dog. AND The lazy cat. …

381 html  css 

gulpTarayıcı değişiklikleri benim senkronize tutmak için derleme ve tarayıcı senkronizasyonu için kullanılan bir web sitesi üzerinde çalışıyorum . Yoksul görev her şeyi düzgün bir şekilde derler, ancak web sitesinde herhangi bir stil göremiyorum ve konsol şu hata mesajını gösteriyor: MIME türü ('text / html') desteklenen bir stil sayfası MIME türü …

381 html  css  gulp  mime-types  browser-sync 

Css3 kullanarak bir svg öğesi için alt gölge ayarlamak mümkün müdür, box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Filtre efektleri kullanarak gölge oluşturma konusunda bazı açıklamalar gördüm. Yalnız css kullanmanın bir örneği var mı? Aşağıda, cusor stilinin doğru uygulandığı, ancak gölge efekti bulunmayan bir çalışma kodu bulunmaktadır. …

379 html  css  svg  svg-filters 

Sayfanın http://www.workingstorage.com/Sample.htmalt kısmında oturup yapamayacağım bir altbilgiye sahip olan aşağıdaki sayfaya (deadlink:) sahiptim . Altbilginin yapmasını istiyorum sayfa kısa olduğunda ve ekran doldurulmadığında pencerenin altına yapıştırma ve fazla içerik olduğunda (içeriğin üst üste binmek yerine) belge sonunda kalın ve normal şekilde aşağıya doğru hareket edin. CSS kalıtsaldır ve beni kandırır; …

379 css  footer 

imageUrlDeğişken bir resim URL'si var ve jQuery kullanarak, CSS stili olarak ayarlamaya çalışıyorum: $('myObject').css('background-image', imageUrl); Bu çalışmıyor gibi görünüyor: console.log($('myObject').css('background-image')); döner none. Herhangi bir fikrim var, ne yanlış yapıyorum?

378 javascript  jquery  css 

Ben gibi bir konteyner ile basit bir esnek kutu düzeni var: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Şimdi son satırdaki öğelerin diğeriyle hizalanmasını istiyorum. justify-content: space-between;kullanılmalıdır çünkü ızgaranın genişliği ve yüksekliği ayarlanabilir. Şu anda benziyor Burada, sağ alttaki öğenin "orta sütun" içinde olmasını istiyorum. Bunu başarmanın …

378 css  flexbox  grid-layout 

Bu yuvalanmış div var ve içinde DIVs karşılamak için (yükseklik) genişletmek için ana konteyner gerekir <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accommodate inner divs --> …

376 css  height 

Bootstrap 3 varsayılan gezinme çubuğunu metin markası yerine resim logolu kullanmak istiyorum. Farklı ekran boyutlarında herhangi bir soruna neden olmadan bunu yapmanın uygun yolu nedir? Bu ortak bir gereksinimi varsayalım, ama henüz iyi bir kod örneği görmedim. Tüm ekran boyutlarında kabul edilebilir bir görüntü göstermekten başka önemli bir gereklilik, daha …

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar