HTML Coding

29542 questions in this forum

1. Блочный элемент не может содержать блочные и строчные элементы вместе?

   Я на данной статье прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? т.е. так делать нельзя? https://jsfiddle.net/toe0nkwc/? Всё вроде работает и отображается.

   Asked by aqua.77, February 13, 2017

   0 votes
   4 answers
2. админ панель Админка для html шаблона

   Всем доброго дня,ребята помогите определиться с адинкой для html шаблона,и как правильно её прикрутить? где можно почитать или посмотреть примеры,а лучше видео-уроки! Прошу сильно не пугать,если что не так))

   Asked by Norton, February 13, 2017

   0 votes
   2 answers
3. Иногда появляется косяк с отображением шрифта Myriad Pro.

   Здравствуйте! Вопрос не то чтобы связан с версткой, просто не знаю куда лучше написать. В общем иногда при отображении страницы в браузере chrome 49, не отображаются либо некоторые символы шрифта Myriad Pro, либо полностью во всем блоке. Проблема плавающая и появляется непонятно по какой причине. Специально сгенерировать её не получается. Обновление страницы с отключением кэша не помогает, страница остается с теми же косяками. Когда смотрю в инспекторе, то вижу, что текст на самом деле в блоке присутствует. Для примера: у меня стоит font-size: 14px и ничего не отображается. Я ставлю в инспекторе font-size:17px, тогда текст появляется, в размер соответствующей 17px. …

   Asked by andrew312, February 14, 2017

   • css шрифт
   0 votes
   0 answers
4. адрес иконок

   Добрый день. Подскажите, как узнать где на сайте http://camafon.ru/ хранятся эти иконки https://yadi.sk/i/HZUAU0R73E7cp4 ?

   Asked by fowl, February 15, 2017

   0 votes
   3 answers
5. Ищу репетитора, учителя

   Добрый день. Кто поможет составить план изучения веб программирования с нуля? книги, статьи, видео и т.д. Возможно кто то из Вас так же начинал. Возможно кто то может помочь или преподать курсы индивид. или присоединится к изучению самостоятельно.

   Asked by Irishka, February 14, 2017

   0 votes
   4 answers
6. Как анимировать display?

   Я понимаю что display не анимируется, но height то анимируется. Как объединить эти два свойства вместе? Стоит задача плавно раскрыть скрытый элемент. Да знаю можно сделать visibility: hidden, но хочется чтобы лишний блок не нагружал браузер и не появлялся до своего момента. https://jsfiddle.net/2ds6ke41/

   Asked by aqua.77, February 14, 2017

   0 votes
   2 answers
7. hover +1px border - скачут радиокнопки

   При наведении на кнопку - все куда-то движется. Если же границу оставить при наведении в 1px - тогда все ок, но стоит указать border:2px solid black; - и все смещается Что тут поправить?

   Asked by nikki4, February 14, 2017

   0 votes
   1 answer
8. Редактор для вёрстки Sublime Text 3

   Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?

   Asked by ErUnDAK, February 14, 2017

   • sublime text 3
   • вёрстка
   0 votes
   6 answers
9. Правильно ли сделана предварительная загрузка изображений?

   Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

   Asked by aqua.77, February 14, 2017

   0 votes
   0 answers
10. Автоматическая подстановка значения title в поле формы обратной связи

    Добрый день! Задача следующая. Сайт на движке Wordpress. Есть форма обратной связи. Она (одна и та же) ставится (шорткодом) на пару сотен страниц-записей. Когда пользователь пишет что-то и отправляет через эту форму, нужно идентифицировать источник запроса, чтобы админу было понятно, с какой именно страницы был отправлен запрос. Пока что я придумал только такой вариант - ввести "невидимое" (для пользователя) поле в форме обратной связи и в нем получать значение тега title или адрес исходной страницы. Как можно автоматически при отправке подставлять в такое поле значение title или линк? Либо буду рад альтернативному решению.

    Asked by Zondek, February 14, 2017

    0 votes
    3 answers
11. Вложение div блоков в основном контенте

    Всем привет. Может кто сможет помочь в данном вопросе. Изучаю в данный момент связку HTML и CSS, и появились два вопроса. 1) Иногда изучая какой-нибудь сайт или пытаясь по образцу переписать какой-нибудь макет, вижу примерно такой код: <div id="wrapper"> <div id="main"> <div id="sidebar"></div> <div id="content"></div> </div> </div> Вот мне и стало интересно, зачем внутрь одного блока (wrapper) вставлять ещё один блок-обёртку (main) для содержимого страницы. Ведь у двух этих родительских блоков одинаковая ширина и высота. Почему нельзя навигацию и основной контен…

    Asked by Tascan, February 15, 2017

    0 votes
    4 answers
12. Что тут дописать, чтобы пропала граница снизу?

    Нужно сделать как на картинке. Как это правильно сделать?Вот что у меня получилось, но нужно каким-то образом убрать границу снизу под текстом

    Asked by nikki4, February 15, 2017

    0 votes
    1 answer
13. footer разрешения

    Делаю простенький адаптивный шаблон с помощью бутсреп и возник вопрос. Контент на разных устройствах отображаетца как надо, но примеру на устройстве Kindle portrait 600 x 1024 в футере текст немного заходит на картинку, которая в правом углу прижата. Посоветуйте пожалуйста, как можно это исправить?

    Asked by umgd, February 15, 2017

    0 votes
    4 answers
14. как выполнить декоративную рамку?

    Добрый день, Как считаете как лучше реализовать эту рамку? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо!

    Asked by AntonKrot, February 16, 2017

    • рамка
    • border
    • svg
    0 votes
    2 answers
15. Я.карта не отображается в плавающем блоке

    Нужно сделать отступы блока яндекс карты - поплыли значки на ней. Решил убрать ее в блок и двигать уже блок но не отображается. Пробовал убрать float:left -тогда карта появляется. Но если не сделать float:left. тогда блок справа будет снизу, а не справа от карты Сам спросил сам отвечу надо было фиксированный блок сделать по высоте/ширине. Я это сделал - но опечатался, потому не мог понять, в чем еще могло быть дело

    Asked by nikki4, February 16, 2017

    0 votes
    0 answers
16. При формировании чека по оплате в PDF версии чека слетает рамка

    Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

    Asked by Джулия, February 17, 2017

    0 votes
    1 answer
17. Как сделать, чтобы меню не сворачивалось при наведении на всплывающую картинку в меню?

    Задача такая - при наведении на пункт меню "каталог" - появились 3 картинки с разделами каталога по которым можно было бы перейти в соответствующий раздел (вот типа как тут). Проблема в том, что как только убираю курсор с .imagetip - все опять скрывается. Как сделать чтобы не исчезало?

    Asked by nikki4, February 17, 2017

    0 votes
    0 answers
18. Помогите с красивым оформлением input range на css

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

    Asked by papay, February 17, 2017

    0 votes
    5 answers
19. Предварительная загрузка

    На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });

    Asked by aqua.77, February 17, 2017

    • jquery
    • javascript
    0 votes
    0 answers
20. Полосы в psd макете & вопросы

    Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…

    Asked by SatoRi, February 18, 2017

    0 votes
    5 answers
21. Параллакс эффект или выезжающий блок

    Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style…

    Asked by clgs, February 18, 2017

    0 votes
    1 answer
22. Как сверстать ссылку из сообщения блога

    Здравствуйте, уважаемые форумчане! Версткой занимаюсь недавно, и пока некоторые вещи ставят в тупик. Проблема следующая: В футере имеется колонка под названием "Из нашего блога", в ней 2 последние записи из некоего блога. В начале каждой записи стоит ее дата, далее - укороченное в три строки начало текста сообщения блога. Первая строка каждого текста сообщения является ссылкой, чтобы щелкнув по ней можно было перейти куда-то к полному сообщению. В общем, не совсем понятно, как правильно верстать эту самую ссылку, в которую должна оборачиваться только первая строка сообщения. Сдается мне, что это делается с помощью языка программирования, ведь сообщения блог…

    Asked by Alphataurus, February 18, 2017

    0 votes
    4 answers
23. Проблема с горизонтальным скролом

    Всем привет. Верстаю адаптивный макет. В началном экране появляется горизонтальный скрол. Вот скрин. Появляется он именно в началном экране. Как только скролим вниз, горизонтальный скрол исчезает и вся станет на свое место. Я обнаружил что скрол появляется из-за блока слайдера отзывы внизу. Слайдер реализован через плагин Flickity. Если его(блок отзывы) убрать, то, скрола нет. Исползование других плагинов слайдера(owlCarousel, Slick) проблему не решает. В чем может быть причина проблемы? Спасибо заранее за любые наводки и помощь! Вот ссылка на сайт.

    Asked by parnas, February 19, 2017

    0 votes
    1 answer
24. Помогите пожалуйста, я уже задрался!

    У меня в коде HTML/PHP почему-то тег (или как это назвать) <?php Открывает не php код, а html комментарий и получается, что на странице отображается кусок PHP кода после CURLOPT_URL =>. В notepad++ всё отображается правильно, помогите пожалуйста, я замучился уже. <body> <form action="" method="get"> <input type="text" name="url"> <input type="submit" value="Вася, ран"> </form> </body> <?php $options = array( CURLOPT_URL => 'http://audiotag.info/index.php', CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => http_build_query(array('URL' => $_GET['url'], 'step' => '22')), );…

    Asked by zax2002, February 24, 2017

    • html
    • php
    0 votes
    5 answers
25. Как присоединить к ссылке значение

    Здравствуйте! Столкнулся с такой проблемой: Имеется ссылка https://www.pochta.ru/tracking# и имеется значение #ORDER_TRACKING_NUMBER# (цифры). Подскажите пожалуйста, как сделать так, чтобы окончательная ссылка выглядела так https://www.pochta.ru/tracking#12345678912345 ?

    Asked by near, February 21, 2017

    0 votes
    7 answers