Programlama css

7

Dahili bir stil sayfası kullanan bir html e-postası oluşturuyorum, yani <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Gmail'de görüntülendiğinde, dahili stil sayfasındaki tüm stillerin göz ardı edildiği görülüyor. Görünüşe göre Gmail, satır içi kurallar dışındaki tüm stilleri yok sayıyor, …

99 html css gmail html-email

8

Google Chrome Uzantıları - CSS ile yerel resimler yüklenemiyor

Bir web sitesini değiştirmek için içerik komut dosyası özelliğini kullanan basit bir Chrome uzantım var. Daha spesifik olarak, background-imagesöz konusu web sitesinin. Bazı nedenlerden dolayı, uzantı içinde paketlenmiş olsalar bile yerel resimleri kullanamıyorum. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } İşte bu, en basit CSS ... ama …

99 css google-chrome-extension background-image

11

CSS ile eğik olarak nasıl grev yapılır

Bunun gibi bir şeye ihtiyacım var: Bunu css ile nasıl başarabilirim? Bunun bir yolunun arka plan görüntüsü kullanmak olduğunu biliyorum, ancak bunu yalnızca herhangi bir görüntü olmadan css ile başarabilir miyim?

99 html css image strikethrough

8

Görüntüyü CSS FlexBox Düzeninde Otomatik Olarak Yeniden Boyutlandırmak ve En Boy Oranını korumak mı?

Aşağıda gösterildiği gibi görünen CSS esnek kutu düzenini kullandım: Ekran küçülürse şuna dönüşür: Sorun, görüntülerin orijinal görüntüden en boy oranı korunarak yeniden boyutlandırılmamasıdır. Ekran küçülürse görüntülerin yeniden boyutlandırılmasına izin vermek için saf CSS ve esnek kutu düzenini kullanmak mümkün müdür? İşte benim html'im: <div class="content"> <div class="row"> <div class="cell"> <img …

99 html css flexbox

11

tablonun satırında sayfa sonundan kaçının

Html'yi wkhtmltopdf ile PDF'ye dönüştürdüğümde, html'deki tablonun satırında sayfa kırılmasını önlemek istiyorum. Sayfa içi kullanıyorum: tablo işlerinden kaçının, ancak çok fazla satırım var, o zaman çalışmıyor. Tr'nin görüntülenmesini blok veya başka bir şey olarak ayarlarsanız , tablonun biçimlendirmesini değiştirir ve çift kenarlık ekler. Veya tablonun bölündüğü her sayfaya tablo başlığını …

99 html css wkhtmltopdf

10

CSS tablo düzeni: tablo satırı neden bir marj kabul etmiyor?

.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …

99 html css

6

Şamandırayı hizalama: div'i merkeze mi?

Bir grup görüntünün sayfada yatay olarak görüntülenmesini istiyorum. Her görüntünün altında birkaç bağlantı var, bu yüzden her görüntü / bağlantı grubunun etrafına bir kap koymam gerekiyor. İstediğim şeye en çok yaklaştığım şey onları float: left div'lere koymak. Sorun şu ki, kapların sola değil merkeze hizalanmasını istiyorum. Bunu nasıl başarabilirim.

99 html css

11

İki renkli kenarlık

Müşteri, kabartmalı bir görünüm için iki renkli kenarlık istiyor. Bunu tek bir unsurda yapabilir miyim? İki DOM öğesini ayrı sınırlarla istiflemekten kaçınmayı umuyordum.

99 css border

6

: ilk çocuk beklendiği gibi çalışmıyor

Bir sınıf denilen a h1içindeki ilkini seçmeye çalışıyorum . Bunun içindeki ilk unsursa işe yarar , ancak bundan sonra gelirse işe yaramaz.divdetail_containerh1divul <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> Bunun h1neresinde olursa olsun sahip …

99 css css-selectors

14

TypeError: $ (…) .modal, bootstrap Modal ile bir işlev değildir

Başka bir görünümün HTML'sine dinamik olarak eklemeye çalıştığım bir önyükleme 2.32 modal var. Codeigniter 2.1 ile çalışıyorum. Aşağıdaki dinamik bir görünüme, bir ön yükleme kalıcı kısmi görünüşünü sokulması , var: <div id="modal_target"></div> ekleme için hedef div olarak. Benim görüşümde şuna benzeyen bir düğme var: <a href="#message" class="btn btn-large btn-info" data-action="Message" …

99 javascript jquery css twitter-bootstrap twitter-bootstrap-2

13

TBODY öğeleri arasında nasıl boşluk bırakılır

Bunun gibi bir masam var: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> Her tbody öğesi arasına biraz boşluk koymak istiyorum, ancak dolgu ve kenar boşluğunun bir etkisi yoktur. …

99 html css

8

% 100 genişliğe sahip olmayan ekran bloğu

Display özelliğini kullanarak bir span öğesini başka bir öğenin altında görünecek şekilde ayarlamak istiyorum. Satır içi blok uygulamayı denedim, ancak başarılı olamadım ve bir şekilde öğeye% 100 genişlik vermekten kaçınmayı başarırsam bloğu kullanabileceğimi düşündüm (öğenin "uzamasını" istemiyorum). Bu yapılabilir mi, yoksa, bu tür bir sorunu çözmek için iyi bir uygulama …

99 html width block css

7

Tek bir öğeye iki CSS sınıfı nasıl uygulanır

Tek bir div veya span veya herhangi bir html öğesine 2 sınıf uygulayabilir miyim? Örneğin: <a class="c1" class="c2">aa</a> Denedim ve benim durumumda c2 uygulanmıyor. Her iki sınıfı aynı anda nasıl uygulayabilirim?

99 html css

13

Bootstrap 4 duyarlı tablolar% 100 genişliğe sahip olmayacak

Bootstrap 4 kullanarak bir web uygulaması oluşturuyorum ve bazı tuhaf sorunlarla karşılaşıyorum. Mobil cihazlarda tabloların yatay kaydırılmasına izin vermek için Bootstrap'in tabloya duyarlı sınıfından yararlanmak istiyorum. Masaüstü cihazlarda, tablo, içeren DIV genişliğinin% 100'ünü kaplamalıdır. .Table-responsive sınıfını masama uyguladığım anda, tablo yatay olarak küçülüyor ve artık genişliğin% 100'ünü kaplamıyor. Herhangi bir …

99 css bootstrap-4

3

gerekmediğinde dikey kaydırma çubuğu nasıl gizlenir

Jquery ipucum olduğu ve sınırı değiştirmeden opaklığı kullanmak istediğim için bir div içinde bulunan bir metin alanım var. Görünür bir dikey kaydırma çubuğu var, bunun yalnızca metin alanına yazarken görüntülenmesini istiyorum ve kabın ötesine geçiyor. Taşmayı denedim: auto; ama çalışmıyor. Metin alanı: <label> <div id="name"> <textarea name="message" type="text" id="message" title="Enter …

99 html css forms

«css» etiketlenmiş sorular