Pytania otagowane jako html

Zastanawiałem się, jakie wartości są prawidłowe w atrybucie roli HTML5 / XHTML?

89 html 

Mam ten kod (który nie daje oczekiwanego wyniku) #subject_content.html {% block main-menu %} {% include "subject_base.html" %} {% endblock %} #subject_base.html .... .... <div id="homework" class="tab-section"> <h2>Homework</h2> {% include "subject_file_upload.html" %} </div> szablon podrzędny: #subject_file_upload.html <form action="." method="post" enctype="multipart/form-data">{% csrf_token %} {{ form.as_p }} <input type="submit" value="submit"> </form> i mój …

89 html  django  variables  include  django-templates 

Chcę uzyskać dane ścieżki SVG z glifów Font Awesome, aby móc ich używać bezpośrednio jako SVG w moim HTML. Pomyślałem, że będzie to tak proste, jak skopiowanie i wklejenie danych ścieżki z fontawesome-webfont.svg , ale kiedy używam go w moim HTML, wszystkie symbole są renderowane do góry nogami. Czy ktoś …

89 html  svg  font-awesome 

Mam tabelę html z table-layout: fixedi td o ustawionej szerokości. Kolumna nadal się rozwija, aby pomieścić zawartość tekstu, który nie zawiera spacji. Czy istnieje sposób na rozwiązanie tego problemu inny niż zawijanie zawartości każdego td w div? Przykład: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: …

89 html  css 

imgz srcsetatrybutem wygląda na świetny sposób na tworzenie responsywnych obrazów. Czy istnieje równoważna składnia, która działa we background-imagewłaściwości CSS ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html  css  background-image  srcset 

Wygląda na to, że celem window.postMessage jest umożliwienie bezpiecznej komunikacji między oknami / ramkami hostowanymi w różnych domenach, ale w rzeczywistości wydaje się, że nie pozwala na to w Chrome. Oto scenariusz: Umieść element <iframe> (oznaczony literą srcw domenie B * ) na stronie w domenie A <iframe> kończy się …

89 javascript  html  google-chrome  xss 

Obecnie pracuję nad mobilnym landingiem dla firmy. To naprawdę podstawowy układ, ale pod nagłówkiem znajduje się zdjęcie produktu, który zawsze będzie miał 100% szerokości (projekt pokazuje, że zawsze przechodzi od krawędzi do krawędzi). W zależności od szerokości ekranu wysokość obrazu oczywiście odpowiednio się dostosuje. Pierwotnie zrobiłem to z img (z …

89 html  css  background-image  responsive  responsive-images 

Jeśli się nie mylę, Dokumenty Google oferują środki do wyświetlania pliku PDF, który jest przechowywany na tym samym serwerze co strona internetowa za pośrednictwem adresu internetowego <iframe>, ale muszę wiedzieć, jak mogę to zrobić w sposób zgodny z różnymi przeglądarkami.

89 html  pdf 

Próbuję stylizować liczby na uporządkowanej liście, chciałbym dodać kolor tła, promień obramowania i kolor, aby pasowały do ​​projektu, nad którym pracuję: Myślę, że nie jest to możliwe i będę musiał użyć różnych obrazów dla każdego numeru, tj ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Czy istnieje prostsze rozwiązanie?

89 html  css  html-lists  sprite 

Mam 3 divelementy. Pierwszy divjest większy (zawijany) i maposition:relative; Druga divjest pozycjonowana bezwzględnie divwzględem pierwszej pozycji względnej (i jest zawarta w pierwszej pozycji div) Trzeci divjest zawarty w drugim divi ma również pozycjonowanie bezwzględne. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Dlaczego trzecia divpozycja jest bezwzględna w stosunku do …

89 html  css  css-position 

Chcę osiągnąć co następuje. <video src="file:///Users/username/folder/video.webm"> </video> Chodzi o to, aby użytkownik mógł wybrać plik ze swojego dysku twardego. Powodem nieprzesyłania są oczywiście koszty transmisji i limit miejsca. Nie będzie powodu, aby zapisywać plik. Czy to możliwe?

89 html  video  html5-video  offline 

Chcę załadować obraz PNG zakodowany w Base64 do elementu Canvas. Mam ten kod: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> W Chrome 8 pojawia się błąd: Uncaught TypeError: Type error A w …

89 html  canvas  png  base64 

Mam div, który będzie miał ten CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Jak mogę wyśrodkować ten div? Mogę użyć, margin-left: -450px; left: 50%;ale będzie to działać tylko wtedy, gdy ekran ma> 900 pikseli. Po tym (gdy okno ma <900 pikseli), nie będzie …

89 css  html  center 

Przeczytałem wiele blogów i postów na temat dynamicznego dodawania zestawów pól, ale wszystkie dają bardzo skomplikowaną odpowiedź. To, czego wymagam, nie jest takie skomplikowane. Mój kod HTML: <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> Tak więc użytkownik wprowadzi wartość całkowitą (sprawdzam walidację za pomocą …

89 javascript  html  forms 

co -webkit-transform: translate3d(0,0,0); dokładnie robi? Czy ma jakieś problemy z wydajnością? Czy powinienem po prostu nałożyć go na ciało lub poszczególne elementy? Wydaje się, że drastycznie poprawia to przewijanie. Dzięki za lekcję!

89 html  css  webkit