html- все статьи тега ➜ страница 10
Таблица данных Bootstrap-разное количество ячеек строк одинаковой ширины
У меня есть таблица данных bootstrap (3.3.7), которую я хочу разместить одинаковой ширины на всех tds. В конце концов, я хотел бы, чтобы все строки с 3 ячейками доходили до правой стороны таблицы, сохраняя одинаковую ширину в каждой ячейке. Я провел массу исследований, чтобы найти что-то подобное, но потерпел неудачу, так что любая помощь в этом была бы очень признательна. Следующий скриншот - это то, что у меня сейчас есть: И вот что я хотел бы изменить в моей таблице кому: .col- ...
:before/:: after псевдокласс не работает на элементе video
Я хотел бы, чтобы мой видеоэлемент показывал заголовок над видео во время воспроизведения, проблема в том, что он не работает. Если я переключаю тег на , он отлично работает. Что я делаю не так? Моя HTML разметка такова: <div class="player"> <video src="video.mp4" poster="video-poster.jpg" title="Video Name"></video> </div> А мой CSS такой: .player { position: relative; width: 852px; height: 356px; } .player video { position: relative; top: ...
Как авторазмер див?
У меня есть короткий вопрос о том, как авторазмер класс див. У меня есть несколько сообщений об ошибках, которые я хотел бы повторить. для этого errormessages у меня есть класс div: .wrapper form .error { color: #ccc; position: absolute; z-index: 2; background-color:#fff; height: 26px; line-height: 26px; padding: 10px; border: solid #ccc; border-width: 1px 1px 1px 1px; width: 200px; /*should be auto but doesnt work*/ line-height: 26px; right: 1 ...
Flexbox в Chrome-как ограничить размер вложенных элементов? [дубликат]
На этот вопрос уже есть ответ здесь: Chrome / Safari не заполняет 100% высоту Flex parent 3 ответа В Google Chrome Как заставить элемент, вложенный в элемент flexbox (под" элементом flexbox " я подразумеваю дочерний элемент элемента, стилизованного под display:flex), ограничить его размер размером элемента flexbox, в который он вложен под водой? Например, предположим, что у меня есть следующее: < ...
Как добавить и удалить активный класс к элементу в чистом JavaScript
Я пытаюсь сделать меню навигации я сделал все HTML и CSS когда пришел к javascript я поражен в середине я могу добавить класс к элементу, но я не в состоянии удалить класс оставшиеся элементы. Пожалуйста, помоги мне с этим. вот мой код <!DOCTYPE html> <html> <head> <title>Navigation class Toggling</title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; ...
Как убрать стрелки в полосе прокрутки через CSS
Как правило, в полосе прокрутки будут стрелки вверх и вниз на обоих концах вертикальной полосы прокрутки. Есть ли в любом случае, чтобы удалить его так, чтобы появилась только полоса прокрутки, а не стрелки на обоих концах. Ниже приведен мой CSS: .scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; scrollbar-3dlight-color:#999; scrollbar-arrow-color:white; scrollbar-base-color:white; scrollbar-face-color:#999; border-r ...
Подгонка к размеру своего содержимого с помощью CSS?
Вотскрипка . Мне нужно сделать <fieldset> шириной его содержимого, а не его родителя. Есть ли хороший способ сделать это? ...
Добавление Google Translate на веб-сайт
Глядя здесь Google Translate я получаю следующий код. <meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></meta> <div id="google_translate_element"> </div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } </script> <script t ...
google maps api v3 в fancybox 2.0.6
Привет у меня проблема с загрузкой google map в hidden fancybox Мой пример: gidzior.net/fancyMap был написан на основе этого потока stackoverflow.com/questions/10890948/jquery-fancybox-with-google-maps Что я могу сделать, чтобы исправить это ?? Вот мой код: <body style="padding: 20px;"> <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href= ...
rowspan не работают с thead и tbody
Я пытаюсь использовать rowspan в таблице с thead и tbody ex. <table> <thead> <tr> <td rowspan="2">test</td> <td>Initials</td> </tr> </thead> <tbody> <tr> <td> </td> </tr> </tbody> Но она не позволяет мне этого сделать. Есть ли способ обойти? Или мне нужно удалить thead и tbody, чтобы иметь возможность использовать rowspan? Заранее благодарю. ...
Python-beautifulsoup, применить в каждом текстовом файле в папке и создать новый текстовый файл
Я использую следующий код Python - Beautifulsoup для удаления html-элементов из текстового файла: from bs4 import BeautifulSoup with open("textFileWithHtml.txt") as markup: soup = BeautifulSoup(markup.read()) with open("strip_textFileWithHtml.txt", "w") as f: f.write(soup.get_text().encode('utf-8')) Вопрос, который у меня есть, заключается в том, как я могу применить этот код к каждому текстовому файлу в папке(каталоге), и для каждого текстового файла создать новый текстовый файл, ...
Простая форма как сделать флажок принять условия встроенным
<p><%= f.input :terms, :as => :boolean, :label => false, :boolean_style => :inline %> Accept <%= link_to "Terms of use", terms_path,:remote => true %> and <%=link_to "privacy Policy", privacy_path, :remote => true%></p> В конечном итоге это выглядит так Как лучше всего выстроить их в одну линию? ...
Vanilla JS замены для индексов jQuery () и eq () [дубликат]
На этот вопрос уже есть ответ здесь: jQuery index () в ванильном javascript 3 ответа Я преобразую старые манипуляции DOM на основе jQuery на нашей веб-странице в ванильный javascript, большинство из которых прошло на удивление легко, но попали в стену с всплывающими меню. Мы используем простой формат вкладок и скрытого меню дивы: <div class="tab">tab 1</div> <div class="tab">tab ...
Я не хочу, чтобы url #hash был в url после отправки формы
Update: в этом случае action="url.php" работает так, как я хотел Когда я отправляю форму (я использую метод get), часть url #hash также добавляется к концу url после отправки формы. Я попытался изменить действие страницы, чтобы избавиться от этого url #хэша из строки. Я удалил часть действия из формы, предоставив действие как action= " url.php", предоставлено действие в виде action= " url.php#", но ничто не помогло мне избавиться от URL #хэша после отправки формы. Есть ли какой-нибудь способ и ...
Можно ли иметь самозакрывающийся тег div в html-документе?
Этот вопрос относится конкретно к тегу скрипта. Я думаю, что это относится и к div, но я просто хочу убедиться. Это законный html или нет? <div/> ...
Расстояние между кнопками Navbar находится друг под другом, а не бок о бок
У меня возникли проблемы с расстоянием между кнопками Navbar. Я понятия не имею, почему буквы расположены друг под другом, а не рядом, я попробовал использовать встроенный блок; но это, похоже, не сработало, поэтому я уверен, что здесь что-то происходит в коде, который отключает его. sub_menu прекрасно работает с использованием inline-block, Jsfiddle Css #right_menu { position:fixed; font-size:15px; top:-80px; right:-115px; padding:70px; background-color:#FF00FF; width:-40%; ...
jQuery append ломает мою HTML-форму (с помощью кнопки submit)
Я пытаюсь создать форму с кнопкой submit через jQuery, используя append (). Итак, следующее: out.append('<form name="input" action="/createuser" method="get">'); out.append('Username: <input type="text" name="user" />'); out.append('<input type="submit" value="Submit" />'); out.append('</form>'); Однако, нажав на submit, ничего не происходит! Однако если я сделаю следующее: var s = '<form name="input" action="/createuser" method="get">' + 'Username: <inp ...
Reactjs создать объявление массива нескольких объектов
Ниже приведен мой код, когда я пытаюсь получить координаты полигона из react-google-maps: const coords = { lat:{}, lng:{} } getCoordinates: () => (polygon) => { const paths = polygon.getPath() const coor = paths.b {coor.map(function(coor, i){ coords.lat= coor.lat() coords.lng= coor.lng() })} return console.log(coords) } Я пытаюсь получить массив объектов для "coords", как показано ниже: coords = [ { lat: 3.1323583333745533, lng: 101.62676453590393 }, { lat: 3 ...
Расположить нижний колонтитул в нижней части страницы с фиксированным заголовком
Я хочу поместить нижний колонтитул в нижней части страницы, которая также имеет фиксированный заголовок... Только не с ним position: fixed - я не хочу, чтобы он оставался на экране, он должен просто быть в конце страницы и вести себя нормально при прокрутке. Не в нижней части видимого экрана - в нижней части страницы , т. е. после всего остального контента. Вот схема, чтобы объяснить лучше: Вот код: я подготовил демо-версию: JSFiddle или смотрите ниже <div id="header" ...
Получить исходный код из HTML, созданного JavaScript
Я работаю над простой веб-формой для учителей в моем здании, чтобы генерировать HTML-страницы со встроенными видео для локального использования (наши заменители не могут попасть в Интернет для воспроизведения видео; это обходной путь). Я использую скрипт, чтобы взять параметры из формы и динамически построить HTML. Я знаю, что сервер создает страницу, а не клиент, но нет ли у них способа сохранить исходный текст? Я попытался получить доступ к содержимому с помощью document.getElementById('main ...