«css» etiketlenmiş sorular

Başka bir div içinde iki div var ve bir div div üst div div üst sağa ve diğer child div css kullanarak üst div div altına konumlandırmak istiyorum. Yani, iki alt div ile mutlak konumlandırma kullanmak istiyorum, ancak onları sayfa yerine ana div ile göreceli olarak konumlandırmak istiyorum. Bunu nasıl …

459 html  css 

Bir Flexbox içindeki bir flex öğesinin dikey alanını doldurmaya çalışıyorum. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } <div class="container"> <div class="flex-1"></div> …

459 css  flexbox 

Bir stiliniz ve işaretlemeniz olduğunu varsayalım: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> …

455 html  css  overflow 

@ Font-face CSS kuralı için MDC sayfasına bakıyorum ama bir şey elde edemiyorum. Kalın , italik ve kalın + italik için ayrı dosyalarım var . Üç dosyayı da tek bir @font-facekurala nasıl ekleyebilirim ? Örneğin, ben varsa: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { font-family: "DejaVu …

454 fonts  css  font-face 

Hem kullanıcı arayüzü hem de Core için jQuery lib'i indirmek için Google'ı kullanmayı planlıyorum. Sorum şu: CSS'yi indirmeme izin veriyorlar mı yoksa kendim barındırmam gerekiyor mu? Ayrıca Google'ı yüklemek için kullanırsam diğer eklentileri nasıl yüklemeliyim? Tüm eklentileri birlikte sıkıştırabilir miyim yoksa kendi ayrı dosyası mı olmalı?

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

Sayfa yapısı olarak var: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Şimdi, child-leftDIV daha fazla içeriğe sahip olacaktır, bu nedenle parentDIV'nin yüksekliği çocuk DIV'ye göre artar. Fakat sorun şu ki, child-rightyükseklik artmıyor. Yüksekliğini ebeveyne eşit hale nasıl getirebilirim?

451 html  css  layout 

Ben buna izin veren ama henüz bir tane bulamadım "lightbox" tipi bir çözüm arıyordum (lütfen, eğer herhangi birini biliyorsanız öneririz). Yeniden oluşturmaya çalıştığım davranış , bir resme tıkladığınızda Pinterest'te gördüğünüz gibi . Kaplama kaydırılabilir ( tüm kaplamada olduğu gibi sayfanın üstündeki bir sayfa gibi yukarı kayar ) ancak kaplamanın arkasındaki …

446 css  overlay  lightbox 

Bazı blocköğelerde bir kutu gölgesi oluşturmam gerekiyor , ancak yalnızca (örneğin) sağ tarafında. Bunu yapmanın yolu, iç elemanı box-shadowbir dış elemanla sarmaktır padding-rightve overflow:hidden;böylece gölgenin diğer üç tarafı görünmez. Bunu başarmanın daha iyi bir yolu var mı? Gibi box-shadow-rightmi? DÜZENLEME : Niyetlerim gölgenin sadece dikey kısmını oluşturmak . repeat-yKuralın background:url(shadow.png) …

445 css  shadow  box-shadow 

Belirtilen div'i nasıl yazdırabilirim (sayfadaki diğer tüm içeriği el ile devre dışı bırakmadan)? Yeni bir önizleme iletişim kutusundan kaçınmak istiyorum, bu nedenle bu içerikle yeni bir pencere oluşturmak yararlı değildir. Sayfa birkaç tablo içeriyor, bunlardan biri yazdırmak istediğim div'ı içeriyor - tablo, web için görsel stillerle biçimlendirilmiş, baskıda gösterilmemelidir.

444 javascript  css  printing  dhtml 

Bir arka plan resmini, öğesinin sağından belirli sayıda piksel konumlandırmanın bir yolu var mı? Örneğin, soldan belirli sayıda piksel (diyelim, 10) gibi bir şeyi konumlandırmak için şunu yapardım: #myElement { background-position: 10px 0; }

443 css 

CSS geçişleri, bir metin paragrafının sayfa yüklenirken solmasına izin vermek için kullanılabilir mi? Http://dotmailapp.com/ adresinde nasıl göründüğünü çok seviyorum seviyorum ve CSS kullanarak benzer bir efekt kullanmak . Alan adı o zamandan beri satın alındı ​​ve artık söz konusu etkiye sahip değil. Arşivlenmiş bir kopya Wayback Machine'de görüntülenebilir . örnekleme …

442 css  css-transitions  opacity 

Yan yana iki divim var. Bunların yüksekliğinin aynı olmasını ve onlardan biri yeniden boyutlandırılırsa aynı kalmasını istiyorum. Bunu anlayamıyorum. Fikirler? Kafa karıştırıcı sorumu açıklığa kavuşturmak için, her iki kutunun da her zaman aynı boyutta olmasını istiyorum, bu yüzden metin içine yerleştirildiği için büyürse, diğeri yüksekliğe uyacak şekilde büyümelidir. <div style="overflow: …

441 html  css  html-table  flexbox 

Çevrimiçi yazı tipi denemeleri gerektiren bir web sitesi üzerinde çalışıyorum, tüm fontlar .otf Yazı tiplerini gömmenin ve tüm tarayıcılarda çalışmasını sağlamanın bir yolu var mı? Değilse, başka hangi alternatiflerim var?

440 html  css  fonts  font-face 

Web sayfasını yazdırmak için web sayfamda bir link var. Ancak bağlantı, çıktının kendisinde de görülebilir. Yazdır bağlantısını tıkladığımda bağlantı düğmesini gizleyecek javascript veya HTML kodu var mı? Misal: "Good Evening" Print (click Here To Print) "İyi akşamlar" metnini yazdırdığında bu "Yazdır" etiketini gizlemek istiyorum. "Yazdır" etiketi çıktıda görünmemelidir.

440 css  printing 

Birkaç Bootstrap 'Modals' ile bir bootstrap web sitesi yapıyorum. Bazı varsayılan özellikleri özelleştirmeye çalışıyorum. Sorun şu; Arka plana tıklayarak modeli kapatabilirsiniz. Bu özelliği devre dışı bırakmanın bir yolu var mı? Yalnızca özel modlarda? Bootstrap kalıcı sayfası

440 javascript  css  twitter-bootstrap  modal-dialog