HTML Coding

29,542 questions in this forum

1. В каком компиляторе разрабатывать?

   Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !

   Asked by Joris, May 23, 2016

   • книги
   • новичок
   0 votes
   6 answers
2. Помогите со слайдером

   Всем привет. Прошу сильно не пинать Подскажите новичку как сделать слайдер Tilted Content Slideshow по таймеру, то есть через определенное время чтобы сам листался? Заранее благодарен!

   Asked by Seregka174, May 16, 2016

   • слайдер tilted content slideshowtilted content slideshow
   0 votes
   8 answers
3. Пропорциональная высота

   Привет, допустим есть изображение 1.280 на 720 пикселей, как узнать его пропорциональную высоту при ширине 1.000 пикселей на PHP? Спасибо!

   Asked by Anechka, May 24, 2016

   • php
   0 votes
   1 answer
4. Не работает меню

   Всем привет, народ, есть сайт: http://bodys.top/ Я туда хочу добавить меню. Взял его вот отсюда: http://www.ibody.su/ А именно "Для похудения", "Акции и распродажи", "Уход за ногами" и тд. Проблема в том, что при наведении элементы меню не ведут себя как ссылки, при наведении не меняют цвет, где стрелки - не выпадает меню. Я скопировал полностью верстку этого меню с http://www.ibody.su/ , А именно div с классом section--main_menu row, полностью template.css скопировал. Если локально на пустой странице делаю - всё работает, а вот если на свой сайт пытаюсь вставить - вот такая вот беда. Помогите народ кто может пожалуйста.

   Asked by fenix_63, May 24, 2016

   • html
   • css
   0 votes
   1 answer
5. Обрезать текст по высоте.

   Приветствую, подскажите друзья как быть, представим, что есть новость, высота блока новости 40px. Нужно сделать так, что текст обрезался не по ширине в одну строчку, а по высоте и в конце ставил троеточие, как это можно сделать используя text-overflow. http://htmlbook.ru/css/text-overflow тут описан способ обрезки текста в строчку без переносов, что мне не подходит.

   Asked by papay, May 24, 2016

   • text-overflow
   0 votes
   3 answers
6. Интересный поиск на сайте

   Доброй ночи всем. Зашёл тут на webref.ru и заметил, что при полном вводе html тега или css свойства в поисковую строку "Введите HTML и CSS" происходит автоматический поиск. То есть не нужно нажимать клавишу Enter. Можете подсказать как такое можно осуществить. Стало очень интересно)

   Asked by Domenys, May 22, 2016

   0 votes
   6 answers
7. Как сделать постепенное появление блоков и их обводку

   Уважаемые форумчане! Нуждаюсь в вашей помощи! Есть такой замечательный сайт http://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете?

   Asked by alejandro13, May 24, 2016

   • js
   • css
   • jquery
   0 votes
   0 answers
8. Не могу сделать сайдбар с выпадающим меню, которое смещало бы контент

   Здравствуйте. Помогите разобраться, как сделать сайдбар с выпадающим меню. Сейчас всё обстоит так: 1. По нажатию на волшебную кнопку появляется скрытый ранее bootstrap-столбец, при этом с помощью JQuery я переопределяю классы для элементов, которые расположены справа от сайдбара, элементы перестраиваются и сдвигаются (картинка №1 - сайдбар не отображается, картинка №2 - сайдбар отображается и элементы смещены): Картинка 1 и Картинка 2 2. При нажатии на какой-либо из пунктов (например, Blog) появляется ещё один bootstrap-столбец, который тоже был скрыт. Элементы смещаются ещё правее (картинка №3). При этом мой убогий код выглядит примерно так: …

   Asked by Vo.Wonder, May 23, 2016

   • bootstrap
   • qjuery
   0 votes
   0 answers
9. Убрать вертикальную полосу прокрутки у сайта

   Всем доброго времени суток! Подскажите, как можно реализовать такой довольно интересный функционал, который есть на сайте http://www.3magine.com/ Мне нужно, чтобы у сайта не было вертикальной полосы прокрутки, при скролле прокручивался весь цветной блок, который при этом занимает всю доступную высоту экрана. Насчет последнего пункта, в принципе понятно, что можно задать height=100vh, а вот как сделать все остальное, я пока не представляю. Может кто-то сталкивался с подобным?

   Asked by alejandro13, May 23, 2016

   • css
   • js
   • jquery
   0 votes
   2 answers
10. Navbar ушел в себя.

    Столкнулся с 2мя проблемами с навбаром на сайте. 1. Делаю прописываю ему параметр position: fixed; (дабы скроллился вместе с сайтов, аля баннер) и он перестаёт использовать своё место залезая на шапку. 2. Dropdown меню не работает. Пункты с dropdown меню уходят под шапку. z-index не помог. Сам код - https://jsfiddle.net/9z13k8uo/

    Asked by Alione, May 22, 2016

    • html
    • css
    0 votes
    5 answers
11. Почему div игнорирует div внутри него

    Пациент: http://imatte.ru/demo/map-page.html Сейчас выглядит вот так: Нужно сделать, чтобы выглядело вот так: Подскажите пожалуйста, что нужно сделать?

    Asked by posthack, May 23, 2016

    0 votes
    2 answers
12. Алгоритм работы скрипта JS (графический)

    Здравствуйте, снова! Недавно размещал вопрос о тесте на html. Теперь хочу спросить у тех кто знает JS и может представить графически алгоритм работы теста, просто от руки, вдруг кому-то не трудно и не лень помочь... Скрытый текст <SCRIPT language=JavaScript> <!-- hide var scrtxt = "Текст в бегущей строке" ; var length = scrtxt.length; var width = 100; var pos = -(width + 2); function scroll() { pos++; var scroller = ""; if (pos == length) { pos = -(width + 2); } if (pos < 0) { for (var i = 1; i <= Math.abs(pos); i++) { scroller = scroller+…

    Asked by NEXTIK_S, May 22, 2016

    • js
    • java
    • алгоритм
    0 votes
    0 answers
13. Выравнивание img по вертикали и непонятные отступы

    Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li. Хочу решить эту задачку без использования absolute,table и без JS. Это возможно ? Ссылка на сайт http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/index.html Ссылка на файл CSS http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/css/main.css

    Asked by ProJey, May 22, 2016

    0 votes
    2 answers
14. Отображение каталога таблицей на мобильных

    Есть станица http://teplogid18.ru/kotly на которым подкатегории выводятся таблицей. На мобильных подключается другая тема отображения. Но контент все равно выводится таблицей. Возможно ли мне при выводе подкатегорий таблицей сделать так (вроде через CSS можно трансформировать таблицу), чтобы каждая подкатегория отображалась друг под другом? Или же придется менять все на div?

    Asked by smirn0ff, May 22, 2016

    0 votes
    1 answer
15. Как верстать

    Как лучше и валидней будет выглядеть код? Каждый php, java скрипт подключать в новом файле или прописывать его вместе с html тегами?

    Asked by DronBoy, May 21, 2016

    • верстка
    0 votes
    1 answer
16. если инпуты выполняют функции чекбоксов

    Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!

    Asked by mstdmstd, May 19, 2016

    0 votes
    6 answers
17. Верстка сетки из изображений

    Добрый день! Нужна помощь в создании сетки из изображений как на скриншоте https://monosnap.com/file/vjzvvPmuyaVQQGIWqjDaCG4pVMCdG4# Пробовал делать через инлайн-блок и флоат - все рушится. С флексбоксом не знаком. Воспроизвел ситуацию в песочнице https://jsfiddle.net/pzyzhgtn/7/

    Asked by alexx89, May 21, 2016

    0 votes
    3 answers
18. Media queries самые ходовые

    Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо

    Asked by Alex_, May 19, 2016

    0 votes
    5 answers
19. Google PageSpeed Insights Оптимизируйте код CSS

    Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :

    Asked by clgs, May 18, 2016

    0 votes
    8 answers
20. Png изображение и раскройка по классам

    Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…

    Asked by P0jar, May 16, 2016

    0 votes
    5 answers
21. Переменная длина средней колонки

    В донной теме речь пойдёт о стандартной задаче, с которой имеют дело верстальщики, но которая может оказаться сложной для новичков. Макет такой: хедер, футер, между ними три колонки: Задача - сделать так, чтобы ширина средней колонки менялась в зависимости от ширины окна, но быть не менее, ну допустим, 550px. Такая возможность обеспечена на многих сервисах электронной почты, где в средней колонке находится таблица-список писем. В моём коде, если сузить окно, сначала правая, а потом и средняя колонка "выпадут из потока" на следующую строку, а мне нужно, чтобы левая и правая колонка всегда были соответственно слева/справа, а менялась ширина только средне…

    Asked by Gleb2708, May 18, 2016

    0 votes
    5 answers
22. Начинающий верстальщик

    Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…

    Asked by Spark89, June 3, 2015

    • вёрстка
    0 votes
    41 answers
23. Полоска под меню

    Подскажите уважаемые как убрать вот эту оранжевую полоску http://joxi.ru/jgmvEq4f8qQNra на этом сайте http://teplogid18.ru/

    Asked by smirn0ff, May 17, 2016

    0 votes
    3 answers
24. Расположение пунктов выпадающего меню в IE

    Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…

    Asked by Mary_RND, April 20, 2016

    • html
    • css
    0 votes
    16 answers
25. transition и событие окончания анимации

    Можно ли установить событие окончания анимации для transition? Походу нет :(. Не хотелось бы прикручивать анимацию jquery и других фремворков. Что посоветуете?

    Asked by torsar, May 17, 2016

    • transition событие
    0 votes
    1 answer