HTML Coding

29,542 questions in this forum

1. Индикатор нахождения на странице

   Доброго времени суток, хочу спросить у знающих людей, как можно реализовать следующую задачу... В меню навигации должен быть некий индикатор нахождения на странице, в виде белой полосы(полоса занимает не всю ширина и как бы отцентрована), вопрос какими способами можно её сделать при помощи css, если знаете несколько вариантов просьба их все перечислить! Код как бы не обязательно, меня интересуют именно способы реализации, возможно просто ссылки на статью или видео с примером!

   Asked by KamZed, October 3, 2016

   • html
   • css
   0 votes
   7 answers
2. Вжатая и отжатая кнопки

   Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок. Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя. Вторая, наоборот отжатая - на неё можно нажать. Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/ Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.

   Asked by alleclf, October 3, 2016

   0 votes
   2 answers
3. Изображение вместо бордюра в CSS

   Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…

   Asked by Кибран, October 3, 2016

   • оформление
   • css
   • бордюр
   • border-image
   0 votes
   17 answers
4. ховер для картинки

   Подскажите, пожалуйста ,как сделать что бы картинка при наведении мишки затемнялось ? https://jsfiddle.net/WebVerstka/eyy6xxdf/1/

   Asked by web-verstka, October 3, 2016

   0 votes
   2 answers
5. Кнопка "вернуться назад". Ошибка TypeError: ... is null

   Здравствуйте! Сделал кнопку "вернуться назад": //Move Backward Button var backwardButton = document.getElementById("button"); if (typeof backwardButton !== 'undefined') { backwardButton.addEventListener("click", function () { window.history.back(); }); } На страницах, где нет этой кнопки, появляется ошибка в консоли. В Firefox - TypeError: backwardButton is null, В Chrome - Uncaught TypeError: Cannot read property 'addEventListener' of null. Подскажите, пожалуйста, что я делаю не так?

   Asked by volshebnyi, October 3, 2016

   0 votes
   2 answers
6. В списке товаров пустые блоки

   Всем привет, На странице Ссылка список товаров в 2 колонки но в некоторых случаях (в данном случае если нажать на 2ю страницу паджинации ниже списка ) появляются пустые места и один из товаров отображается ниже и непонятно почему так? Список товаров отображается через дивы : <div class="row nsn_woo_ext_search_woo_product_next_row col-xs-12 col-sm-6"> <div class="nsn_woo_ext_search_next_woo_product"> <ul class="nsn_woo_ext_search_ul_multiline"> А класс имеет пунктирный отображаемый бордюр... Дело в том, что там некоторые аттрибуты пусты и их НЕ нужно отображать, а нужно отображать только заполненный аттрибуты как в Color: Black…

   Asked by mstdmstd, October 1, 2016

   0 votes
   1 answer
7. Сделать первую закладку в табах активной

   Здравствуйте! Помогите, пожалуйста, с задачей: Делаю вот такие табы - http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs_fade Возникло два вопроса: 1. При загрузке страницы все табы неактивны. Как средствами JavaScript сделать первую закладку активной (на примере - город Лондон и его описание)? 2.В примере все работает правильно. А вот у меня на локальной машине при переключении на таб страница почему-то прыгает вверх. Проверял на хроме и мозилле. Подскажите, пожалуйста, как избежать такого? Заранее благодарен за помощь!

   Asked by volshebnyi, October 2, 2016

   0 votes
   3 answers
8. Не могу анимировать посты

   Необходимо анимировать посты сайта http://ekspert-uc.ru/training/gosudarstvennaya-sluzhba/ Нужно чтоб при наведении голубой прямоугольник выдвигался сбоку. Голубой прямоугольник фон постов вставился в файле loop.php <?php if(!is_single()){ global $more; $more = 0; } //enable more link ?> <?php /** Themify Default Variables * @var object */ global $themify; ?> <?php themify_post_before(); // hook ?> <article itemscope itemtype="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class("post clearfix " . $themify->get_categories_as_classes(get_the_ID())); ?>> &lt…

   Asked by mariet, September 30, 2016

   0 votes
   3 answers
9. гибкий div

   Всем привет, Сделал шапку блока под новый дизайн сайта, стилизовал их через div'ы (border'ами). Но никак не могу сделать что бы внутренние полосы(2 горизонтальные и 2 вертикальные, которые не на всю длину блока) были гибкими. Тоесть, что бы занимали все свободное пространство от заголовка "навигация" до конца блока по горизонтали. Уже все что знал перепробовал, не могу разобраться. Помогите чем сможете http://homeworld.su/swap/new.html

   Asked by RedEclipse, September 30, 2016

   0 votes
   1 answer
10. Помогите сверстать плейлист!

    Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …

    Asked by adelein, September 30, 2016

    • плеер
    • плейлист
    0 votes
    3 answers
11. Помогите пожалуйста с созданием блока

    Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается

    Asked by mariks, September 29, 2016

    0 votes
    3 answers
12. xpath

    Здравствуйте.Есть задание - (На странице https://www.google.ru/search?q=xpath Получить с помощью xPath все ссылки на результаты поиска Все имена ссылок на результаты поиска.). Так как с xpath я знаком со вчерашнего дня,появился вопрос: корректно ли написано задание(орфография и пунктуация сохранены)?И возможно кто-то сможет подсказать как это правильно реализовать. Sorry, если ошибся с разделом)

    Asked by Alexandr37, September 27, 2016

    0 votes
    1 answer
13. Не видны бегунки на слайдера

    Всем привет, На странице Ссылка во втором слева снизу блоке есть слайдер на котором с какого-то момента перестали отображатьбся 2 бегунка которые в файле стилей Ссылка стиля определены как: * slider */ .slider-pane { padding: 12px 6px; border: 2px solid #dcdcdc; background-color: red; } .slider { overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 8px; } .slider dd > input { margin: 0px; padding: 0px; height: 18px; border: 2px solid red; background-color: inherit; color: #999999 !important; } .slider > *:last-child { padding-left: 4px; } .ui-slider { margin-bottom: 15px; height: 8px; backgroun…

    Asked by mstdmstd, September 28, 2016

    0 votes
    0 answers
14. Проверка работы с <label>

    Добрый день.Есть у кого возможность проверить ,если тут ошибки. https://jsfiddle.net/t01z1yyk/

    Asked by vavvka, September 27, 2016

    • html
    0 votes
    4 answers
15. Пропажа бордюров

    Здравствуйте! Помогите пожалуйста по следующей проблеме. У меня перестали отображаться бордюры с правой и с левой стороны. В чём может быть проблема? -moz-border-image: url(images/1.png) 10 20 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-image: url(images/1.png) 6113 0 0 fill stretch stretch; border-width: 30px; border-right: 30px solid; -moz-border-image: url(images/1.png) 10 260 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-width…

    Asked by bobb, September 26, 2016

    0 votes
    3 answers
16. Ищу напарника в обучении!

    Начал изучение JavaScript, ищу напарника для совместной учебы, обмена опытом и обсуждения интересующих тем связанных с frontend разработкой. Если желающих нет, то быть может подскажете сервис, способный разрешить мой вопрос? Жду отклика!

    Asked by Echegaray, September 14, 2016

    • javascript
    0 votes
    1 answer
17. Простенькая форма-фильтр

    Здравствуйте. Необходимо создать форму-фильтр с запросами get по ссылкам (ссылки запросов имеются) пример: см. скрин т.е имеется ссылка на запрос 1 пункта (марка), когда ее выбираю появляется выбор 2 пукта (модель), на который тоже есть ссылка-запрос.

    Asked by orbit21, September 26, 2016

    0 votes
    1 answer
18. на PC высота обрезана наполовину

    Подскажите далею картинную галлерея с помощью карусели http://dev.foodlips.com/shared/restaurants/United-States и на PC высота обрезана наполовину а на мобильниках отображается полностью и непонятно почему... Спасибо!

    Asked by mstdmstd, September 26, 2016

    0 votes
    1 answer
19. Сложные кнопки на css.

    Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0

    Asked by cat, September 19, 2016

    • css
    0 votes
    5 answers
20. Статья: типы верстки

    На сайте htmlbook.ru видел статью про все типы верстки: резиновая, адаптивная, гибридная... Не могу найти. Дайте ссыль.

    Asked by torsar, September 23, 2016

    0 votes
    3 answers
21. Исчезает блок (position: absilute) при скроле.

    Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.

    Asked by volshebnyi, September 19, 2016

    0 votes
    14 answers
22. Сместился элемент

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

    Asked by myr4ik07, September 22, 2016

    0 votes
    2 answers
23. Как перенести текст на новую строку

    Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/

    Asked by Konstantin99, September 17, 2016

    0 votes
    1 answer
24. Можно ли затемнить ВСЕ родительские блоки?

    Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять? https://road.media/ Наведя на каталог, хочу добиться, чтобы всё что вокруг "выпадайки" затенилось. Это возможно? Если пытаться через opacity для родителей, то затеняется всё вместе с ребенком, что логично. Есть мысль с абсолютным блоком под выпадайкой, но выше родителей, но как его вызвать и позиционировать не додумаюсь что-то. Направьте? Типа того: .page-wrap::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; position: fixed; …

    Asked by d0ublezer0, September 20, 2016

    0 votes
    4 answers
25. Айфон не видит правила display: block; для таблиц

    Здравствуйте. Дописал адаптивные стили для сайта. Там жуткая вложенность таблиц, но я был уверен, что справлюсь, задавая для таблиц правило display: block; Тесты на андроидах прошли успешно. А вот с айфонами заминка. На определенной глубине вложенности они просто перестают реагировать на это правило, и выводят таблицы в качестве таблиц. Кое-где я смог справиться с этим. Но переверстывать весь сайт на дивы просто нереально. CMS оскоммерц для верстки с нуля мне не по зубам. Для теста верстки под айфон можно использовать этот сервис В нем и режим разработчика имеется. Положите в корзину товар и попробуйте сделать заказ - увидите такую карти…

    Asked by Дмитрий2, September 16, 2016

    0 votes
    1 answer