«css» etiketlenmiş sorular

Sadece CSS ile bir slayt geçişi oluşturmak için çapraz tarayıcı çözümü var mı, javascript yok? Aşağıda html içeriğine bir örnek verilmiştir: <div> <img id="slide" src="http://.../img.jpg /> </div>

178 css  css-transitions 

Tasarımını yaptığım bir site için Bootstrap 3 kullanıyorum. Bu örnek gibi bir altbilgiye sahip olmak istiyorum. Örneklem SABİT istemediğimi lütfen unutmayın, bu yüzden bootstrap navbar sabit alt benim sorunumu çözmez. Sadece her zaman içeriğin altında olmasını ve aynı zamanda duyarlı olmasını istiyorum. Herhangi bir rehber çok takdir edilecektir. DÜZENLE: Açık …

177 html  css  twitter-bootstrap  footer 

Bir div'ım var ve yatay olarak ortalanmasını istiyorum - her ne kadar vermeme rağmen margin:0 auto;ortalanmış değil ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

Bir merminin <li>bir <ol>veya içinde sağa ne kadar yatay alan ittiğini kontrol etmek istiyorum <ul>. Yani, her zaman sahip olmak yerine * Some list text goes here. Bunu değiştirebilmek istiyorum * Some list text goes here. veya *Some list text goes here. Etrafa baktım, ancak tüm bloğu sola veya sağa …

177 html  css  html-lists 

Ben create-tepki-app kullanıyorum ve tercih etmiyorum eject. @ Font-face üzerinden içe aktarılan ve yerel olarak yüklenen fontların nereye gitmesi gerektiği açık değildir. Yani, yüklüyorum @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Baska öneri? -- DÜZENLE Dan'ın cevabına atıfta bulunduğu gist …

177 css  reactjs  fonts  webpack  create-react-app 

Bu şirkette yeniyim ve kilometrelerce css kullanan bir ürünümüz var. Bizim uygulaması için yazdırılabilir stil yapmak çalışılıyor ama sorun yaşıyorum background-coloriçinde @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Diğer her şey işe yarıyor, sınırları değiştirebilirim ve böyle ama background-colorbaskıda gelmeyecek. …

176 css  media-queries 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> Bu benim CSS betiğim .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } background-imageTüm <td>hücrenin üzerine uzanmak istiyorum

176 html  css  background 

Şu anda CSS stillerini uyguladığım HTML üzerinde hiçbir kontrole sahip olmadığım bir proje üzerinde çalışıyorum. Ve HTML, öğeler arasında ayrım yapmak için yeterli kimlik ve sınıf bildirimi olmadığı için çok iyi etiketlenmemiştir. Yani, id veya sınıf özniteliği olmayan nesnelere stil uygulayabileceğim yollar arıyorum. Bazen, form öğelerinin "name" veya "value" özelliği …

176 html  css  css-selectors 

Aşağıdaki snippet'i düşünün: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text …

176 css  internet-explorer  flexbox  internet-explorer-11 

Ben <div>CSS belirli bir yüzde yüksekliğine ayarlamak için çalışıyorum , ama sadece içindeki içerikle aynı boyutta kalır. <!DOCTYTPE html>Ancak HTML 5'i <div>kaldırdığımda, tüm sayfayı istediğiniz gibi alarak çalışır . Sayfanın doğrulanmasını istiyorum, ne yapmalıyım? Ben <div>bir kimliği vardır, bu CSS var page: #page { padding: 10px; background-color: white; height: 90% …

176 html  css  height 

Bir sayfada blok öğeleri koleksiyonum var. Hepsinde beyaz boşluk, taşma, metin taşması ayarlanmış CSS kuralları vardır, böylece taşan metin kesilir ve üç nokta kullanılır. Ancak, tüm öğeler taşmaz. Yine de hangi öğeleri taşan algılamak için javascript kullanabilirsiniz? Teşekkürler. Eklendi: örnek HTML yapısı ile çalışıyorum. <td><span>Normal text</span></td> <td><span>Long text that will …

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Seçmek istiyorum #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } div.somethingCommentList'te gerçek bir son çocuğum olduğu sürece bu işe yaramaz. Bu durumda son görünümünü seçmek …

176 html  css  css-selectors 

CSS (veya başka bir sözde seçici) :afterile birleştirmek istiyorum :hover. Temelde bir liste var ve selectedsınıf öğeyi kullanarak uygulanan bir ok şekli vardır :after. Üzerine gelinen ancak tam olarak çalışamayan nesneler için de aynısını istiyorum. Heres kodu #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: …

176 css  css-selectors  pseudo-element 

Bu basit olmalı, ancak bunun için arama terimlerini bulmakta sorun yaşıyorum. Diyelim ki bende: <div class="a c">Foo</div> <div class="b c">Bar</div> CSS'de, "(.a veya .b) ve .c" ile eşleşen bir seçiciyi nasıl oluşturabilirim? Bunu yapabileceğimi biliyorum: .a.c,.b.c { /* CSS stuff */ } Ancak, bu tür bir mantığı çok çeşitli mantıksal …

176 html  css  css-selectors 

Şu anda Twitter Bootstrap kullanarak duyarlı bir site geliştiriyorum. Site, mobil / tablet / masaüstünde tam ekran arka plan resmine sahiptir. Bu görüntüler iki div kullanarak her biri arasında döner ve kaybolur. Bir sorun dışında neredeyse mükemmel. Android'de iOS Safari, Android Tarayıcı veya Chrome kullanarak, kullanıcı sayfayı aşağı kaydırdığında arka …

176 android  html  ios  css  twitter-bootstrap-3