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
-
Высота TEXTAREA
Можно ли сделать так, чтобы TEXTAREA тянулось в высоту по содержимому? overflow:visible не помогает
0 votes4 answers -
Проблема с отображением
Короч, делаю сайт, примерный макет разместил пока что на народе - http://osw67.narod.ru Проблемы: 1) В ie не отображается на главной маркера списка (и не только на главной, во всем документе). 2) В ie и огнелисе, например здесь - http://osw67.narod.ru/cost.html под копирайтами дохрена свободного места. Перебрал css, код - все вроде нормально. Причем в опере и сафари отображается корректно. Подскажите: что делать с маркерами списков и откуда появляется пустое место? И да, почему ie не обрабатывает <br>? Использовать другой доктайп и <br />?
0 votes13 answers -
Жёсткая вёрстка с justify
Хочу создать копию вёрстки некоего журнала, с сохранением жёсткой разбивки на строки. Стоит text-align:justify. Как только вставляю <br>, весь justify игнорируется. Как сделать и justify, и разбиение на строки?
0 votes12 answers -
font-face форматы шрифтов
В общем, по лицензии паратайпа на сайтах можно использовать шрифты только в форматах EOT, WOFF и SVG В чем засада: EOT понимает только IE, а WOFF, как я понял, введен в Mozilla только в версии 3.6 Как бы сделать так, чтобы все браузеры понимали, что за шрифт я им подсовываю и чтобы это было в рамках лицензии?
0 votes11 answers -
Background Div-а
Не так давно начал разбираться с CSS и это моя первая верстка, поэтому извиняюсь, если вопрос "ламерский", но самому не получается разобраться. Собственно сабж - никак не удается установить картинку на div, в результате она оказывается под ним. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" href="./header.css" type="text/css"/> </head> <body> <!-- Header --> <center> <div class="header"> <div class="block-body" style="background-ima…
0 votes1 answer -
Шрифты на ретине
Доброго всем. Может кто то подсказать, на ретина мониторах, как отображаются шрифты. Если задать к примему 13px, то на ретина он как то изменится???
0 votes9 answers -
Как сделать ссылку такого вида
не активна при наведении курсора и нажатии Может быть не много криво нарисовал, но... Если делать картинками-вс? понятно. Но можно ли как-то это реализовать не через картинки?
0 votes11 answers -
Карта yandex
Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ru" /> <meta name="robots" content="index,follow" /> <title>Сантехника Петербург :: Контакты</title> <meta name="keywords" content="ванны акриловые,…
0 votes6 answers -
Верстка , с чего начать ?
Здравствуйте , вот хочу попробовать поверстать сайты. Но не знаю с чего начать. HTML и CSS знаю на нормальном уровне , то есть сделать статическую страницу по примеру вполне смогу. Но вот как научится верстать такие страницы которые сейчас обычно можно увидеть ? Пару раз работал с такими движками как Joomla и DLE , на DLE все показалось практически элементарно практически один HTML + CSS.Но вот с Joomla сразу все очень страшно показалось один PHP практически . Пробовал что-то редактировать, изменять , даже вроде неплохой сайт вышел , но делал по готовому шаблону из интернета (изменял его) . Но вот хотелось бы научится верстать как бы "правильно" , насколько я знаю сейчас…
0 votes3 answers -
Курсор при наведении на картинку-ссылку
Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…
0 votes1 answer -
Эмуляция ячеек таблицы с помощью слоев
Всем здрасте. Имеем блоки с картинкой товара, его названием и ценой. Блоки фиксированной ширины, имеют стиль float:left; Т.к. название обычно разной длины, блоки растягиваются внутренним содержимым по высоте. Пример того, что получается, можно посмотреть на этой странице. Как видно из моего состояния страницы, из-за разницы в высоте блоков некоторые из них располагаются в хаотичном порядке. Так сказать, кому места хватило - тот и влез. Цель - либо выровнять высоту самих блоков, либо как-то заставить блоки понимать, какой отступ снизу/сверху они должны использовать, чтобы таблички располагались ровно. Делать таблицей уж очень не хочется..
0 votes10 answers -
Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?
Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…
0 votes0 answers -
средний div на всю оставшуюся ширину
Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?
0 votes3 answers -
Вопрс по макету
Есть вопрос по макету. (psd) Макет более 80мб. На форуме не выложишь. Где лучче залить файл и выложить ссылку на него? (Гугл диск подойдет?) Может у кого, знающего найдется 10 минут, чтоб ответить на вопрос по верстке?
0 votes0 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Проблемы (IE6)
Проблема следующая: при завершении загрузки страницы в ие6 пропадает левый блок стоит свернуть окно и, магическим образом, блок становится виден более того, он не исчезает, если вновь развернуть окно, но... стоит обновить страницу, как глюк возвращается на свои места. +есть неприятный глюк с фоном контента в том же ие6. проблема во плоти
0 votes6 answers -
Как всегда, непонятный эффект в IE
Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; pad…
0 votes18 answers -
Подчеркивание ссылки
Всем доброго времени суток! Помогите, пжалуйста Исходный код html <html> <head><title></title></head> <body> <div class="zagolovok"><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства"> <strong><h1>Горячие новости законодательства</h1></strong></a></div></body> </html> Исходный код css h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #636363; } .zagolovok a{ text-decoration: none; } .zagolovok a:hover { text-decoration: underline; color: #636363; } .zagolovok { position: relative; margin-top: 50px; …
0 votes16 answers -
Карта с подсветкой или другим эфектом
Доброго времени суток всем! Сразу оговорюсь что я совсем начинающий. Подскажите пожалуйста, как лучше и проще сделать карту (например России) с подсветкой разных регионов при наводке мышкой и всплывании нестандартных подсказок. Я понимаю что вопрос очень расплывчатый, но хотя бы ссылки на примеры работ, с выложенным кодом, или подсказки в каком направлении двигаться.
0 votes14 answers -
Нулевая высота блока, в котором блок div с картинкой без указанной высоты
Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…
0 votes2 answers -
Проблема с таблицей
Здравствуйте. Такой вопрос. Можно ли внутри столбца(в пределах одной строки) два элемента(например, два изображения) расположить так, чтобы один прилегал к верхней границе строки, а второй - к нижней? Или можно сделать только к чему то одному(верху/низу) с помощью <tr valign=top/bottom/...>?
0 votes10 answers -
Резиновые макеты c psd
Привет всем!!! Может кто потскажет сайтик где можно скачать рзиновые макеты обезательно с psd. Спасибо всем за ответы!!!
0 votes4 answers -
CSS
Народ, а CSS это и есть то что даёт дизайн сайту, его вид, расположение меню и т.д. ?
0 votes15 answers -
Как лучше сделать лого и название сайта?
Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …
0 votes13 answers -
Градиентная тень
Доброе время суток всем! Собственно, мой первый пост здесь) Хочу сделать вот что-то вроде этого, но без использования картинки. Проблема в том, что там тень получается "градиентной". Не могу найти решения, как это сделать (и возможно ли?) средствами css
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-