html- все статьи тега ➜ страница 37


контур только на одной границе

Как применять вставка границы в HTML-элемент, но только на одной стороне его. До сих пор я использовал изображение для этого (GIF/PNG), которое я затем использовал бы в качестве фона и растягивал его (repeat-x) и немного удалял от верхней части моего блока. Недавно я обнаружил контур CSS свойство, которое отлично! Но, кажется, обходит весь квартал... Возможно ли использовать это свойство структуры, чтобы сделать это только на одной границе? Кроме того, если нет, у вас есть какой-нибудь CSS трюк ...

CSS: как выровнять по вертикали "метку" и "вход" внутри "div"?

рассмотрим следующий код: HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } какой был бы самый простой способ поставить label и input в середине div (вертикально) ? ...

Установка максимальной ширины для тела с помощью Bootstrap

создание моего первого сайта с Twitter Bootstrap и экспериментировать с жидкими макетами. Я установил свой контейнер, чтобы быть жидким, теперь содержимое внутри занимает всю ширину страницы и адаптируется как изменение размера браузера. дизайн, над которым я работаю, был создан для максимальной ширины ~950px. Я проверил variables.less и responsive.less, и загрузочная документация, я не могу понять, как это сделать. Я также попытался добавить следующее К моему style.css: body { max-width: ...

Встроенная форма, вложенная в горизонтальную форму в Bootstrap 3

Я хочу построить форму в Bootstrap 3 следующим образом: мой сайт (не приведенная выше ссылка) просто обновляется из Bootstrap 2.3.2, и формат больше не является правильным. Я не могу найти ни одного документа об этом типе формы на getbootstrap.com. может кто-нибудь сказать мне, как это сделать? Только "имя пользователя" будет в порядке. спасибо. PS есть аналогичный вопрос, но он использует Bootstrap 2.3.2. ...

'col-xs - *' не работает в Bootstrap 4

Я не сталкивался с этим раньше, и мне очень трудно найти решение. При наличии столбца, равного medium в bootstrap, например: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> выравнивание текста работает нормально: но при создании столбца, равного extra small вот так: ...

Изменение изображения при наведении с помощью CSS / HTML

у меня есть эта проблема, когда я установил изображение для отображения другого изображения при наведении мыши, однако первое изображение все еще появляется, а новое не меняет высоту и ширину и перекрывает другое. Я все еще довольно новичок в HTML/CSS, поэтому я, возможно, пропустил что-то простое. Вот код: <img src="LibraryTransparent.png" id="Library"> #Library { height: 70px; width: 120px; } #Library:hover { background-image: url('LibraryHoverTrans.png'); height: 70p ...

Как удалить пространство желоба для конкретного div только-bootstrap

система сетки Bootstrap по умолчанию использует 12 столбцов с каждой пядью имея сточную канаву 30px как ниже. желоба-это пустое пространство между колонками. ширина желоба, кажется, между 20px-30px. Предположим, что это 30px здесь. Я хочу удалить пространство желоба для конкретного div, так что не будет никакого пространства желоба в строке. Каждый пролет будет рядом друг с другом без желоба. проблема в том, что если я удалю маржа 30px (желоб) он оставляет 360px (12*30) в конце строки. учит ...

Можно ли использовать одинарные кавычки для атрибутов HTML?

недавно я видел много такого: <a href='http://widget-site-example.com/example.html'> <img src='http://widget-site-example.com/ross.jpg' alt='Ross's Widget' /> </a> допустимо ли использовать одинарные кавычки в HTML? Как я уже подчеркивал выше, это также проблематично, потому что вам нужно избегать Апостроф. ...

Плавная прокрутка без использования jQuery

я кодирую страницу, где я хочу использовать только исходный код JavaScript для пользовательского интерфейса без какого-либо вмешательства плагинов или фреймворков. и теперь я борюсь с поиском способа прокрутки страницы плавно без jQuery. ...

Как установить высоту тела с помощью прокрутки переполнения

я столкнулся с проблемой при установке высоты tbody ширина переполнения прокрутки. <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='h ...

jQuery прокрутка до Div

Я делаю страницу FAQ и есть кнопки в верхней части, чтобы перейти к категории (он переходит к p тег, который я использую в качестве метки категории, например. <p id="general"> для моей общей категории). Вместо того чтобы просто прыгать прямо в категорию, я хочу добавить эффект прокрутки. Я хочу что-то вроде http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm это прокручивается до нужной части моей страницы. Эта ссылка представляет собой скрипт, который идет в верхнюю часть страницы с ...

Получить локальное значение href из тега anchor (a)

у меня есть тег привязки, который имеет местное значение href, и функция JavaScript, которая использует значение href, но направляет его в немного другое место, чем обычно. Тег выглядит как <a onclick="return follow(this);" href="sec/IF00.html"></a> и функция JavaScript, которая выглядит как baseURL = 'http://www.someotherdomain.com/'; function follow(item) { location.href = baseURL + item.href; } Я ожидал бы, что item.href просто вернет короткую строку " sec / IF00.html", ...

используя текст-выровнять по центру в элемент colgroup

у меня есть таблица на моей странице, Я использую colgroups для форматирования всех ячеек в этом столбце таким же образом, хорошо работает для цвета фона и все. но, похоже, не может понять, почему центр выравнивания текста не работает. он не выравнивает текст по центру. пример: <table id="myTable" cellspacing="5"> <colgroup id="names"></colgroup> <colgroup id="col20" class="datacol"></colgroup> <colgroup id="col19" class="datacol"></colgroup& ...

Добавление HTML-строки в DOM

как добавить эту строку HTML var str = '<p>Just some <span>text</span> here</p>'; в DIV с идентификатором 'test' что находится в DOM? (кстати,div.innerHTML += str; не допускается.) ...

Как удалить подсказку "нет выбранного файла" из файла, введенного в Chrome?

Я хотел бы удалить подсказку "нет выбранного файла" из файла ввода в Google Chrome (я вижу, что подсказка не отображается в Firefox). обратите внимание, что я говорю не о тексте внутри поля ввода, а о подсказке, которая появляется при наведении курсора мыши на ввод. Я пробовал это без удачи: $('#myFileInput').attr('title', ''); ...

Как мне избежать строки внутри кода JavaScript внутри обработчика onClick?

может быть, я просто думаю об этом слишком сложно, но у меня возникла проблема с выяснением того, что экранирование использовать в строке в некотором коде JavaScript внутри обработчика onClick ссылки. Пример: <a href="#" onclick="SelectSurveyItem('<%itemid%>', '<%itemname%>'); return false;">Select</a> The <%itemid%> и <%itemname%> где происходит замена шаблона. Моя проблема заключается в том, что имя может содержать любые символы, включая одинарные и двойн ...

JQuery слайдер, как сделать" шаг " изменение размера

можно ли использовать ползунок JQuery (ползунок диапазона / двойной ползунок), чтобы иметь нелинейные (несогласованные "шаговые" значения)? Я хочу, чтобы горизонтальный слайдер выглядел так: |----|----|----|----|----|--------|--------|-------------------------|--------------------------|... 0 500 750 1000 1250 1500 2000 2500 75000 100000... например, я хочу иметь следующий код jQuery: var values = [0, 500, 750, 1000, 1250, 1500, 2000, 2 ...

Html таблица tr внутри td

Я пытаюсь создать таблицу в HTML. У меня есть следующий дизайн для создания. Я добавил <tr> внутри <td> но почему-то таблица не создается в соответствии с дизайном. может ли кто-нибудь предложить мне, как я могу этого достичь? Я не могу создать разделы Name1 / Price1. ...

Смотреть Джанго возвращается в формате JSON без использования шаблона

Это связано с этим вопросом: Django возвращает json и html в зависимости от клиента python у меня есть api python командной строки для приложения django. Когда я получаю доступ к приложению через api, он должен возвращать json, а с браузером он должен возвращать html. Я могу использовать разные URL-адреса для доступа к разным версиям, но как я могу отобразить шаблон html и json в views.py только с одним шаблоном? для визуализации html я бы использовал: return render_to_response('sample/sampl ...

Отключить изменение цвета тега привязки при посещении

Я должен отключить изменение цвета тега привязки при посещении. Я сделал это: a:visited{ color: gray } (ссылка серого цвета перед посещением). Но это способ, когда я явно указываю цвет после посещения ссылки, что снова является изменением цвета. Как я могу отключить изменение цвета тега привязки при посещении без каких-либо явных изменений цвета? ...