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
-
изменение цвета фона активной ссылки
Добрый вечер! Есть меню, в нем 6 кнопок. Цвет меню, предположим черный. Текст кнопок белый. При наведении курсора мыши на кнопку меню, цвет background-color выделяется зеленым цветом. Вопрос: как сделать так, что бы не только при наведении курсора мыши на кнопку менялся ее цвет, но и активная кнопка была всегда зеленой. В прикрепленном изображении на кнопку "Главная" наведен курсор мыши. Если я его убираю и перенашу, например, на кнопку "О нас", то кнопка "Главная" стоновится опять черной, даже в том случае, если данный момент активна Главная страница. Мне необходимо прописать что бы активная кнопка была всегда выделена зеленым цветом. Вот пример HTML кода: <u…
0 votes9 answers -
Проблема с "кнопками в safari"
Изменяю первый пост в связи с тем, что все оказалось гораздо хуже))) Просьба модераторов изменить название темы на более подходящее. Итак, взяв некоторые элементы, которые зачастую являются частью вёрстки самого макета, а не внутренних страниц содержания, провожу исследование кроссбраузерности этих элементов. 1) Делаю заготовку html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML CHECK</title> <link rel="stylesheet" type="text/css" href="css/css-for-check.css" /> </head> <body> <div id="box"> <a href="">a</a> <blockquote>a</blockquote> <cite>a</cite&g…
0 votes30 answers -
Как убрать отступ body
Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …
0 votes13 answers -
Вывод данных в <select>.</select> из БД
Доброй ночи. К примеру есть таблица. В ней поле status. На странице сайта выводится таблица и в ней тоже есть поле status. В этом поле в форме я делаю выпадающий список тегом <select> для изменения статуса: <select name="status"> <?php $a = 'новый'; $b = 'выполнен'; $c = 'в очереди'; ?> <option value="<?=$a?>"><?=$a?></option> <option value="<?=$b?>"><?=$b?></option> <option value="<?=$c?>"><?=$c?></option></select>После выбора статуса, нажав кнопку Сохранить, в БД поле status меняется на значение, выбранное в <select> на сайте. Вопрос такой: как сделать чтобы…
0 votes6 answers -
как вставить гиперссылку на файл, находящийся в локальной сети на стороне клиента?
Нужно на html-странице в интернете вывести гиперссылки на файлы, находящиеся в локальной сети пользователя (на клиентской стороне). Порыл теги html - не нашел такого стандартного решения. Если просто вставлять ссылку вида \\сервер\папка\файл.123 - то гипертекст его меняет на file://сервер/папка/файл.123, но открывать не позволяет - браузер не дает отклика от клика по такой гиперссылке. Идеальный вариант, чтобы даже картинки с сервера клиента загружались по тегу <img src='file://сервер/папка/файл.123' /> Подскажите, есть ли выход?
0 votes3 answers -
На какую тему можно создать сайт?
У кого-нибудь есть идеи о чём можно сделать сайт? Я пытался найти что-то в интернете так и не нашёл ответ на свой вопрос. Недавно думал сделать сайт об уроках Фотошопа, но сам не знаю как написать эти уроки.
0 votes37 answers -
Вёрстка div высота 100% 3 колонки
Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…
0 votes19 answers -
атрибут float одновременно меняет позиционирование на абсолютное?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…
0 votes28 answers -
Вёрстка писем, бэкграунд
Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.
0 votes15 answers -
rel="bookmark" - реальная польза использования?
хочу задать общественности вопрос - есть ли реальная (скажем, поисковая) польза использования параметра rel="bookmark" для ссылок в контентной части документа? сайчас перехожу с джумлы на WP, постоянно встречаю там этот параметр у ссылок заголовков. не могу взять в толк - зачем он?
0 votes2 answers -
что сделать чтобы в меню меню отключить перенос слов или расширить меню?
2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…
0 votes7 answers -
повторение фоновых изображений
Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....
0 votes32 answers -
min-height не работает
Вот нашол решение #element { min-height:925px; height:auto !important; height:925px; } И не работает этот "хак" в мазиле и в IE 8 (в других не пробовал), хотя где хак был написано, что проблемы только в 6 версии в последующих всё нормально. в опере норм, работает. доктайп стоит XHTML 1.0 Transitional, да если поставить HTML 4.01 проблемы вообще не будет, но думаю лучше XHTML 1.0, потом может пригодиться.
0 votes7 answers -
Открыть видео по ссылке
Здравствуйте. Ломаю голову над такой задачкой и уж не знаю решаема ли она... Если есть решение - подскажите! Делаю СD диск с презенташкой. Диск предназначен для людей не имеющих доступ к интернету, по этому сразу скажу что подключение внешних модулей моей проблеме не помогут. Короче говоря диск - это простенький статический HTML сайт с несколькими страничками, картинками и видео. Есть задача сделать так, чтобы ссылки на видео (в формате mp4) открывали видео в проигрывателе, а не предлагали его скачивать, т.к. нет смысла скачивать с диска на винт, а потом открывать для просмотра. Нужно так - кликнул на ссылку, автоматом открылся проигрыватель, посмотрел видео, закрыл прои…
0 votes9 answers -
знак бесконечности в тексте
Как вставить знак бесконечности в текст? когда я копирую его из Ворда в notepad++, то он заменяется на знак вопроса.
0 votes6 answers -
Как НЕ закрывать при клике на оверлей (overlay)
На http://red-book-cms....-bootstrap.html увидел пример модального окна. Но при клике на оверлей окно закрывается. Автор не отвечает уже 2 недели. Может кто подсказать? Начало: <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-modal.js"></script> Конец: <!-- Кнопка по нажатию на которую будет показано окно: --> <a data-toggle="modal" data-target="#mayoOkno" class="btn btn-primary">Показать модальное окно!</a> <!-- Модальное окно: --> <div id="mayoOkno" cla…
0 votes1 answer -
FORM - передача параметров на e-mail
Хочу сделать у себя на сайте форму состоящую из тр?х полей. Чтобы информация занес?нная в эти поля попадала мне на E-mail. Подскажите, как сделать? Буду признателен. Сайт на народе.
0 votes22 answers -
Не правильное отображение в Chrome
Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…
0 votes20 answers -
выпадающее меню
Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a>&l…
0 votes9 answers -
Отступ Navbar Bootrstap
Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…
0 votes9 answers -
Ноутбук для вёрстки
Добрый день. Кто верстает на ноутбуке, подскажите пожалуйста, как обстоит дело с удобством. Возникла необходимость поработать удаленно, но еще ни разу не сталкивался с вёрсткой на ноутбуке. Планирую покупать ноут с самым большим разрешением и самым большим экраном. Как верстаются сайты с разрешением в 1920px и более? Насколько вообще большая разница со стационарным компом с хорошим монитором? Не уверен, что правильно выбрал раздел. Если ошибся, перекиньте тему пожалуйста в нужный раздел.
0 votes22 answers -
вопрос по тегу <hr>
Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается
0 votes66 answers -
практика вёрстки
Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)
0 votes5 answers -
убрать перенос строки в списке.
Как убрать перенос строки в списке для создания горизонтального меню? <ul class="header_top_list"> <li>меню1</li> <li>меню2</li> <li>меню3</li> </ul> Результат: меню1 меню2 меню3 Нужный результат: меню1 меню2 меню3
0 votes13 answers -
Fieldset в Firesfox
Элемент Fieldset в Firefox 3.5 уходит вверх. Во всех остальных браузерах всё идеально одинаково. Какое может быть решение проблемы? Открываем в Firefox, чтобы увидеть проблему CSS прямо в исходном коде смотрите.
0 votes43 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-