HTML Coding

29542 questions in this forum

1. Помогите пожалуйста с созданием блока

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

   Asked by mariks, September 29, 2016

   0 votes
   3 answers
2. Помогите сверстать плейлист!

   Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок 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
3. гибкий div

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

   Asked by RedEclipse, September 30, 2016

   0 votes
   1 answer
4. Сервис для создания страницы-редиректа

   Есть ли какой-то сайт, который позволяет пользователю создавать одну пустую html-страницу, которую он может использовать под свои цели, в том числе, сделать с неё моментальный редирект? Чтобы были красивые адреса не интересует, просто рекомендовать каждому под такую нужду заводить себе полноценный сайт — это не самый оптимальный ход Подобно сервисам размещения изображений, только размещение html-страниц, с более-менее адекватным сроком хранения. Отсутствие регистрации, платы были бы чертовски приятным плюсом, но предложите хотя бы что-нибудь. В гугле не забанен, но он меня не понимает.

   Asked by Melodyn, October 5, 2016

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

   Необходимо анимировать посты сайта 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
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. Индикатор нахождения на странице

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

   Asked by KamZed, October 3, 2016

   • html
   • css
   0 votes
   7 answers
9. Кнопка "вернуться назад". Ошибка 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
10. Изображение вместо бордюра в CSS

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

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

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

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

    Asked by web-verstka, October 3, 2016

    0 votes
    2 answers
12. Вжатая и отжатая кнопки

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

    Asked by alleclf, October 3, 2016

    0 votes
    2 answers
13. Выравнивание текста относительно изображения

    Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!

    Asked by dron, October 13, 2016

    • выравнивание адаптивная верстка
    0 votes
    2 answers
14. Спойлер без лишних блоков и затуманивание

    Доброго времени суток. Возникла проблема, мне надо сделать спойлер, без лишнего блока, т.е. без разбиения текста на анонс и основную информацию. Смогла сделать только через ховером... а надо бы по клику >< И почему-то затуманивание не получается в месте обрезки сделать (если делаю через скрипт с разными блоками получается...) https://jsfiddle.net/p6dczm5k/2/ Спасибо )

    Asked by Mary_RND, October 4, 2016

    • css
    • html
    0 votes
    5 answers
15. upgrade Bootstrap v2.3.0 на v3.3.7

    Всем привет, А сложно ли перевести приложение c Bootstrap v2.3.0 на v3.3.7 и какие могут быть сложности? И достаточно ли будет переписть каталог и все ссылки на файлы версии v3.3.7? Спасибо!

    Asked by mstdmstd, October 6, 2016

    0 votes
    2 answers
16. Изменить цвет фона заданный в виде градиента

    Всем привет, А как правильно сделать цвет фона заданный в виде градиента background: linear-gradient(90deg, #D9E1EA 10%, #CAC9CE 90%); немного темнее или светлее? Я попробовал на глазок background: linear-gradient(90deg, #E3EBF4 10%, #D7D6DB 90%); и градиент перестал работать... Видимо нужно отнимать(прибавлять) к обем 16и значениям одинаковые значения? Чем в Kubuntu можно сделать такие расчеты? Спасибо!

    Asked by mstdmstd, October 6, 2016

    0 votes
    2 answers
17. Перенос текста при абсолютном позицировании

    В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …

    Asked by andrew_basta, October 7, 2016

    • css
    • html
    0 votes
    1 answer
18. Как избавиться от гор. прокрутки

    Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот CSS стили блока article { height: 800px; width: 95%; background-color: #f7f7f7; box-sizing: border-box; margin-left: auto; margin-right: auto; padding:10px; border: 3px double red; border-radius: 15px; overflow:auto; font-size: 1.2em; font-family: Comic Sans MS, sans-serif; }

    Asked by gosha12, October 8, 2016

    • горизонтальная прокрутка
    0 votes
    4 answers
19. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H, October 8, 2016

    • flexbox
    • ff
    • mozilla
    • firefox
    • флексбокс
    • bug
    • косяк
    • неправильное отображение
    0 votes
    2 answers
20. После наложения бакграунда на меню, оно перестало быть кликабельным.

    Здрасти, впервые пробую верстать. В общем при добавлении бакграунда-имайдж меню перестало быть кликабельным. Подохреваю что изза позитион абсолют. Но как тогда сделать правильно? Если не трудно, укажите ещё на ошибки, или типа так сейчас не делают. В общем любая критика. index.html style.css images.rar

    Asked by federal24, October 8, 2016

    0 votes
    1 answer
21. Как тестировать верстку?

    Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить

    Asked by Dmitrij, October 8, 2016

    • тестирование
    0 votes
    5 answers
22. Маленькие оповещения на сайт

    Здравствуйте. Интересует вот такие уведомления на сайт интернет магазина (скрин приложен). Суть в том, чтобы появлялись небольшие уведомления, видимые пользователям на сайте, при покупках других пользователей. Проще: я покупаю игру и Васе Пупкину, сидящему на сайте было видно вот такое уведомление, что секунду назад купили такой то товар. Главное, чтобы таймер был живым (возрастал - секунда, минута, и т.д) Если я все равно выразился непонятно, то вот ссылка: http://steambuy.com/catalogue.php?q=mafia+III (обратите внимание на левый нижний угол) Помогите пожалуйста, очень бы хотелось установить такую штуку себе на сайт.

    Asked by Alexey1111, October 8, 2016

    0 votes
    0 answers
23. Стоит ли разделять стили на несколько файлов

    Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…

    Asked by alleclf, October 9, 2016

    0 votes
    4 answers
24. Динамически расширяющегося контейнер после сайдбара

    Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!

    Asked by parnas, October 9, 2016

    0 votes
    2 answers
25. Выплывающий блок по клику и кнопка закрытия

    Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

    Asked by Mary_RND, October 10, 2016

    • html
    • css
    • jquery
    0 votes
    10 answers