HTML Coding

29542 questions in this forum

1. Как получить все элементы tr из нескольких таблиц (JavaScript)

   Здравствуйте! Есть, например, три таблицы. Для фильтрации по этим трем таблицам одновременно, необходимо получить все элементы tr из всех таблиц. https://jsfiddle.net/kn7L0jn4/1/ Подскажите, пожалуйста, как это правильно сделать?

   Asked by volshebnyi, November 19, 2016

   0 votes
   4 answers
2. Изменения позиционирования

   Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

   Asked by aqua.77, November 19, 2016

   0 votes
   7 answers
3. Замена стилей расширением

   Хочу менять styles.css на одном сайте, на свой css файл, с помощью расширения Chrome. Подскажите пожалуйста, как это можно делать.

   Asked by RadioNurshat, November 19, 2016

   0 votes
   1 answer
4. Выделение элемента

   Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <div> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; } p{ width:600px; height:300px; background:red; } div:hover{ background:black; }

   Asked by aqua.77, November 19, 2016

   0 votes
   1 answer
5. Прикрепить footer в Bootstrap

   Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

   Asked by P0jar, November 19, 2016

   0 votes
   5 answers
6. Масштабирование youtube видео на сайтах

   Вставляю видео на сайт через iframe (Поделиться --> HTML код). Там получается фрейм идет фиксированной ширины и когда я открываю страницу сайта с таким видео на мобильном устройстве, то у меня видео выходит за границы экрана. Как сделать чтобы такие видео масштабировались на мобильных по ширине экрана? Видео тут https://cafecomplect.ru/oborudovanie/tehnologicheskoe-oborudovanie/pily-dlya-myasa?manufacturer=Sirman

   Asked by smirn0ff, November 24, 2016

   0 votes
   3 answers
7. Современный тренды верстки

   Привет! Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу. За это время утекло много воды. Активно развивается html5 и css3. Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй. 1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position. На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения? 2. Использование различных библиотек и фремймворков, например Bootstrap? Надо ли их внедрять в работу? Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же... …

   Asked by sc@r@bey, November 24, 2016

   0 votes
   5 answers
8. Адаптивная верстка

   Доброго времени суток, перейду ближе к делу. Проблема с адаптивом, верстаю под разрешение 320x480. В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480. И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички. Вот код: HTML:div id="popup"> <span class="win"><p>Вы можете выиграть:</p></span> <div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div> <div class="version1"><p>1.5.2 |…

   Asked by Bleki, November 23, 2016

   • адаптивная верстка убрать блок
   • спрятать блок
   0 votes
   2 answers
9. Подскажите как сделать

   Привет! Есть поле ввода имени: <input class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя". Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.

   Asked by Анатолий1944, November 20, 2016

   0 votes
   2 answers
10. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77, November 20, 2016

    0 votes
    3 answers
11. Проблема смены фона слайдера на CSS в IE11

    Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?

    Asked by Rumpelstistskin, November 23, 2016

    • ie
    • css
    • html
    0 votes
    0 answers
12. Мягкий свет как реализовать в css

    Как фотошоповское свойство мягкий цвет сделать средствами css?

    Asked by federal24, November 20, 2016

    0 votes
    0 answers
13. Проблема с текстом <p>

    Подскажите пожалуйста почему текст в моем <p> переходит на главную страницу, причем ссылка занимает всю строку. Я догадываюсь что проблема в <h1>, но не понимаю как они друг другу мешают. Мне надо чтобы текст в <p> отображался как обыкновенный текст, а не ссылка. <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="styles.css"> <style> e{ font-family: Impact; } </style> </head> <body> <div class="block"> <header> <h1><a href="index.html"><img src="images/Paplane.jpg" width="1266.7" height="300" </a></h1></…

    Asked by Seergey, November 20, 2016

    • html
    0 votes
    2 answers
14. Как сделать вертикальное позиционирование блоков

    Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.

    Asked by alleclf, November 20, 2016

    0 votes
    4 answers
15. Подпись на картинке через position: absolute не работает

    На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло

    Asked by iBars, November 21, 2016

    0 votes
    3 answers
16. Как правильно сверстать этот блок?

    В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…

    Asked by hetsketch, November 21, 2016

    0 votes
    4 answers
17. Как правильно вывести "подменю"?

    Доброго времени суток. Есть шапка, ее стили: position:fixed; top:0; width:100%; margin:10px 0px; height:60px; есть кнопка в этой шапке, по нажатию которой нужно плавно снизу вывести меню с такими же стилями (главное что бы width:100%; и height:60px;) обработчик нажатия кнопки я сам повесил (toggleClass) Изначально меню должно быть например (opacity:0;bottom:0;z-index:-1;) по нажатию добавиться стиль в котором будет (bottom:-60px;opacity:1;), плавности добавит transition Но у меня пока толкового ничего не выходит, может кто подскажет как правильно сделать?

    Asked by karakymg, November 21, 2016

    • css
    • html
    • подменю
    0 votes
    1 answer
18. организовать слайдер с картинками на разных девайсах

    Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

    Asked by mstdmstd, November 21, 2016

    • bootstrap slider
    0 votes
    3 answers
19. Проблема с div'ами и ul меню

    Привет всем! Помогите решить проблему. http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.

    Asked by genuine92, November 21, 2016

    0 votes
    1 answer
20. Странные точки из ниоткуда в меню ul и li

    Здравствуйте! Помогите пожалуйста, откуда берутся эти долбанные точки? всю голову уже сломал: - удалял стили совсем, либо только меню/всё остальное - отключил этот awesome - менял скрипт jquery talium.rar

    Asked by Sk1lful, November 21, 2016

    0 votes
    2 answers
21. Непрозрачное содержимое на полупрозрачном фоне

    Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?

    Asked by hike, November 22, 2016

    0 votes
    4 answers
22. Плавное появление выпадающего списка

    Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li …

    Asked by Анатолий1944, November 22, 2016

    • плавное появление выпадающего списка
    0 votes
    1 answer
23. Режим наложения css3

    Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.

    Asked by Alexandr37, November 22, 2016

    0 votes
    0 answers
24. Помогите мне, как понять верстку?

    Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(

    Asked by incub, November 22, 2016

    • html
    • css
    0 votes
    24 answers
25. Требуется помощь в создании формы обратной связи

    Здравствуйте. Есть потребность в редактировании обработчика формы обратной связи для одностраничника. Но моих познаний не хватает, чтобы его изменить. Проблема в том, что в обработчике явно указаны поля ввода (имя, телефон, майл). А в коде странице явных имен нет. Вот то, что в коде страницы: Скрытый текст <form action="callme.php" enctype="multipart/form-data" method="post"> <div class="form1"> <input name="Название формы" value="Заявка на обратный звонок" type="hidden"> <div class="field"><div class="field_title">Введите имя</div><div class="field_description"></div> <div class="field_in…

    Asked by Demiurge, December 6, 2016

    0 votes
    0 answers