«css» etiketlenmiş sorular

CSS kullanarak liste öğelerimin yatay olarak görünmesini nasıl sağlayabilirim? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> …

106 html  css  html-lists 

Bir listem var ve li'lerin bir float:left;. Sonrasındaki içerikler <ul>doğru şekilde hizalanmalıdır. Bu nedenle aşağıdakileri oluşturabilirim: http://jsfiddle.net/8unU8/ Şöyle <div class="clear">sözde seçicileri kullanarak kaldırabileceğimi düşündüm : after. Ancak örnek işe yaramıyor: http://jsfiddle.net/EyNnk/ Kayan öğeleri temizlemek için her zaman ayrı bir div oluşturmam gerekir mi?

106 html  css 

Aşağıdaki resimdeki gibi bir metin bloğu tasarlamak istiyorum: Bunun mümkün olup olmadığını sorguluyor musunuz?

106 html  css 

CMS'mizde bir editörümüz var. Son kullanıcılarımız bu editör aracılığıyla bazı uzun makaleler girecek. Bu makalelerdeki tirelerde satır kesilmesini önlemek için bir yola ihtiyacımız var. Tüm tarayıcılarda tirelerde satır kesilmesini önlemek için herhangi bir yol var mı? veya editörün bunu önleme seçeneği var mı?

106 html  css 

overflow:hiddenİçerisine kullanıcı yazarken bir telefon numarası gösterdiğim bir div var . Div içindeki metin sağa hizalanır ve metin sola doğru büyüdükçe gelen karakterler sağa eklenir. Ancak metin div'e sığmayacak kadar büyük olduğunda, sayının son karakterleri otomatik olarak kırpılır ve kullanıcı yazdığı yeni karakterleri göremez. Div'in içeriğinin en sağını göstermesi ve …

106 css  html  overflow 

Bir paragrafın ikinci satırından başlayarak nasıl girintileme yapabilirim? denedim p { text-indent: 200px; } p:first-line { text-indent: 0; } ve p { margin-left: 200px; } p:first-line { margin-left: 0; } ve (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

106 html  css  text  pseudo-class  indentation 

CSS3 animasyonuyla ilgili bir sorunum var. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Bu kod yalnızca değişikliklerini kaldırırsam çalışır display. Fareyle üzerine geldikten hemen sonra ekranı değiştirmek istiyorum, ancak opaklık …

106 animation  css 

Flexbox kullanarak tam yükseklikte bir uygulama kullanmak istiyorum. display: box;Bu bağlantıda eski flexbox düzen modülünü ( ve diğer şeyleri) kullanarak istediğimi buldum : CSS3 Flexbox tam boy uygulaması ve taşma Bu, yalnızca flexbox CSS özelliklerinin eski sürümünü destekleyen tarayıcılar için doğru bir çözümdür. İle bir kap kullanılarak: Ben daha yeni …

106 html  css  flexbox 

Daha önce benim varsayımım width: auto, genişliğin içeriğin genişliğine ayarlanmasıydı. Şimdi ebeveynin tüm genişliğini kapladığını görüyorum. Biri bunlar arasındaki farkları açıklayabilir mi?

106 html  css 

Bir dev sitesinde fancybox2 uyguladım. Fantezi kutucuğunu devreye aldığımda (bağlantıya tıkladığımda vb.) Tüm html arkasına geçer ve en üste gider. Başka bir demoda iyi çalışıyor, ancak aynı kodu bu projeye sürüklediğimde en üste atlıyor. Yalnızca satır içi div'lere bağlantılarla değil, aynı zamanda basit resim galerisi için de. Bunu deneyimleyen oldu …

105 jquery  css  fancybox-2 

400px x 400px olarak ayarlanmış bir "mapwrap" div var ve bunun içinde% 100 x% 100 olarak ayarlanmış bir Google "haritam" var. Bu yüzden harita 400 x 400 piksel boyutunda yükleniyor, ardından JavaScript ile 'mapwrap'ı ekranın% 100 x% 100'üne yeniden boyutlandırıyorum - google haritası beklediğim gibi tüm ekrana yeniden boyutlandırılıyor, ancak …

105 javascript  css  google-maps 

CSS ile tüm girdileri türlerine göre hedeflemenin bir yolu var mı? Çeşitli devre dışı bırakılmış form öğelerinde kullandığım devre dışı bırakılmış bir sınıfım var ve metin kutuları için arka plan rengini ayarlıyorum, ancak onay kutularının bu rengi almasını istemiyorum. Bunu ayrı sınıflarla yapabileceğimi biliyorum ama mümkünse CSS kullanmayı tercih ederim. …

105 css  internet-explorer  css-selectors 

Yer kaplamaması için bir HTML tablosu satırını nasıl gizleyebilirim <tr>? Birkaç var <tr>etmek 'ın setini style="display:none;", ama yine de tablonun büyüklüğü ve tablonun sınır gizli satırlar yansıtmaktadır etkiler.

105 html  css  html-table 

Satır içi CSS değerlerini javascript ile ayarlamak kolaydır. Genişliği değiştirmek istersem ve bunun gibi html'im varsa: <div style="width: 10px"></div> Tek yapmam gereken: document.getElementById('id').style.width = value; Satır içi stil sayfası değerlerini değiştirecektir. Normalde bu bir sorun değildir çünkü satır içi stil, stil sayfasını geçersiz kılar. Misal: <style> #tId { width: 50%; …

105 javascript  html  css  ajax  dom 

Bir süredir çözüm arıyordum ama hiçbir şey bulamadım. Belki sadece arama terimlerimdir. Ben de tuval merkezini tarayıcı penceresinin boyutuna göre yapmaya çalışıyorum. Tuval 800x600 boyutundadır. Pencere 800x600'ün altına düşerse, yeniden boyutlandırılmalıdır (ancak şu anda bu çok önemli değil)

105 html  canvas  css  resize