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
29,542 questions in this forum
-
Заливка полигона в area shape (MAP)
Здравствуйте. Использую на картинке мэп. Необходимо, чтобы при наведении курсора полигон заливался или чтобы происходило выделение границы полигона. Как это возможно реализовать? CSS? <img src="image_ex.gif" width="200" height="150" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="77,116,66,70,132,57,127,105" href="#" title="****" /> </map> Спасибо за ответ
0 votes0 answers -
верстка
вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg 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=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…
0 votes3 answers -
Выравнивание вертикального списка.
Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..
0 votes2 answers -
Блочная вёрстка
Всем привет. Пожалуйста, помогите в затруднительной ситуации. Прилагаю картинку - Дано: 3 дива. В первом диве текст и ещё пара дивов. Страничка с плящющей шириной (min-width, max-width). Надо: При уменьшении/увеличении окна браузера, первый блок тянется, второй и третий не изменяются и остаются у правого края. Никак не получается. Получается как на картинке 2 - при уменьшении окна браузера, блоки 2 и 3 перескакивают вниз.
0 votes6 answers -
Color
Как сделать плавный переход от одного цвета к другому
0 votes9 answers -
Вложенность, селекторы (непонятное поведение)
Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …
0 votes20 answers -
Помогите плз
Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. 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=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…
0 votes2 answers -
https
помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…
0 votes6 answers -
бустрап верстка
есть такой чудо код <div class="row"> <div class="col-lg-4"> <div class="col-lg-7"> <h1>Менеджеры</h1> </div> <div class="col-lg-5"> <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1> </div> </div> <div class="col-lg-8"> </div> </div>так нормально делать или есть более правильное решение? смущает ссылка в <h1> но иначе не выравнивается
0 votes12 answers -
input как избавится от лишних отступов?
Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также…
0 votes1 answer -
Откуда-то взялись 12 лишних пикселей по высоте
http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию
0 votes3 answers -
проблемы с видом через мобильный телефон
во всех браузерах через комп все отлично а когда с мобильного заходишь все выводит в беспорядочном виде http://vos161.narod.ru я загрузил диз чтоб показать проблему поэтому нет там ссылок и вторых страниц. что можете посоветовть ? как можно решить эту проблему ???
0 votes14 answers -
Почему не приходят сообщения с формы обратной связи
Здраствуйте я сделал на сайте форму обратной связи (чтобы пользователи могли отправлять мне сообщения). При отправке сообщений скрипт выводит, что сообщение отправлено, но сообщения не приходят на почтовый ящик. Перепробовал несколько готовых скриптов и почтовых ящиков, сообщения отправляются, но не приходят. В чем проблема кто знает?
0 votes4 answers -
Вопрос по дизайн шапки сайта DLE
Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…
0 votes1 answer -
div под div'ом
Подскажите пожалуйста: код. Как можно сделать так, чтобы один див располагался под другим, без применения отрицательного margin-top и любых других вариаций отрицательного смещения?
0 votes8 answers -
Обрезка изображения
Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?
0 votes2 answers -
Как разместить один блок под другим
что нужно написать в css. чтобы блок 2 распологался под блоком 0?, а 1 под 2? на всякий случай уточняю, что блок1 и блок2 генерируются пхп скриптом различных размеров. дело в том, что нужно чтобы при нажатии на одну кнопку пхп выводит блок1, а потом после заполнения блока1 и нажатия на вторую кнопку создается блок2. но проблема в том, что после нажатия на кнопку 2, окно автоматически переводится на начало к блоку0. вот я хочу сделать так, чтоб при нажатии на кнопку 2. окно попрежнему переводилось к блоку0, но при этом там ниже был не блок1, а блок2, а блок1, под вторым.. <!DOCTYPE html> <html> <HEAD> <style type="text/css"> #zero{ border: 1px sol…
0 votes3 answers -
Фиксирование блока ( position: fixed или иное)
Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …
0 votes3 answers -
Перенос строки меню джумла + присвоение нового класса
Доброго времени суток! Задача стоит такая... есть меню джумла... http://st-food.com/ - такое... (тепловое оборудование..холодильное...) class="nazva1" - Тепловое class="nazva2" - оборудование http://food.mysonar.ru/ - не понимаю как такое выполнить здесь... перенос строки могу сделать, получится в две строчки, межстрочный интервал уменьшить, но!!!! как придать класс nazva2? Подскажите кто сталкивался с таким... осталась только эта проблема в верстке!
0 votes0 answers -
Как развернуть картинку в модальном окне
На странице есть полноразмерная картинка но сжата стилями до необходимых. Как можно сделать что бы при нажатии на ссылку "развернуть" этаже картинка разворачивалась в большом всплывающем окне (на 90% экрана)? Причем надо что бы именно эта картинка просто развернулась - БЕЗ лишней ещё одной загрузки. Вот заготовка - https://jsfiddle.net/af5wk09r/ ссылка "развернуть" не работает ( Спасибо, можно ли реализовать без скриптов?
0 votes2 answers -
Верстка таблиц
Как на сегодняшний день общепринято верстать таблицы под маленькие разрешения устройств? Какие существуют техники верстки адаптивных таблиц?
0 votes6 answers -
В Mozilla не подключаются стили
Подскажите, в чем может быть баг. В Мазиле не подгружаются стили. Причем бэкграунд для body подгрузился, а все остальное нет. В опере и ie все отлично! 2 года уже верстаю а с таким не сталкивался... Спасибо!
0 votes3 answers -
Новостная лента - как сделать?
Здравствуйте уважаемые знатоки. У меня проблема. Я сделал свой сайт в программе Фронтпейдж. Всё бы хорошо, но у меня есть там две проблемные странички. Одна новостная, а вторая вопросы и ответы. Мне бы хотелось, чтобы они были по принципу форума - двадцать новостюшек и переход на новую страницу. Не могли бы вы подсказать оптимальный вариант
0 votes6 answers -
Обрезает таблицу ie
В ie обрезает таблицу, подскажите как можно это исправить http://www.npounit.ru/new/catalog.php?mode...info&id=232
0 votes1 answer -
Отступы
Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-