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
-
Подскажите как сделать выпадающее меню
Здравствуйте! Пожалуйста, подскажите как сделать выпадающее меню с помощью HTML и CSS. Пробовал на JS, но не получилось. Спасибо!
0 votes1 answer -
Можно ли перенести готовый сайт на CMS
Полтора года назад я сделала сайт. Тогда я еще не знала о существовании CMS, поэтому сайт делала вручную в Блокноте. Сначала сайт был не большим, в нем было 35 страниц, но со временем сайт разросся, сейчас на нем больше 200 страниц и управлять им стало трудно. Можно ли этот сайт перенести на CMS? Сайт простой, написан на HTML, на нем установлено несколько java-скриптов.
0 votes4 answers -
Как быстро найти закрывающий див среди кучи других дивов?
Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?
0 votes5 answers -
PNG-градиенты и слои
Приветствую. Подскажите, пожалуйста, в общих чертах, как реализовать следующую вещь. Есть страница, с чёрным фоном. Требуется в центре отобразить картинку, заранее неизвестно, каких размеров (предположим, PHP рандомно генерирует адрес из каких-то существующих вариантов, поэтому привязываться к размеру не хочется). Причём картинку хочется отобразить не просто так, а с дивами, использующими градиентный полупрозрачный PNG (два используют PNG с горизонтальным направлением градиента, а два других - с вертикальным. Как здесь, В общем: Пытался сделать 4 дива, каждый следующий - вложен в предыдущий, а в конце внутри - картинка. Каждый див бэкграудом имеет PNG-шки. Не получает…
0 votes7 answers -
"Плывет" сайт после доработки css
Привет, всем жителям форума! Возникла проблема, не знаю в чем причина и куда копать. Лежал у меня сайт в сети интернет некоторое время пока не пришла мне в голову мысль немного его перелопатить (поменять немного теги и стили к ним). Поменял и все поползло. Т.е. открываешь сайт не зависимо из адресной строки или через поиск, все отображается криво. Нажимаешь F5 все встает на свои места. И так с любого компьютера. В чем причина подскажите, как это убрать? Вот сайт www.srub-profi.ru
0 votes5 answers -
Подскажите нужный слайдер
Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:
0 votes1 answer -
Ссылка якорь
Нужно на первой странице поставить ссылку якорь на вторую на скрытый блок, который должен при этом разворачиваться. <h2>Блок</h2><p><a class="button" onclick="$('#afisha').slideToggle();" name="afisha" href="javascript://">(скрыть/показать)</a></p><div id="afisha" style="display: none;">Информация</div>пробовал сделать с помощью name="afisha", но не сработало.
0 votes4 answers -
Как отцентрировать блок поверх видео?
Подскажите, как можно отцентрировать блок #myblock поверх видео? <div id="trailer" class="is_overlay"><video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto"><source src="http://5thedgestudio.at.ua/img/back.mp4"></source></video></div><div id="myblock">Мои любые данные</div>.is_overlay{ display: block; width: 100%; height: 100%; }#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;;}#trailer > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1000;}@media (min-aspect-ratio: 16/9) {#trailer > video { height: 300%; top: -100%; }}@m…
0 votes1 answer -
как сделать меню резиновым?
Для резинового сайта надо сделать резиновое меню - меняю ширину экрана, меняется шрифт меню. Увеличиваю ширину экрана - шрифт пропорционально увеличивается Уменьшаю ширину экрана - шрифт пропорционально уменьшается Дайте ссылку где можно почитать или подправьте stile_menu.css - css файлик приложил
0 votes4 answers -
Как сделать border как на рисунке
Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?
0 votes4 answers -
hover на 1-й элемент, меняет стиль 2-го элемента
Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.
0 votes2 answers -
почему рамка сплюснулась
.border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.
0 votes1 answer -
Поставить растояние между елементами
Всем привет! Мне нужно сделать растояние между таблицей и краем. Ну типа: | | | | | | | 1 | TABLE | | | | | | | где 1 растояние. Как такое сделать не применяя дополнительный ряд таблицы в качестве разделителя, а сделать, например, дивом. тут должно быть растояниеТолько от как такое сделать у меня уман е хватает
0 votes2 answers -
Подчиненный список
есть два выпадающих списка. один задает параметр "город" второй - "улица" вот второй должен быть подченый первому. чтобы если я выбрал пензу, то улицы только пензенские были в списке, но не псковские. как это сделать. или другой пример: один выпадающий список задает "страну" второй выпадающий список задает "город" если я выбираю "Россия" в первом, то во второй только рос. города. Спасибо.
0 votes4 answers -
Маркированный список.
Добрый день. Поставил маркеры с помощью list-style: url(images/sdbr-marker.gif). Слишком большой отступ у них от пунктов списка. Ладно бы это было на Internet Explorer 6, но это наблюдается на последней Opera 11, и на Mozilla Firefox 3.6.13. Сами маркеры сползают немного относительно текста (ведь должны быть по центру). Как проблему решить? Internet Explorer 6. Opera 11 (уходят вверх). Mozilla Firefox 3.613 (уходят вниз). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset…
0 votes2 answers -
Убрать отступ
Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.
0 votes6 answers -
Меню на JS
вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…
0 votes8 answers -
Элементы CSS браузеров!
На вашем сайте нашел справочник по этим класс. Ну что-то типо -o- -moz-. Но вот инфу про это не нашел. Не подскажите как это называется и где можно прочитать что оно собой представляет?
0 votes7 answers -
как сделать всплывающий div
Имеется 6 блочных элементов div. Первые три - для элементов первого уровня, вторые три - для элементов меню второго уровня, которые выпадают при клике на одном из элементов первого уровня. Каждый из элементов второго уровня должны быть вложены в блочные элементы первого уровня.
0 votes6 answers -
Функции кнопки отправки
Я тут пробую делать первые шаги в этом деле, короче. Такая задача. Есть форма и есть кнопка "отправить", нужно сделать так, чтобы кнопка "отправить" - после первого нажатия - заблокировался и форма отправилась. Ато сейчас можно нажать 100500 раз на кнопу - и столько само раз отправитца )) Ну задачу поняли?
0 votes5 answers -
как правильно задействовать text-overflow ?
Ребята, я тут совсем запутался. Kак сделать обрезание текста по вертикали? Ещё и стрелку прикрутить. -- (БЕЗ JS) -- https://yadi.sk/i/sJPP2-IidBZoT
0 votes3 answers -
Съезжает текст в таблице
Добрый вечер. Коллеги, нужна ваша помощь. Уже всю голову сломала, перечитала кучу статей и не могу понять в чем причина. Задача вот в чем - верстаю таблицу - самую обычную: в одном столбце текст, во втором изображение. И вот при сохранении текст почему-то располагается на другой строке как будто бы. В чем может быть причина? Вот как это выглядит на сайте: http://www.elbrustours.ru/excursions/Chegem_waterfalls.php А вот моя таблица: фото должно быть определенного размера. Причем я думала, что причина в фото. Вообще в идеале размер хотелось бы фото 280*210. Но ничего не выходит. Вроде бы простая таблица, а весь день бъюсь и не могу сделать(( ПО…
0 votes1 answer -
Вопрос о кросс-браузерности:
Здравствуйте. Возможно эта тема уже поднималась, признаюсь, я плохо искал :| Суть вопроса проста, стоит ли использовать "хаки" для достижения кроссбраузерности или лучше придерживаться альтернативных решений в оформлении? И вообще, на сколько часто вы ими пользуетесь при создании оформления сайта? У меня в свое время была идея выдавать html код в зависимости от используемого клиентом браузера (по средствам php), на сколько популярно такое ненормальное решение? К минусам хаков еще могу сказать, они не всегда поддаются валидности; и опять же, новые браузеры (к примеру Опера) иногда их не поддерживают. Заранее спасибо.
0 votes2 answers -
Подскажите плиз как сделана страница контак на http://rusugar.com/
Здравствуйте. Подскажите пожалуйста, каким образом сделана выдвигающаяся страница с обратной связью на http://rusugar.com/
0 votes4 answers -
Тень у блока
В CSS3 есть свойство box-shadow для создания тени. Можно ли с его помощью сделать тень только слева и справа от блока?
0 votes3 answers