HTML Coding

29,542 questions in this forum

1. Не понятно откуда берется иконка на странице

   Добрый день! Вот страница http://boston.cafe18.ru. Там есть такие иконки http://joxi.ru/YxAe31qSzVyGmy. Я просмотрел в коде и css указания на файлы и не могу никак понять как они вставляются. Нигде не вижу пути до иконок.

   Asked by smirn0ff, April 5, 2017

   0 votes
   1 answer
2. При обновлении страницы съезжает блок меню

   Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.

   Asked by Alex75, April 5, 2017

   0 votes
   1 answer
3. Как лучше верстать резиновую карточку товара?

   Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

   Asked by black_c, April 5, 2017

   • верстка
   • css
   0 votes
   1 answer
4. Эффект обводки текста

   Здравствуйте! Скажите как добавить эффект обводки тексту средствами css3 ?

   Asked by stan07, April 4, 2017

   0 votes
   2 answers
5. Сайт на php

   У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.

   Asked by ErUnDAK, April 4, 2017

   • php
   • html
   0 votes
   5 answers
6. Скип к топу страницы при активации анимации

   Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страни…

   Asked by Indorill24Empty, April 4, 2017

   0 votes
   2 answers
7. Ищу хороший free bootsrap 3.3 темплейт для форума

   Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

   Asked by mstdmstd, April 4, 2017

   0 votes
   4 answers
8. Дополнительная линия у фона

   Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…

   Asked by musulman, April 3, 2017

   0 votes
   2 answers
9. Проблема с отображением CSS и HTML

   Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает.…

   Asked by SlipSSLucker, April 3, 2017

   • html
   • css
   0 votes
   3 answers
10. адаптивная верстка

    Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,

    Asked by tyjn, April 3, 2017

    0 votes
    2 answers
11. Заказ адаптивного сайта

    Здравствуйте, подскажите пожалуйста, допустим заказчик хочет адаптивный сайт, дизайнер должен сделать разные PSD макеты, под каждое разрешение, или верстальщик сам должен адаптировать сайт, изменяя шрифт, блоки и т.д. по своему усмотрению?

    Asked by Oleg90s, April 2, 2017

    0 votes
    3 answers
12. Проблема с Flex

    Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

    Asked by John106, April 1, 2017

    0 votes
    5 answers
13. Проблема с Emmet на ST3

    Раньше пользовался NotePad++ с плагином emmet. Горячая клавиша была tab, к чему я, естественно, привык. Скачал Sublime Text 3, установил emmet, но работает сочетание клавиш ctrl+e. Как изменить его на tab?

    Asked by Захаров Даниил, March 30, 2017

    0 votes
    1 answer
14. Проблема с выравниваем по вертикали

    У меня тут такая проблема. Не могу разобраться как выровнять по вертикали слайдер. Может кому покажется что это элементарно, но мне чет не доходит в голову как это сделать надеюсь поможет кто. Ссылка на конструктор с кодом.

    Asked by John106, March 30, 2017

    0 votes
    1 answer
15. Как выполнить проверку input на заполнение?

    Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

    Asked by sergei8550, March 29, 2017

    • input
    • input+label
    • проверка input
    0 votes
    3 answers
16. Маркированный список

    Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!

    Asked by Ольга А., March 29, 2017

    • список
    • css
    • редактирование
    0 votes
    1 answer
17. Оффлайн курсы по front-end

    Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …

    Asked by Hasiev, March 29, 2017

    0 votes
    0 answers
18. @media screen не работатет

    Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

    Asked by Nikita L, March 29, 2017

    • html
    • css
    0 votes
    4 answers
19. Эффект перехода по слайдам

    Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

    Asked by Pikavit, March 28, 2017

    • анимация
    • слайдер
    • слайд
    • javascript
    • css
    0 votes
    2 answers
20. Сохранение пропорций Div при масштабировании

    Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

    Asked by volchek, March 28, 2017

    • div
    • масштаб
    • пропорции
    • размер
    0 votes
    5 answers
21. перестает работать :hover после клика на чекбокс.

    Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.

    Asked by sergei8550, March 27, 2017

    0 votes
    1 answer
22. Возможность писать в div как в textarea

    Как сделать без применения js и без textarea, чтоб в блоке div пользователь мог писать текст как в textarea? Использовать только css.

    Asked by sergei8550, March 27, 2017

    0 votes
    3 answers
23. Выравнивание горизонтального меню по центру

    Доброго времени суток, Хотел бы обратиться за помощью, так как ответа на просторах интернета найти не смог. Проблема: есть горизонтальное меню. Состоит из 4 пунктов. После второго пункта идет логотип. Все выравнено по центру. Но так как первые два пункта меню длиннее, чем последние два, логотип находится не по центру. Вопрос: как поместить логотип ровно по центру, сохраняя выравнивание пунктов меню по центру?

    Asked by rodion7195, March 27, 2017

    0 votes
    6 answers
24. Не выравниваются путкты меню по ширине

    Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.

    Asked by nikki4, March 27, 2017

    0 votes
    6 answers
25. Странное позиционирование блока DIV

    Внутри блока с фиксированной шириной и высотой должны располагаться четыре блока в один ряд. Между ними не должно быть пустое пространство. (margin:0; padding:0; не помогло). Почему блок с классом 'col-4-2' позиционируется относительно нижней границы текста блока с классом 'col-4-1'? Что я делаю неправильно. Вот ссылка на файл: https://jsfiddle.net/ttoliboff/81oL39y3/

    Asked by toliboff, March 27, 2017

    • div
    • display
    • position
    0 votes
    4 answers