Вопросы с тегом «html»

У меня есть следующий HTML: <div id="mydiv"> <div class="myclass"></div> </div> Я хочу иметь возможность использовать селектор, который выбирает внутреннюю часть div, но специфичен для mydivконтейнера. Как я могу добиться этого с помощью jQuery?

145 javascript  jquery  html  class  jquery-selectors 

У меня есть изображение по этой ссылке: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Как видите, это нормальное изображение с правильной ориентацией. Однако, когда я устанавливаю эту ссылку на атрибут src моего тега изображения, изображение становится перевернутым. http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Вы хоть понимаете, что происходит?

145 html  css  image 

Моя цель - создать HTML-страницу, похожую на «фоторамку». Другими словами, я хочу создать пустую страницу, окруженную 4 картинками. Это мой код: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> А классы CSS следующие: …

145 html  css  html-table  background-image 

Мне удалось получить широту и долготу пользователя с помощью геолокации на основе HTML. //Check if browser supports W3C Geolocation API if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(successFunction, errorFunction); } //Get latitude and longitude; function successFunction(position) { var lat = position.coords.latitude; var long = position.coords.longitude; } Я хочу отобразить название города, кажется, единственный способ …

145 javascript  html  geolocation 

Я использую для печати отдельную таблицу стилей. Можно ли установить правое и левое поле в таблице стилей, которые задают поле для печати (т.е. поле на бумаге). Спасибо.

145 html  css  printing  stylesheet 

Допустим, мне нужен способ отображать только центральную часть изображения размером 50 x 50 пикселей размером 250 x 250 пикселей в HTML. Как мне это сделать. Кроме того, есть ли способ сделать это для ссылок css: url ()? Мне известно о клипе в CSS, но, похоже, это работает только при использовании …

145 html  css  image 

У меня есть маршруты, установленные в AngularJS, как это: $routeProvider .when('/dashboard', {templateUrl:'partials/dashboard', controller:widgetsController}) .when('/lab', {templateUrl:'partials/lab', controller:widgetsController}) У меня есть несколько ссылок на верхней панели в виде вкладок. Как я могу добавить «активный» класс на вкладку в зависимости от текущего шаблона или URL?

144 javascript  html  angularjs 

Как я могу получить "х", чтобы быть вертикально выровненным в середине промежутка? .foo { height: 50px; border: solid black 1px; display: inline-block; vertical-align: middle; } <span class="foo"> x </span>

144 html  css 

У меня проблема с фальсификацией щелчка якоря с помощью jQuery: почему моя папка появляется при первом нажатии на кнопку ввода, а не во второй или третий раз? Вот мой код: <input onclick="$('#thickboxId').click();" type="button" value="Click me" /> <a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a> Он всегда работает, когда я нажимаю непосредственно на ссылку, …

144 jquery  html  onclick  thickbox 

Есть ли способ воспроизвести видео в полноэкранном режиме, используя HTML5? <video> тег ? И если это невозможно, кто-нибудь знает, есть ли причина для такого решения?

144 html  video  html5-video  fullscreen 

Тег label не имеет свойства width, так как я должен контролировать ширину тега label?

144 html  css  label 

У меня есть следующий HTML: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> Можно ли получить атрибуты, которые начинаются с data-, и использовать его в коде JavaScript, как показано ниже? А пока я получаю nullрезультат. document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

144 javascript  html  custom-data-attribute 

Допустим, у нас есть этот код: <form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form> что приводит к этому: Когда пользователь нажимает кнопку «Обзор ...», открывается диалоговое окно поиска файла: Пользователь выберет файл, дважды щелкнув файл или нажав кнопку «Открыть». Есть ли событие Javascript, которое я могу …

144 javascript  html  javascript-events 

Привет, я использую что-то похожее на следующее, чтобы разместить div в середине экрана: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; …

144 css  html  window  center 

Я пытаюсь получить некоторые inlineи inline-blockкомпоненты выровнены по вертикали в div. Почему spanв этом примере человек настаивает на том, чтобы его опускали? Я пробовал оба vertical-align:middle;и vertical-align:top;, но ничего не изменилось. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { …

144 html  css  vertical-alignment