HTML Coding

29542 questions in this forum

1. как располагается верстка при указании только одного девайса

   Всем привет, Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах? Например, если указан только класс для планшетов col-sm- : <div class="form-group"> <label for="name" class="col-sm-3 control-label">Name</label> <div class="col-sm-9"> <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" > </div> </div> Знач…

   Asked by mstdmstd, May 25, 2016

   0 votes
   2 answers
2. Получение практических знаний

   Доброго дня всем. Возникла такая проблема. Уже несколько месяцев изучаю связку HTML+CSS и уже начал изучать JS. Но при этом почти всегда занимался только теоретической частью. На практике делал только задания из книг, но чувствую, что практических знаний очень мало. Поэтому решил сделать свой первый сайтик. И вот тут у меня появились два вопроса. Если не сложно, ответьте мне на них: 1) Вначале пытался верстать в Notepad++, но чувствую, что знаний полностью сверстать страничку пока не хватает. Вот я и подумал, что лучше попробовать изменить готовый макет на бесплатном хостинге, под свои нужды. Так я надеюсь получить знания по структуре, которая используется в нём…

   Asked by Domenys, May 25, 2016

   0 votes
   5 answers
3. картинка сдвигает содержимое другого div

   У меня есть div с display:table, в нем два div с display:table-cell. Проблема в том, что из за картинки в одном div смещается содержимое другого div. Помогите пожалуйста.

   Asked by mike.onl, May 25, 2016

   • css html
   0 votes
   1 answer
4. Пропорциональная высота

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

   Asked by Anechka, May 24, 2016

   • php
   0 votes
   1 answer
5. Как сделать постепенное появление блоков и их обводку

   Уважаемые форумчане! Нуждаюсь в вашей помощи! Есть такой замечательный сайт 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
6. Обрезать текст по высоте.

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

   Asked by papay, May 24, 2016

   • text-overflow
   0 votes
   3 answers
7. Не работает меню

   Всем привет, народ, есть сайт: 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
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. В каком компиляторе разрабатывать?

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

    Asked by Joris, May 23, 2016

    • книги
    • новичок
    0 votes
    6 answers
11. Почему div игнорирует div внутри него

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

    Asked by posthack, May 23, 2016

    0 votes
    2 answers
12. Интересный поиск на сайте

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

    Asked by Domenys, May 22, 2016

    0 votes
    6 answers
13. 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
14. Алгоритм работы скрипта 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
15. Отображение каталога таблицей на мобильных

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

    Asked by smirn0ff, May 22, 2016

    0 votes
    1 answer
16. Выравнивание 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
17. Как верстать

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

    Asked by DronBoy, May 21, 2016

    • верстка
    0 votes
    1 answer
18. Верстка сетки из изображений

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

    Asked by alexx89, May 21, 2016

    0 votes
    3 answers
19. 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
20. если инпуты выполняют функции чекбоксов

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

    Asked by mstdmstd, May 19, 2016

    0 votes
    6 answers
21. 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
22. Переменная длина средней колонки

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

    Asked by Gleb2708, May 18, 2016

    0 votes
    5 answers
23. Полоска под меню

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

    Asked by smirn0ff, May 17, 2016

    0 votes
    3 answers
24. transition и событие окончания анимации

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

    Asked by torsar, May 17, 2016

    • transition событие
    0 votes
    1 answer
25. Не срабатывает onclick в песочнице

    Сабж На серой пимпочке, справа, по вертикали по центру https://jsfiddle.net/zep2ovaL/ Во всех браузерах работает

    Asked by torsar, May 16, 2016

    0 votes
    1 answer