HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Изогнутое меню
Подскажите, как сверстать такой блок без применения картинок? Верхнюю часть можно сделать блоком с border-radius, нижнюю границу с кружочками - псевдоэлементом и тенями. А вот как изогнуть фон меню + текст внутри ? JS плагины разбивают содержимое пунктов меню посимвольно на span, убирая ссылки в всю внутреннюю структуру - это не подходит.
0 votes2 answers -
Тормозит прокрутка
Вот получилась такая прокрутка http://669327.insturbo.web.hosting-test.net/ Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes1 answer -
Как вывести 2 значения VALUE (HTML)
Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку
0 votes7 answers -
Заказ обратный звонок
Подскажите, пожалуйста, скрипт для заказа обратного звонка.
0 votes3 answers -
Тормозит прокрутка position: fixed;
Вот получилась такая прокрутка Сайт Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes7 answers -
Макет (количество row) для bootstrap
привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.
0 votes10 answers -
Не могу вырезать элементы
Здравствуйте, подскажите пожалуйста, есть макет, когда я отключаю задний фон, то получается: появляются черные пятна, из-за чего это? и как правильно вырезать? зарание спасибо.
0 votes2 answers -
Выравнивание по центру
Нужно выровнять по центру элемент, который по ширине равен дочерним блокам. Чтобы этого добиться элемент нужно флотнуть и как тогда его выровнять?
0 votes1 answer -
JS: вставка генерируемого контента в любое место документа
Хотел создать тему в форуме по сценариям, но толком не смог сформулировать даже заголовок, стало стыдно и решил написать пока здесь. Прочитал уже много теории по экме (циклы, инструкции, операторы, функции, массивы, объекты, классыи т.д.) но никак руки не доходят до клиентской части. Если быть откровеннее — загнулся на замыканиях (хотя вроде бы и понял в чем суть) и прочих вещах. Все это время для вставки в документ использовал метод write(). В интернете часто мелькало что-то вроде innerHTML... В общем формулирую вопрос: Нужно научиться вставлять генерируемый сценарием контент в указанное место, а не как это делает document.write(''а именно, он вставляет там, где написан…
0 votes4 answers -
Блок новостей с переключателем страниц
Нужно сделать блок, в который будут добавляться новости, а внизу должны быть кнопки с переключателем страниц. К примеру "Назад 1 2 3 ... Вперед". Сайт сам на html и css. Может у кого пример кода есть? Заранее благодарю.
0 votes1 answer -
toggle-topbar не не срабатывает в foundation top bar
Подскажите, пожалуйста, какая может быть причина что меню при коллапсе не работает. Гамбургер появляется, но сами пункты меню остаются без изменений. То есть при нажатии ничего не происходит. Скрипты подключены как в тюториале и аналогичная проблема не нагуглилась - подозреваю, что я очень туплю) П.С. Использую Foundation впервые и заменить на бутстрап нельзя ... (
0 votes1 answer -
Как сделать это адаптивным? Масштабировать изображения?
Здравствуйте! Надо превратить эту картинку: в адаптивную верстку. Хочу спросить совета, как бы вы сверстали изображения, отмеченные на картинке цифрами 1(полупрозрачные складки) и 2(полукруглый банер).
0 votes6 answers -
скрыть текст для соц сетей и поисковика noindex
Добрый день, вот есть страничка , гугл видит "Студия Блог Кладезь знаний О нас Партнёрство. +38 095 136 28 86 Моя галерея Регистрация. Живопись Графика Скульптура Дпи Фото" а фейсбук выводит текст с блока фильтра, при вставке ссылки, нужно чтобы был текст, как исправить?
0 votes0 answers -
Верстка html-письма
Добрый день. Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине. В остальных почтовиках и браузерах все гуд
0 votes2 answers -
Чтобы скрипт не создавал полосу прокрутки
Здравствуйте! Столкнулась с такой проблемой: установила скрипт воздушных шариков на странице подарков за первый комментарий, а скрипт создает вертикальную полосу прокрутки и передергивает страницу из стороны в сторону. Передергивания убрала тем, что добавила в стили: html {overflow-y: scroll;} Но полосу прокрутки не смогла убрать. Если отключаю в стилях полосу прокрутки, то ее нет и на мобильных устройствах. Мне такой вариант не подходит, ведь шаблон страницы адаптивный. Как сделать так, чтобы скрипт не создавал полосу прокрутки, но чтобы она оставалась на мобильных? Код скрипта: <script type="text/javascript"><!-- var ballmax = 10; var sinkspeed = 0.6; …
0 votes1 answer -
Вопрос
Что то мне не хорошо, я и я не помню как скрипт из одного файла main.php запихнуть в index.php в нужный блок ? include почему то не работает
0 votes2 answers -
Не работает кнопка меню Firefox
Во всех браузерах пашет а вот Firefox почему то не хочет ((( Уважаемые специалисты подскажите в чем может быть проблема я уже все перепробовал и не как (((
0 votes6 answers -
галерея
Есть ли где готовая галерея с прокруткой (право влево) но она должна быть тонкой полоской (100px) и увеличением картинок по нажатию?
0 votes6 answers -
Увеличьте размер активных элементов на странице
При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…
0 votes4 answers -
Не отображается placeholder в textarea
Здравствуйте. верстаю страничку на bootstrap3. В textarea прописан placeholder ,но он не отображается, причем placeholder в input отображается. для формы использую только стили bootstrap3 , у input и textarea одинаковые стили. (кастомных стилей для них нет) <input type="text" id="phone2" class="form-control" name="phone" placeholder="Контакты (Телефон):" required > <br/> <textarea type="text" id="message" class="form-control" name="message" placeholder="Комментарии:" required > </textarea>Пробовал задать черный цвет для placeholder textarea : textarea::-webkit-input-placeholder {color:#000;}textarea::-moz-place…
0 votes2 answers -
Проблема с бордером в андроид
Не закрываеться бордер снизу и сверху в андроиде, как фиксить? Скрины. *** сайт http://edop2.besaba.com/sight/index.html
0 votes3 answers -
Горизонтальное меню без использования ul>li
Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …
0 votes24 answers -
многоточия в строках
насколько я помню, задача без js не решаемая, но помогите ещё раз в этом убедиться. вдруг что-то поменялось с тех времён есть блок. подписи к картинками длинные поэтому я через overflow ограничил их тремя строками. но хотелось бы чтобы после каждого последнего слова стояло многоточие(даже если слово последнее в предложении) css3-решение устроит. js-решение не устроит
0 votes3 answers -
html5 в дизайне интернет магазинов
Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …
0 votes2 answers -
Как выбрать уникальные элементы в XSLT ?
Привет Всем) Подскажите может кто знает... вопрос по xslt: Как выбрать уникальные элементы, если заранее не известно что будет в атрибурте parent_id ? <items> <item parent_id="2065" /> <item parent_id="505" /> <item parent_id="301" /> <item parent_id="2065" /> <item parent_id="24" /> <item parent_id="2065" /> <item parent_id="2065" /> <item parent_id="24" /></items>
0 votes0 answers