Programowanie html

3

Mam jakiś dziwny problem. Próbuję stworzyć witrynę internetową z zapętlonym wideo w tle. Kod wygląda następująco: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> Uruchom fragment koduUkryj wynikiRozwiń fragment Działa to doskonale w większości przeglądarek (IE boryka się z tym dopasowaniem do obiektu, ale nie mam nic przeciwko), …

88 ios html video webkit autoplay

12

Jak ustawić szerokość i wysokość obrazu bez rozciągania go?

Jeśli mam: #logo { width: 400px; height: 200px; } następnie <img id="logo" src="logo.jpg"/> rozciągnie się, aby wypełnić tę przestrzeń. Chcę, aby obraz zachował ten sam rozmiar, ale aby zajmował tyle miejsca w DOM. Czy muszę dodać kapsułkowanie <div>lub <span>? Nienawidzę dodawać znaczników do stylizacji.

88 html css

12

Wyzwalaj zdarzenie, gdy użytkownik przewinie do określonego elementu - za pomocą jQuery

Mam h1, który jest daleko w dół strony .. <h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1> i chcę wywołać alert, gdy użytkownik przewinie do h1 lub ma to w widoku przeglądarki. $('#scroll-to').scroll(function() { alert('you have scrolled to the h1!'); }); jak mam to zrobic?

88 javascript jquery html scroll scrollto

5

Najłatwiejszy css dla „czerwonych” powiadomień w stylu Facebooka

Potrzebuję powiadomienia w stylu Facebooka, ale uzyskanie czegoś, co wygląda ładnie w różnych przeglądarkach, wydaje się trudne. Na przykład różne przeglądarki wydają się inaczej traktować wypełnienia, co powoduje dziwnie wyglądające powiadomienia. Jaki jest najlepszy sposób na zapewnienie ładnego wyświetlania powiadomień w różnych przeglądarkach? Nie jest to niekorzystne dla używania javascript, …

88 javascript html css user-interface user-experience

8

Lista uporządkowana HTML 1.1, 1.2 (liczniki zagnieżdżone i zakres) nie działa

Używam zagnieżdżonych liczników i zakresu, aby utworzyć uporządkowaną listę: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> …

88 html css html-lists

5

Czy naprawdę niemożliwe jest dopasowanie rozmiaru div do zawartości?

Chciałbym wyjaśnić, czy możliwe jest dopasowanie elementu div do jego rozmiaru na podstawie rozmiaru zawartości bez konieczności ustawiania elementów pływających lub określania ich pozycji jako bezwzględnej. Czy to możliwe?

88 html size width

6

Wybieranie klasy css za pomocą xpath

Chcę wybrać tylko własną klasę o nazwie .date Z jakiegoś powodu nie mogę tego uruchomić. Jeśli ktoś wie, co jest nie tak z moim kodem, będzie to bardzo cenne. @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach ($images as …

87 php html xml xpath web

8

Jak wyśrodkować zakładki programu ładującego Twittera na stronie?

Używam programu bootstrap na Twitterze do tworzenia przełączalnych zakładek. Oto CSS, którego używam: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Ten kod HTML wyświetla poprawnie zakładki, ale pociągnął w lewo (co powinno się stać). Próbowałem majstrować przy CSS, …

87 html css twitter-bootstrap

9

Dwa elementy inline-block, każdy o szerokości 50%, nie pasują obok siebie w jednym rzędzie

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Powyższy kod próbuje umieścić elementy div #left i …

87 html css

4

Przełącz przycisk opcji HTML, klikając jego etykietę

Czy istnieje prosty sposób na przełączenie przycisku radiowego - po kliknięciu tekstu w pobliżu - bez wprowadzania żadnego dużego środowiska Javascript do mojego małego projektu PHP? Formularz internetowy wygląda następująco: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify …

87 javascript html radio-button

13

Tworzysz efekt powiększenia obrazu po najechaniu kursorem przy użyciu CSS?

Obecnie próbuję utworzyć efekt powiększenia po najechaniu kursorem na jeden z moich czterech obrazów. Problem polega na tym, że większość przykładów zwykle używa tabel lub elementów div maski, aby nadać jakiś efekt. Oto jeden z przykładów, który implementuje co chciałbym tego . To jest mój kod do tej pory. HTML …

87 html class css

6

Kliknięcie tekstu, aby wybrać odpowiedni przycisk opcji

Tworzę aplikację internetową z quizami przy użyciu PHP. Każde pytanie składa się z osobnego <label>i ma 4 możliwe wybory, za pomocą radio buttonsktórych użytkownik może wybrać swoją odpowiedź. Bieżący kod HTML dla pojedynczego pytania wygląda następująco: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input …

87 html css forms input radio-button

3

czy to autofokus = „autofokus” czy autofokus?

Wydaje mi się, że większość (może wszystkie) atrybuty we wcześniejszych wersjach HTML (przed HTML5) wymagały atrybutów, aby miały wartości, takie jak readonly="readonly". Czy to prawda w przypadku HTML5 i autofocusatrybutu?

87 html autofocus

1

Dziwne iframe dodane do tagów treści o nazwie „rufous-sandbox”

Pracuję na lokalnej witrynie WordPress i z jakiegoś powodu iframetuż po otwierającym bodytagu jest dodawany, który powoduje, że treść spada o około 20 pikseli. Podczas wyszukiwania Google zwrócił tylko 1 trafny wynik, a to, co tam przeczytałem, niewiele pomogło. Można go znaleźć tutaj . Witryna WordPress nie ma zainstalowanych wtyczek …

87 html wordpress

7

Jaka jest różnica między różnymi metodami umieszczania kodu JavaScript w <a>?

Widziałem następujące metody umieszczania kodu JavaScript w <a>tagu: function DoSomething() { ... return false; } <a href="javascript:;" onClick="return DoSomething();">link</a> <a href="javascript:DoSomething();">link</a> <a href="javascript:void(0);" onClick="return DoSomething();">link</a> <a href="#" onClick="return DoSomething();">link</a> Rozumiem ideę próby umieszczenia prawidłowego adresu URL zamiast samego kodu JavaScript, na wypadek gdyby użytkownik nie miał włączonej obsługi JavaScript. Ale …

87 javascript html href

Pytania otagowane jako html