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
-
Проблема с навигацией
Вот макет. http://s019.radikal.ru/i602/1312/c7/0b4cb754ece3.png проблема такая, у меня знаний не очень много, но застрял на верхней навигации, как мне сделать чтобы при наведении цвет менялся на весь бок li, а не на фоне текста ? вот исходники http://jsfiddle.net/tHKt7/1/
0 votes4 answers -
Блок с разной высотой по бокам.
Как сделать вот такой вот блок? Бордером не получиться, т.к. он должен растягиваться по ширине(слева - сужаться, справа - расширяться).
0 votes25 answers -
Как нарисовать таблицу с помощью div
Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …
0 votes3 answers -
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
Проблема в Ie 6
Вот исходники. http://jsfiddle.net/m79xS/ Во всех браузерах все отлично, но в ie 6 вот что http://s2.ipicture.ru/uploads/20131203/Dhc1vaf1.png как это можно исправить и в чем дела ?
0 votes15 answers -
Таблица, textarea и firefox: необъяснимо, но факт!
Есть таблица, внутри ячейки которой растянут на 100% ширины и высоты textarea. В хроме всё прекрасно, но в огнелисе textarea находится в середине ячейки и имеет довольно небольшую высоту (явно не 100%). Пример: http://eeditor.tmin10.ru/ (http://jsfiddle.net/T9cy9/ если первый сайт упадёт (у мя слабенький хостер...)) Подскажите, как бы это исправить?
0 votes3 answers -
Проблема в отображением верстки в браузере
Всем привет! Появилась проблема, ни как не могу ее устранить.Около 2 месяцев назад верстал один шаблон, но не сверстав до конца забросил(пока что обучаюсь верстке).На настоящий момент решил переверстать его с нуля, но появилась проблема.Шаблон стандартный, статичный сайт 1000х1600 Структура верстки такова: <div id="wrapper"> <div id=''nav"></div> <div id="top"> <div id="left"></div> <div id="right"></div> </div> <div id="bottom"> <div id="sidebar"></div> <div id="content"></d…
0 votes3 answers -
Хостинг картинок
В практикуме дошел до верстки http://htmlbook.ru/practical/poshagovaya-forma. Там нужно использовать картинки. Подскажите удобный хостинг картинок. http://cssdeck.com тут вроде бы нет такой возможности.
0 votes1 answer -
Изогнутый прогрессбар
Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?
0 votes5 answers -
вставка изображений в css
Всем привет!Ребята,подскажите пожалуйста как правильно вставить изображение в css код?
0 votes10 answers -
[Помогите] Выпадающий список (js)
http://www.spektr-sb.ru/test-13.html - Наглядный пример, помогите реализовать нормальное отображение в ie. Вот скрин сравнение - Internet Explorer слева, Chrome справа.
0 votes7 answers -
Настройка sass для инспектора google
привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…
0 votes7 answers -
Кросбраузерное рисование многоугольников.
Хочу сделать небольшую интерактивную карту посёлка на JS, со скролом и зумом. В нижнем слое картинка, а в верхнем нарезанные полупрозрачные участки на которые можно наводить курсор, кликать и всё такое. Вот, не могу определиться чем рисовать эти участки. Хорошо бы, конечно, canvas, но судя по статистике он не будет работать примерно у 10% пользвателей, 8% из которых это IE8. Та же история и с SVG. Map и area тоже нельзя использовать так как участки получаются прозрачными. Подскажите, пожалуйста, максимально кросбраузерный вариант решения задачи.
0 votes3 answers -
Абсолютная ссылка без протокола
Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..
0 votes10 answers -
Подстраивать количество изображений под ширину экрана
Подскажите, как реализовать резиновый дизайн с изменением кол-ва изображений/блоков в зависимости от ширины экрана. http://screencast.com/t/EEXRBbY65 http://screencast.com/t/q1Q4mCN6i
0 votes2 answers -
Можно ли заменить position:relative+top на margin-top?
День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2
0 votes4 answers -
Практикум
Делаю задание из практикума вот что получилось http://cssdeck.com/labs/tneohfgn . Хотел задать вопросы. 1.Как сделать чтобы placeholder отображался в левом верхнем углу 2.Почему у Ингредиентов и Параметров фон иконок белый, хотя я задал transparent 3.Через что отмерять расстояние в макете ?(Я открывал программой adobe image ready, выбирал инструмент область и выделял нужный кусок, потом смотрел его размеры, открывал не psd а png файл, который также идет в атаче) 4.Как определять шрифт через фотошоп, размер, семейство ?
0 votes12 answers -
Валидация HTML5
Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(
0 votes6 answers -
Выравнивание по центру страницы.
Комрады хелп. Есть вот такая картинка: http://clip2net.com/s/6jEyou Пытаюсь сделать так: <div class="page-not-found"> <div> <h2>Ошибка</h2> <p>Страница, которую вы ищете не существует, либо устарела.</p> <p>Вы можете перейти на <a href="/">главную.</a></p> </div> </div>.page-not-found h2 { font-family: 'Comfortaa', cursive; font-size: 18px;}.page-not-found { background: url(../images/page-not-found_bg.png) left 20px no-repeat; padding: 0 0 0 80px; display: table;}.page-not-found div { …
0 votes4 answers -
Длинная страница
Добрый всем вечер! Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!
0 votes4 answers -
Отцентрировать посередине текст
На странице есть ячейки с товарами и там нужно отцентрировать название товара посередине по горизонтали. Что то не понимаю как это сделать.
0 votes1 answer -
Как реализовать такую карту?
Как реализовывается такая карта обычно?
0 votes5 answers -
Как сделать разные таблицы в одном документе?
Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…
0 votes5 answers -
Проблема с высотой блоков
Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti
0 votes7 answers -
Как найти нужный файл Html?
Всем добрый день! Ребят Хелп. сделали мне сайт и все исполнители исчезли. Все вроде налажено, но нужно менять текста на внутренних страницах сайта. Все хтмл файлы перерыл, не могу найти нужный, куда засунули, хз! Вот сам сайт: ввв.itobi.ru
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-