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
-
Картинка по середине
Привет, подскажите плиз. Имеется картинка шириной 1200 px, нужно сделать её фоном по середине. В css указываю ширину, и margin:auto. Это все хорошо отрабатывает НО там где монитор менее 1200 (конкретно телефоны, планшеты), надо сделать, чтобы фото обрезалось с двух сторон (по типу картинка влазила на 100% дисплея), а то сейчас получается что ширина сайта шире экрана и появляется прокрутка по горизонтале.
0 votes2 answers -
Моя первая верстка
Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …
0 votes7 answers -
Стоит ли использовать <!DOCTYPE html>?
Здравствуйте! Как вы думаете, стоит ли использовать <!DOCTYPE html>, доктайп для html5, если сам валидатор http://validator.w3.org/ предупреждает что это экспериментальная функция и могут быть проблемы? Какой доктайп сейсас лучше использовать? Каким доктайпом всегда пользуетесь вы? Или выбор доктайпа зависит от конкретного проекта?
0 votes8 answers -
Ищу друга
Ищу друга(друзей), начинающего и увлекающего фронтом (если увлекаешься Arduino тоже можешь стать другом ), для решение совместных задач по Frontend. Как говориться, одна голова хорошо, а две лучше. пиши в скайп: cssless
0 votes9 answers -
Меню
Приветствую, сделал менюшку, но элементы li, вылезли за пределы ul по отношению к картинке, что делать? http://jsfiddle.net/9b4t0ws9/
0 votes2 answers -
Блоки вразнобой и фон по наведению
Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?
0 votes3 answers -
Как это сверстать?
Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите? В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?
0 votes7 answers -
Ссылка-кнопка
Имеется кнопка-ссылка в виде картинки. При нажатии на кнопку в IE появляется непонятно откуда взявшийся фон, в других браузерах всё работает нормально. Вот собственно как это выглядит - До нажатия: Во время нажатия: Что делать не имею понятия. Многое перепробовал. Буду благодарен любой помощи
0 votes3 answers -
Странность с clear: both.
Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…
0 votes2 answers -
javascript
http://codepen.io/anon/pen/LJmDx Kak propisat java script ili kakoe video posmmotret chtoby sdelat eto zadanie.
0 votes8 answers -
Подскажите, что это за шрифт?
Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?
0 votes3 answers -
Здравый смысл Vs bootstrap
Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…
0 votes8 answers -
Как сделать такую стену?
Как сделать такую стену? Посоветуйте какие-то скрипты Пожалуйста
0 votes2 answers -
help, что за прога или не прога
Подскажите что это такое, если я правильно объясню. Видел где-то на сайте такую штуку: Сверстанный макет первой страницы и сверху накладывается оригинальный макет страницы как будто с прозрачным фоном, и смотришь где не так сверстал где расхождения, надеюсь так объяснил?
0 votes2 answers -
Съезжает боди.
Помогите понять, почему страница кривит. Причем в ИЕ нормально, а мозила и сафари с телефона - глючат. Ссылка удалена
0 votes3 answers -
IE не подхватывает кодировку
Как сделать, чтобы IE открывал страницу в соответствии с заданной кодировкой. В частности, у меня страница в утф-8. А браузер открывает ее в 1251. В настройках есть "Автовыбор". Но не срабатывает при первом открывании страницы. Однако, если Автовыбор сбросить, переоткрыть страницу, потом опять установить, переоткрыть. То открывается как нужно. Но мне нужно, чтобы с первого раза. Вот код: <!DOCTYPE HTML> <HTML> <HEAD> <META CONTENT="text/html;charset=UTF-8"> <TITLE>утф 8</TITLE> </HEAD> <BODY> ТЕКСТ </BODY> </HTML>
0 votes13 answers -
960gs
Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.
0 votes10 answers -
Помощь в отсылании переменной
Ребят, имеется вот такой код <select name="material1" tabindex="1" class="material1"> <option value="1">ЭКОНОМ (Россия) Глянец\Мат\Сатин до 1.5м шириной</option> <option value="2">СТАНДАРТ (Бельгия Polyplast) Глянец\Мат\Сатин до 5.5м шириной</option> <option value="3">ЭЛИТ (Германия Pongs) Глянец\Мат\Сатин до 3.5м шириной</option> <option value="4">ЭКСКЛЮЗИВ (Франция Barissol) Глянец\Мат\Сатин до 2.3м шириной</option> <opt…
0 votes3 answers -
Как вывести уменьшенную копию картинки через .css?
Вопрос решен.
0 votes0 answers -
bloki
http://codepen.io/anon/pen/LJmDx Помогите , как работать в 960 , нужно сделать 3блока ( внизу под текстом в блоке 2 любые кнопки) наверху одинаковых в 960 гс и под ними еще два толко 1 блок долэн быть как на верху а второы в 2 раза больше. текст расползается.
0 votes3 answers -
Интересная стрелка, как?
Всем доброго вечера, требуется стрелочку сделать на CSS, но не могу понять откуда начинать. Вот что приблизительно нужно на CSS: Как можно похожее реализовать, через transform возможно ? Может есть у кого что-то похожее, надеюсь на любую помощь. Спасибо !
0 votes7 answers -
что за бордер? или не бордер
Всем привет, ток начал bootstrap использовать, делаю всплывающую форму, туплю паходу но не пойму откуда бордер когда нажимаешь на кнопку, остается синий бордер? как его убрать? http://jsfiddle.net/4gm0rb0j/13/
0 votes5 answers -
Автозаполнение форм
Всем привет. Есть с таблица с товарами. И в последнем столбце хотелось бы сделать кнопку заказа, определенного товара, который соответственно первом столбце таблицы. Вот пример http://zenova.ru/category/vozduhoduvki/vihrevie-vozduhoduvki-seko-bl Но тут правда как корзина, мне нужно просто что в окне popup с формой, уже в теме заявки, был этот товар Заранее, Спасибо!
0 votes6 answers -
Закругленныи конец в header
<nav id = "navigation"> </nav> css #navigation{ height:40px; background-color:rgb(150,150,150); margin-top: 10px; } Skajite kak sdelat zakruglennyi konec u headera.
0 votes1 answer -
banner
как разместит в баннере картинку, во весь баннер. html kod <aside id = "banner"> <img src="../covers/roma2.png"> s kartinkoy problema </aside> css: #banner{ height: 150px; margin-top: 15px; background-color:rgb(150,150,150); }
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-