HTML Coding

29542 questions in this forum

1. При помощи чего можно реализовать меню с изображения.

   Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…

   Asked by Super_Saimon, October 25, 2017

   • верстка
   0 votes
   4 answers
2. Найти последний дочерний элемент в контейнере

   Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…

   Asked by IvanRu08, October 25, 2017

   0 votes
   1 answer
3. 2 строки центрировать вертикально относительно изображения

   Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

   Asked by hike, October 26, 2017

   0 votes
   2 answers
4. графика на сайте

   Добрый вечер. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? sait1.zip

   Asked by AlexandrShinkin, October 26, 2017

   • сайт-заглушка
   • графика
   • меняющийся фон
   0 votes
   0 answers
5. джон дакетт Хорошая ли книга?

   Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

   Asked by ToxaGAV, October 26, 2017

   • книга
   • для новичков
   • хороша ли?
   0 votes
   0 answers
6. джон дакетт Хорошая ли книга?

   Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

   Asked by ToxaGAV, October 26, 2017

   • книга
   • для новичков
   • хороша ли?
   0 votes
   1 answer
7. метка к чекбоксу

   Здравствуйте! Здесь http://htmlbook.ru/blog/kartinka-vmesto-chekboksa описан способ кастомизации чекбокса, и в первом же комменатрии спрашивают, куда тогда выводить текст метки. У меня тот же вопрос, а текст метки как вывести, если label используется под кастомизацию?

   Asked by hike, October 26, 2017

   0 votes
   5 answers
8. Проблема с анимированием "гамбургера"

   Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

   Asked by IvanRu08, October 27, 2017

   0 votes
   1 answer
9. Почему Bootstrap переносит айтем на следующую колонну

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

   Asked by Blend1n, October 27, 2017

   • верстка
   • boostrap
   • бутстрап
   0 votes
   3 answers
10. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08, October 27, 2017

    0 votes
    4 answers
11. Вставка исходного года в html

    Всем привет! Столкнулся с проблемой, сервер может обрабатывать не более 5 запросов одновременно, поэтому приходится вставлять некоторые элементы прямо в index.htm Сейчас реализовано как ссылка <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или <link rel="shortcut icon" href="favicon.png" type="image/png"> но нужно код картинки вставить прямо в htm чтоб убрать лишние запросы к серверу. Как вставить исходный код вместо ссылки на favicon или иные картинки?

    Asked by mcMega, October 28, 2017

    • html
    0 votes
    2 answers
12. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar, October 28, 2017

    0 votes
    1 answer
13. Верстка темы под tumblr.com

    Как сверстать тему под блого-сервис "Тумблер"? Есть опыт у кого и советы какие будут, ограничения?

    Asked by Garamond, October 29, 2017

    0 votes
    1 answer
14. Верстка адаптивного дизацна. Сетка

    Ни разу не верстал сеткой. Раньше мне попадались макеты, и там вертиальными линиями были колонки. Щас вот решил сверстать следующий макет. В шапке несколько горизонтальных линий, че к чему ?) я делая сетку это тоже как то учитывать должен ??? а еще, колонка как бы одна большая ? и в мобильная версии оодна, но меньшего размера и в большой версии как мне кажется, должна быть линия разделения двух изоображений(контейнеров), то есть там 2 блока должно быть на сколько колонок нужно бить ? по своему усмотрению ? я вижу, что можно на четыре побить, не больше, судя по шапке можете пояснить эти моменты

    Asked by SnowSilver, October 29, 2017

    • сетка
    • адаптив
    0 votes
    11 answers
15. Верстка FAQ

    Делаю сайт на Wordpress. Столкнулся с проблемой, стандартного функционала виджетов, с помощью которых я делал сайт, не хватает, чтоб реализовать желаемое. CSS и html знаю очень базово. Подскажите, как реализовать кодом содержимое скриншота и подключить его к вордпрессу? По нажатию на кнопки, меняется текст на панелях ниже. По нажатию на саму панель (вопрос), текст на панели меняется (на 1 панели видно) и получается уже ответ.

    Asked by emperror, October 29, 2017

    0 votes
    2 answers
16. проблема с отступами

    как убрать этот отступ между верхним и нижним <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a> </li> </u…

    Asked by Daniyar, October 30, 2017

    0 votes
    1 answer
17. Анимация на сайте

    Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.

    Asked by Ferensy, October 30, 2017

    • анимация
    • jquery
    0 votes
    3 answers
18. Как изменить input

    Что сделать чтобы в <input type="text"> </input>(высота 200px, ширины 500px) чтобы данные записывались не в 1 строку.

    Asked by kinat, October 31, 2017

    0 votes
    2 answers
19. Блочная верстка макета

    Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

    Asked by Super_Saimon, October 31, 2017

    • html
    • блочная верстка
    0 votes
    8 answers
20. Адаптивная верстка (бутстрап) и мобильные девайсы с большим разрешением

    Бутстрап привязывается к разрешению девайса. А как отображается адаптивная верстка на девайсах с большим (full hd и более, например)?

    Asked by torsar, October 31, 2017

    0 votes
    3 answers
21. одновременный hover для ссылок из разных блоков

    https://jsfiddle.net/g2xLveea/1/ Можно ли сделать без js, чтоб при наведении на одну ссылку, hover срабатывал и для другой? (ссылки в разных div-ах)

    Asked by torsar, October 31, 2017

    0 votes
    2 answers
22. Проблема с позиционирование с свойством "text-align"

    Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

    Asked by Super_Saimon, October 31, 2017

    • css
    0 votes
    7 answers
23. Вопросы по адаптивной верстке

    1. Как указывать шрифты? Так? Или когда как? Или как? )) Скрытый текст html { font-size: 14px; } body { font-size: 1em; } .title { font-size: 1.5em; } @media (min-width: 620px) { html { font-size: 16px; } } Или каждому текст. элементу на каждом брейк-поинте указывать отдельно? )) 2. Как перестраивать блоки в адаптиве? Заказчик предоставляет макет отрисованный под один экран(940-1200px), и при этом говорит, что нужен адаптив, а как его делать? Нужно знать еще и основы веб-дизайна, и иметь вкус? Или есть какой-то шаблон которому все зачастую следуют? Скорее всего список не окончательный, будут еще вопр…

    Asked by Hasiev, October 31, 2017

    0 votes
    2 answers
24. head Бездомный конечный тег head

    Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm

    Asked by Илья123, November 1, 2017

    0 votes
    7 answers
25. Почему картинки съезжают при масштабировании?

    При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.

    Asked by Crushing, November 2, 2017

    • html
    • css
    0 votes
    1 answer