HTML Coding

29,542 questions in this forum

1. Выровнять содержимое ссылки по вертикали

   Здравствуйте. Как можно выровнять содержимое ссылки по вертикали? Задача сделать вот это: Есть изображение, если навести на изображение появляется ссылка с текстом, текст находится по центру, а ссылка расстягивается на всю ширину и высоту изображения. Изображения могут быть разной высоты, по этому padding думаю не подойдет :/ -- как такое можно сделать?

   Asked by Temiks, January 30, 2016

   0 votes
   8 answers
2. Проблема с блогом, как добавить отступ

   Всем привет, возникла проблема с модулем блога, дело всё в том, что расстояние между статьями очень маленькое и текст как бы сливается (вот сайт http://www.gold-seeds.net).Подскажите как это можно исправить? Заранее спасибо, за Ваши ответы!

   Asked by Fredy_Kruger, February 13, 2016

   0 votes
   8 answers
3. БЭМ

   Никогда раньше не работал с ним. Сейчас знакомлюсь и ряд вопросов. 1) Обязательно ли каждому элементу dom давать класс? или можно напрямую в css обратиться к элементу? 2) А если у меня много вложенных блоков. То что делать в таком случае? разделять на логические подблоки? просто по сути даже у корневого родителя можно найти куча элементов.

   Asked by raptor-dm, February 18, 2016

   0 votes
   8 answers
4. Отцентровать "display:table-cell"

   Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100

   Asked by yaparoff, February 26, 2016

   0 votes
   8 answers
5. Block vs Flex

   Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…

   Asked by Highlander, March 8, 2016

   • flex
   • block
   0 votes
   8 answers
6. настройка проекта Bootstrap + Sass + Koala

   До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

   Asked by vip, March 11, 2016

   • bootsrap
   • sass
   • koala
   0 votes
   8 answers
7. Изменение расположения виджета ВК

   Подскажите пожалуйста как изменить расположение виджета ВК группы.

   Asked by РоманМ, March 15, 2016

   • виджет ВК
   0 votes
   8 answers
8. Генерация статического html-кода через JS

   Добрый день. Хотел бы спросить про правильное написание клиентской части сайта. Видел один сайт, где при загрузке страницы html-код генерировался с помощью JS (ExtJS). Вопрос: разве правильно создавать код страницы с помощью JS? Те же шапка и подвал сайта всегда остаются одинаковыми на любой странице. В чем плюс такого подхода? Лично я всегда считал, что чем меньше JS кода тем лучше (без фанатизма).

   Asked by xmlns, April 4, 2016

   • html
   • js
   • генерация
   0 votes
   8 answers
9. Чистка css

   Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

   Asked by MAzZY, April 7, 2016

   0 votes
   8 answers
10. Проблема с выездом таблицы за нижние границы

    Не могу понять почему таблица при изменение размера экрана (в данном случае на мобильном устройстве) выходит за границы контейнера? Насколько я понимаю он должен растягиваться. Таблица вставлена как материал в Joomla.

    Asked by SmogHard, April 13, 2016

    • таблица bootstrap
    0 votes
    8 answers
11. Переключатели(радиокнопки)

    Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…

    Asked by @ртемова, April 13, 2016

    0 votes
    8 answers
12. Вписать видео в размер окна браузера

    Подскажите пож, существует ли способ (в теге <video>) задать размер видео по размеру браузера. Чтобы изменяя размер окна браузера видео оставалось "вписано", при этом масштабировалось и нигде не появлялись пустоты. Вот что у меня максимум получилось: http://romaxprom.by/tmp/video/vd.html Ролик mp4, смотрите в Хроме. Если окно сделать узким, видео уходит вверх, а снизу появляется пустота.

    Asked by multidem, April 13, 2016

    • video
    0 votes
    8 answers
13. Плывут элементы верстки при масшабированиии

    Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html

    Asked by IvanRu08, May 7, 2016

    0 votes
    8 answers
14. Помогите со слайдером

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

    Asked by Seregka174, May 16, 2016

    • слайдер tilted content slideshowtilted content slideshow
    0 votes
    8 answers
15. 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
16. Не реагируют img на margin

    Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img

    Asked by Get to heaven, June 1, 2016

    • img
    • не реагирует на margin img
    0 votes
    8 answers
17. Разграничить hover у слайд меню

    Надо было сделать слайд меню, т.е. при наведение на поле появляется меню. Но проблема в том, я указала 100% ширину при hover на блок slide_menu, и соответственно, если когда уходишь с открывшегося меню, оно не уходить. Не могу придумать ничего, кроме этих 100%, так как у некоторых пунктов меню есть всплывающее подменю.. если указываешь ширину меньше, то подменю не видно... Вот сайт для живого примера http://ruki24.ru/servis/ Здесь код https://jsfiddle.net/j2esncc2/1/

    Asked by Mary_RND, June 9, 2016

    • html
    • css
    0 votes
    8 answers
18. Паранормальный HTML

    Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…

    Asked by Anechka, June 21, 2016

    • html
    0 votes
    8 answers
19. Полоса прокрутки при абсолютном позиционировании

    Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.

    Asked by vip, June 22, 2016

    0 votes
    8 answers
20. Адаптивная шапка

    Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс Headr, это не ошибка. Код самой шапки: <headr class="page-header"> <div class="logo"> <img src="/img/11111.png"> </div> <div class="nav-contact"> <ul class="contact-nav"> <li><a href="/catalog.php">Каталог</a></li> <li><a href…

    Asked by MadSandwich, July 4, 2016

    • шапка
    • адаптивность
    0 votes
    8 answers
21. undefined index Undefined index

    Undefined index в файле продукта tpl. Как устранить ошибку?

    Asked by Лелик, July 1, 2016

    0 votes
    8 answers
22. Проблема в создании сайта

    Всем привет. Изучил html/css, и начал изучать JS. До PHP пока не дошёл. Но можно сказать как раз по нему у меня и есть вопрос. Никак не могу разобраться в одной теме. Как я понял, сайт можно делать вручную (набор html файлов) или в макете на определённой CMS (как я понял там набор php файлов). Так вот, веб то развивается и мне стало интересно: вот я делаю сайт из 10-15 html файлов (блог, например или фан. сайт) и выкладываю на хостинг. Это ведь получается готовый, созданный мной макет, не заточенный под CMS. Но есть ли в нём сейчас смысл или потом, без cms, его сложно будет поддерживать и обновлять? И вообще как потом его заточить под CMS-ку? Вручную переделыват…

    Asked by Domenys, July 8, 2016

    0 votes
    8 answers
23. Частный случай вертикального выравнивания.

    Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…

    Asked by prowoke, July 14, 2016

    0 votes
    8 answers
24. Не могу спозиционировать круг одинаково в разных браузерах

    Доброе время суток! Народ такая проблема: не могу позиционировать круг "or" между кнопок. В хроме все норм. А вот в остальных криво. Пожалуйста, в чем ошибка. Ссылка на сайт http://tomatto.esy.es/

    Asked by Ratibor, July 20, 2016

    0 votes
    8 answers
25. Скачивание по ссылке

    <div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…

    Asked by vitaliy2018, July 24, 2016

    • скачивание по ссылке
    0 votes
    8 answers