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
-
Помогите найти ошибку в коде!
Помогите найти ошибку в коде!В Dreamweavere всё отображается нормально, а когда открываю в браузере всё расплывается в разные стороны. Вот сам сайт
0 votes2 answers -
Проблемма с двухколоночным макетом
Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)
0 votes7 answers -
отступы и ширины
можно ли во всяких элементах типа: width top paddinng задать размеры в таком формате: 25% + 30px если да то как это сделать?
0 votes3 answers -
"Абсолютные" блоки за вне сайта.
Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…
0 votes3 answers -
зазор между строками
объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF
0 votes6 answers -
Создание отдельных файлов картинок из psd
Добрый день! Помогите, пожалуйста, начинающему верстальщику. Есть макет: http://db.tt/1CKLxFyy Нужно сверстать страницу. Вопросы: 1. Как лучше сохранить фоновый рисунок. Я имею в виду, нужно ли два слоя с градиентом сохранять отдельно или объединить 4 нижних слоя в файл jpg и это сделать фоновым изображением или объединить 4 нижних слоя и все прочие рисунки ( за исключением ссылок, текста, картинки с видео и т.п.) в один файл jpg и это сделать фоновым изображением. 2. На ваш, опытный, взгляд этот макет - макет резинового сайта или с фиксированной шириной? Если резиновый, что делать с фоном на болших экранах? 3. Пункты меню разбросаны по странице. Это делается на дивах…
0 votes2 answers -
Проблема с подключением LESS
Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…
0 votes3 answers -
таймер обратного отсчета
Подскажите пожалуйста, есть ли готовые таймеры на php к примеру, который бы начинал отсчет заного после обновления страницы? В инете много таймеров, но все делают отсчет до определенной даты...
0 votes1 answer -
Выпадение блока в IE
Подскажите, пожалуйста, почему в IE данный блок выпадает из main? Верстка: https://googledrive.com/host/0B6IlwqUO2fshV3M2MjRXT1VTM28/
0 votes1 answer -
Разное отображение в хроме в фоксе
Почему в хроме кнопка В корзину с полем количество на одной линии, а фоксе не так? Ссылка
0 votes1 answer -
Проблема с масштабированием
Добрый день. Есть верстка http://ukrainian2014.url.ph/ и одна проблема, которую я не могу решить. У сайта фиксированая ширина 1920, при изменении масштаба начинают съезжать миниатюрки в большом слайдере и то, что над слайдером, а так же текст на некоторых кнопках. Помогите пожалуйста решить или подскажите, где копать, что-бы понять, как это испарвить, а то второй день уже ковыряюсь и толку 0..
0 votes1 answer -
Проблема с "липкими" элементами
День добрый! Буду краток. Есть страница - http://test.nothink.me/index_2.html при переходе на моб. версию (уменьшаем ширину браузера), то видим, что скрипт запомнил высоту элементов с десктопной версии сайта. Нужно заставить его пересмотреть свое решение. Есть ли плагины, которые при переходе определенного разрешения, он перезагружает/вызывает плагин? Вторая проблема заключается в том, что первый аккордеон (Your order), работает криво. Прошу помощи в решении этих проблем. Спасибо! Владислав
0 votes3 answers -
На мобильных проблема с бекграундом
Добрый вечер, друзья! Подскажите в чем проблема. Не могу понять. Почему фон так режется ? http://i.imgur.com/HxRUb3H.pngВот сама верстка http://root1.donkos.esy.es/ . Заранее искренне благодарю!
0 votes4 answers -
CSS проблемы мобильной вёрстки (Google Mobile Friendly)
Есть сайт на Drupal 7, установлена адаптивная тема. При проверке сайта на предмет совместимости с мобильными устройствами сервисом Гугл Mobile Friendly, на заглавной и на всех прочих страницах, кроме тех, что с картинками, сервис пишет: Отлично! Страница оптимизирована для мобильных устройств. А вот на страницах, где есть картинки, сервис Google Mobile Friendly выдаёт сообщение - Не оптимизировано для мобильных устройств (контент шире экрана). При всём при этом при тестировании этих страниц с картинками и всего сайта в целом на эмуляторах мобильных устройств, картинки масштабируются, полностью вписываясь в экран, как надо. Для тега img задано max-width: 100%; height: aut…
0 votes1 answer -
Выборочное заполнение фона
Как сделать чтобы область в левом нижнем углу не заполнялась фоновым цветом? https://jsfiddle.net/0xhypez7/1/ Конечно можно вставить туда картинку, но может как нибудь тенями?
0 votes1 answer -
Проблема в вставки картинки в html коде
Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…
0 votes1 answer -
Картинка внутри контейнера другого блока
https://codepen.io/baicuao/pen/LYewoPZ вот песочница. У меня картинка находится в блоке world, но когда смотрю через инспектор она находится в блоке ниже в .help__container, из-за этого даже стили на элементах .help не работают
0 votes0 answers -
выравнивение таблиц и изображения
Есть таблица и есть изображение. У таблицы стоит float: left. Изображение же нужно вывровнять так чтобы оно было рядом справа от таблицы, но не справа от экрана. Как ни крутил но изображение упорно появляется во-первый над таблицей, а не на одном уровне (по высоте) с ней как мне нужно. Во-вторых размер изображения почему-то подгоняется под ширину таблицы... Ну и в третих какое бы я выравниевание не задавал для изображения, оно отображается только слева екрана если есть эта таблица... Вопрос. Как сделать чтобы иозбражени было немного справа от таблицы? К сожалению в этом форуме нету кнопочки удалить тему После того как сам прочитал свой пост, понял что я тупо забыл постав…
0 votes0 answers -
создание меню
привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.
0 votes4 answers -
помогите
Сделал слайд-вьюер. На компе когда просматриваю - всё норм, но когда на хост выложил затупил и ничего не показывает. ВСЕ ФАЙЛЫ НАХОДЯТСЯ В ОДНОЙ ПАПКЕ + там 3 картинки и анимация загрузки Результат
0 votes2 answers -
родительские элементы для form
При верстке нтмл форм часто не нужно вспомогательных элементов и после открывающего тега form сразу вставляю <input или другой элемент форм. В таком случае IDE Netbeans подсвечивает предупреждение что такой элемент (input, select, label) не может быть дочерним элементом для <form>. Меня интересует почему так. И влияет ли это на валидность кода. Если вставлю input в любой блочный элемент (div или p), ошибка пропадает. Но для чего мне лишний элемент, если могу без него обойтись.
0 votes5 answers -
А как?
Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…
0 votes4 answers -
Выбор картинки кликом
Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>
0 votes1 answer -
поведение SELECT, вопрос для гуру html
Здравствуйте! Вопрос скорее теоретический. На сайте www точка seogenerator точка ru/tools/ ( точка замените точкой) в правой колонке кастомизированный select, который выбирает кодировку. Метод кастомизации основан на том что при задании opacity 0 сам селект не виден, но выпадающий список виден, документированное ли это поведение, или баг, и выпадающая часть тоже должна быть невидима? Желателен пруф на доку. Спасибо!
0 votes5 answers -
Тег <label>
Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-