«css» etiketlenmiş sorular

Aşağıdaki biçimlendirme göz önüne alındığında, bir hücreyi (sütundaki tüm hücreler) genişletmek yerine (varsayılan davranış olan) içeriğin genişliğine sığdırmak için CSS'yi nasıl kullanabilirim? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> <tr> <td class="block">this should stretch</td> <td class="block">this should stretch</td> <td class="block">this should be the content …

266 html  css  html-table 

Bir ana bileşenim var: <parent></parent> Ve bu grubu alt bileşenlerle doldurmak istiyorum: <parent> <child></child> <child></child> <child></child> </parent> Üst şablon: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Alt şablon: <div class="child">Test</div> Yana parentve childiki ayrı bileşenler vardır, onların stilleri kendi kapsamı kilitlenmiştir. Ana bileşenimde yapmayı denedim: .parent .child { …

266 css  angular  angular-components 

CSS referanslar görebileceğiniz görüntü saydamlığını ayarlamak için nasıl ve ne kadar bir arka plan görüntüsü ayarlamak için . Ancak şeffaf bir arka plan görüntüsü ayarlamak için bu ikisini nasıl birleştirebilirim? Arka plan olarak kullanmak istediğim bir görüntüm var, ama çok parlak - opaklığı yaklaşık 0.2'ye düşürmek istiyorum. Bunu nasıl yapabilirim? …

264 css 

Herhangi bir <a>nedenden dolayı ikonumu bir etikete sarmam gerekiyor. Yazı tipi harika bir simgenin rengini siyaha dönüştürmenin olası bir yolu var mı? veya bir <a>etikete sarıldığı sürece imkansız mı? Harika yazı tipi görüntü değil yazı tipi olması gerekiyordu, değil mi? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

264 html  css  font-awesome 

Bu denedim ( buraya bakın ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } Aslında, pencere küçük yapıldığında açıklığın üç nokta ile küçülmesini istiyorum. Neyi yanlış yaptım?

264 html  css 

İçinde <td>devre dışı bırakmam gereken bir bağlantı düğmesi var. Bu IE üzerinde çalışıyor ancak Firefox ve Chrome'da çalışmıyor. Yapı - İçindeki bağlantı a <td>. İçine herhangi bir kap ekleyemiyorum<td>(Div / span gibi) içine Aşağıdakilerin hepsini denedim ancak Firefox'ta çalışmıyor (1.4.2 js kullanarak): $(td).children().each(function () { $(this).attr('disabled', 'disabled'); }); $(td).children().attr('disabled', 'disabled'); …

263 javascript  jquery  html  css 

<br>'S ile alt paragraflara bölünmüş metin büyük bir paragraf var : <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Bu alt paragraflar arasındaki boşluğu genişletmek istiyorum <br>. Bunu yapmanın doğru yolunu kullanmak olduğunu biliyorum <p></p>, ama şu anda bu …

263 html  css 

:beforeBir görüntüyü başka bir görüntünün üzerine yerleştirmek için seçiciyi kullanmaya çalışıyorum , ancak bir imgöğenin önüne bir görüntü yerleştirmek için işe yaramadığını görüyorum , sadece başka bir öğe. Özellikle, stillerim: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } ve bunun işe …

262 html  css 

CSS Div'i sayfanın altına it Lütfen bu bağlantıya bakın, tam tersini istiyorum: İçerik kaydırma çubuklarına taştığında, altbilgimin her zaman sayfanın tam alt kısmında, Yığın Taşması gibi olmasını istiyorum. Bir div var id="footer"ve bu CSS: #footer { position: absolute; bottom: 30px; width: 100%; } Ancak tek yaptığı, görünüm penceresinin altına gitmek …

261 css  positioning  css-position  footer 

Birçok satır içeren bir HTML tablosu yazdırmayı gerektiren bir proje var. Benim sorunum tablonun birden fazla sayfaya yazdırılma şeklidir. Bazen bir satırı ikiye böler, bu da okunamaz hale gelir, çünkü yarısı bir sayfanın kanayan kenarında ve geri kalanı bir sonraki sayfanın üstüne yazdırılır. Aklıma gelen tek mantıklı çözüm, bir tablo …

261 html  css  printing  html-table 

Liste madde işaretleri veya ondalık sayılar tüm üstün metin blokları ile aynı hizada olan bir "iç" listesine sahip olmak istiyorum. Liste girişlerinin ikinci satırları, ilk satırla aynı girintiye sahip olmalıdır! Örneğin: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque …

261 html  css  html-lists 

Sayfamla dinamik olarak yeniden boyutlandırılacak 8 öğeyi görüntülemek için bir esnek kutu kullanıyorum. Öğeleri iki satıra bölmeye nasıl zorlarım? (Sıra başına 4)? Alakalı bir ekran alıntısı: (Veya jsfiddle'ı tercih ederseniz - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; …

261 html  css  flexbox 

Bootstrap 3 tablosunu kullanarak sabit başlık ve kaydırılabilir içerikli bir tablo yapmaya çalışıyorum. Ne yazık ki bulduğum çözümler bootstrap ile çalışmıyor veya stili bozuyor. Burada basit bir bootstrap masası var, ama bazı nedenlerden dolayı bilinmeyen tbody yüksekliği 10px değil. height: 10px !important; overflow: scroll; Misal: <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table …

261 html  css  twitter-bootstrap  html-table 

Ben göstermek / jQuery tarafından olmayan bir CSS sınıfı aracılığıyla tam bir sütun gizlemek bir tablo var: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> Bu DOM ile bunu jQuery ile bir satırda yapabilirsiniz: …

260 html  css  w3c-validation  web-standards 

Bir banner ve iframe içeren bir web sayfası tasarlamak istiyorum. Umarım iframe kalan tüm sayfa yüksekliğini doldurabilir ve tarayıcı yeniden boyutlandırılırken otomatik olarak yeniden boyutlandırılabilir. Javascript kodu yazmadan, sadece CSS ile yapılabilir mi? height:100%Iframe üzerinde ayarlamayı denedim , sonuç oldukça yakın, ancak iframe 30pxbanner div öğesinin yüksekliği de dahil olmak …

260 html  css  iframe