«html» etiketlenmiş sorular

Thymeleaf ile data- * özniteliğini ayarlayabilir miyim? Timeleaf belgelerinden anladığım gibi denedim: <div th:data-el_id="${element.getId()}"> <!-- doesn't work --> <div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

127 html  thymeleaf 

Kullanıcının bir sayfaya sürükle-bırak ve diğer yöntemlerle resimleri yüklemesine izin veriyorum. Bir görüntü düştüğünde, URL.createObjectURLgörüntüyü görüntülemek için bir nesne URL'sine dönüştürmek için kullanıyorum . Yeniden kullandığım için url'yi iptal etmiyorum. Dolayısıyla, bir FormDatanesne oluşturma zamanı geldiğinde , bu resimlerden birini içeren bir form yüklemelerine izin verebiliyorum, bu Nesne URL'sini bir …

127 javascript  html  fileapi  blobs 

Yatay kuralımın üst dolguyu yok saymasını sağlamaya çalışıyorum. İşte sahip olduğum şeyin basit bir örneği: #parent { padding:10px; width:100px; } hr { width:100px; } Yatay kuralın ebeveynden 10px kadar genişlediğini göreceksiniz. Üst div'deki diğer her şeyin ihtiyaç duyduğu dolguyu görmezden gelmesini sağlamaya çalışıyorum. Diğer her şey için ayrı bir div …

127 html  css 

Örneğin bir div içindeki satırları saymanın bir yolu olup olmadığını merak ediyorum. Diyelim ki böyle bir div var: <div id="content">hello how are you?</div> Birçok faktöre bağlı olarak, div bir veya iki hatta dört satırlık bir metne sahip olabilir. Senaryoyu bilmenin bir yolu var mı? Başka bir deyişle, otomatik aralar DOM'da …

127 javascript  html  dom 

İçeriği aşağıdaki web sitesinden almak istiyorum. Firefox veya Chrome gibi bir tarayıcı kullanırsam, istediğim gerçek web sitesi sayfasını alabilirim, ancak Python istediği paketi (veya wgetkomutu) kullanırsam, tamamen farklı bir HTML sayfası döndürür. Web sitesinin geliştiricisinin bunun için bazı engeller yaptığını düşündüm, bu yüzden soru şu: Python isteklerini veya wget komutunu …

127 python  html  web-scraping  python-requests  wget 

Sarmalayıcı div öğemde ilk öğe olarak bir başlık div var, ancak başlık div içindeki bir h1'e bir üst kenar boşluğu eklediğimde, başlık div'in tamamını aşağı iter. Bir sayfadaki ilk görünür öğeye bir üst kenar boşluğu uyguladığımda bunun olduğunu anlıyorum. İşte örnek bir kod parçacığı. Teşekkürler! div#header{ width: 100%; background-color: #eee; …

126 html  css  xhtml 

Bir görüntünün (dinamik olarak yerleştirilmiş, boyutlar üzerinde herhangi bir kısıtlama olmaksızın) üst div'i kadar geniş olmasını sağlamaya çalışıyorum, ancak bu genişlik% 100'deki kendi genişliğinden daha geniş olmadığı sürece. Bunu denedim, boşuna: img { width: 100%; height: auto; max-width: 100%; } Bu görüntülerin birçoğu ana div'lerinden çok daha geniştir, bu yüzden …

126 html  width  css 

Select elementim var, oku kaldırmak istiyorum, sonra başka bir simge ekleyebilirim .. Bunu Firefox Safari ve Chrome için yapabilirim, ancak bu IE9'da çalışmadı . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: …

126 html  css  html-select 

Satır içi tutulması gereken iki resmim var; Her görüntünün altına bir başlık yazmak istiyorum. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Nasıl uygulayabilirim?

126 css  html 

Bir web geliştiricisinin belirli inputveya textareaöğelerde Chrome / Safari / WebKit'in yazım denetimini kapatmasının bir yolu var mı ? Ya özel etiket niteliği ya da tescilli bir CSS talimatıyla. Lerin ana hatlarını kapatmak için bir CSS talimatı var, inputbu yüzden bunun da olabileceğini düşündüm. Bir kullanıcının bunu nasıl yapabileceğini biliyorum. …

126 html  css  google-chrome  spell-checking 

Sayfamda, tıklandığında ekranımın divortasında bir (açılır stil) görüntüleyen bir düğme var . divEkranın ortasını ortalamak için aşağıdaki CSS'yi kullanıyorum : .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } Bu CSS, sayfa aşağı kaydırılmadığı …

126 html  css  scroll  position  centering 

NOT : Bu nasıl bir ilgisi vardır büyütülüyor zaman mevcut tuval elemanları oluşturulur , değil çizgiler veya grafik render nasıl bir ilgisi bir tuval yüzeyine . Başka bir deyişle, bu işle her şeye sahiptir interpolasyon ait ölçekli elemanları ve alakası yoktur antialiasing grafik bir tuvale çizilmiş olma. Tarayıcının çizgileri nasıl …

126 javascript  html  canvas 

Yapmaya çalıştığım şey, ipucu rengini kırmızıya çevirmek . Bununla birlikte, birden fazla başka renge de sahip olmak istiyorum, bu nedenle orijinal araç ipucunun rengini değiştirmek istemiyorum. Bunu nasıl yapacağım?

126 html  css  twitter-bootstrap 

CSS özelliğini kullanarak bir yedek madde işareti karakteri olarak özel bir grafik belirtebileceğini fark ettim: list-style-image Ve sonra ona bir URL veriyor. Ancak benim durumumda sadece '+' sembolünü kullanmak istiyorum. Bunun için bir grafik oluşturup sonra ona işaret etmek zorunda kalmak istemiyorum. Sırasız listeye, madde işareti simgesi olarak artı simgesi …

126 html  css  webkit  mobile-webkit 

HTML ile ne tür dosya türlerinin yüklenebileceğini nasıl sınırlayabilirim? Kullanıcı deneyimini kolaylaştırmak için dosya yüklemelerini yalnızca resimlerle (jpeg, gif, png) sınırlamak istiyorum. <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload