HTML Coding

29,542 questions in this forum

1. CSS условия в стилях

   Здравствуйте. Подскажите, возможно ли средствами CSS сделать такое: Есть кнопки в таблице. На кнопке есть числа 0 +0 И это все идет столбиком. Пока цифра однозначная, все ок. Но когда счет переходит на 2-3 знака, структура ломается 0 +0 10 +30 100 +1 Можно ли заранее заложить с помощью CSS условия в стилях? Чтобы было вроде: 0 + 0 10 + 8 100 +122

   Asked by banyman, February 9, 2017

   0 votes
   4 answers
2. форма создание дополнительной формы

   Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)

   Asked by damase, February 9, 2017

   • создание
   • подключение к сайту html
   • php
   • javascript
   0 votes
   0 answers
3. Совпадение стилей CSS

   Мне надо добавить кусок css кода в уже имеющийся код, но при добавлении в конечном результате "новый" кусок кода изменяет стили уже имеющегося из за того что некоторые названия стилей совпадают, как можно это исправить?

   Asked by Sanktym, February 8, 2017

   0 votes
   2 answers
4. Изменить селекторы через псевдокласс - HTML, CSS

   Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…

   Asked by xymox72, February 8, 2017

   • html
   • css
   0 votes
   1 answer
5. css Как задать ширину контейнера ?

   Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/

   Asked by aqua.77, February 8, 2017

   • html
   0 votes
   4 answers
6. Стилизация select

   Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.

   Asked by Schamil74, February 7, 2017

   • стилизация select
   0 votes
   12 answers
7. Как сделать, чтобы в пагинации при клике не отправлялось вниз по якорю?

   Внизу, справа - есть отзывы (надо кликнуть на слово "отзывы (6)" При клике на вторую страницу отзывов - перекидывает вниз. Я так понимаю это связанно с якорем. Как сделать, чтобы это нормально работало, и при клике - оставался экран статичным, либо перекидывало наверх к началу отзывов, а не как сейчас - отправляет куда-то вниз? Причем при переходе со второй страницы на первую - работает как надо.

   Asked by nikki4, February 6, 2017

   0 votes
   1 answer
8. Адаптивная информативная фотогалерея

   <div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …

   Asked by Delat, February 7, 2017

   0 votes
   1 answer
9. Как выровнять среднюю колонку по центру (3 колонки)

   https://goo.gl/ygY6HF 3 колонки, сейчас каждая по 33% в ширину. Но логотип #logo по середине почему-то криво стоит по отношению к меню, которое отцентровано при помощи text-align:center;. Можно конечно логотипу margin-left: 30px; сделать - но это вроде как не адаптивный вариант и придется под разные разрешения разные отступы делать.

   Asked by nikki4, February 7, 2017

   0 votes
   1 answer
10. Не получается вертикально отцентрировать блок/картинку

    Превьюшки, которые слева, не центрируются по вертикали. Я пробовал: 1. vertical-align: middle 2. display: table (родительский элемент) и table-cell (дочерний эемент) 3. top: 50% и transform y -50% (отображается некорректно на некоторых устройствах, да и костыль к тому же)

    Asked by iBars, February 7, 2017

    0 votes
    0 answers
11. Адаптивный фон страницы.

    Здравствуйте! Собственно как сделать.

    Asked by Skrudg, February 4, 2017

    0 votes
    2 answers
12. Плавное появление информационных блоков на страницах

    На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?

    Asked by Delat, February 6, 2017

    0 votes
    3 answers
13. Каждый второй элемент

    https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?

    Asked by aqua.77, February 5, 2017

    • html
    • css
    0 votes
    2 answers
14. Как создать кнопки (пример внутри)

    http://preview.themeforest.net/item/landx-multipurpose-wordpress-landing-page/full_screen_preview/9545842 сверху 3 кнопки соц сетей, как такие создать? Они не картинками вставлены. Т.е если бы просто нужно было бы кнопки, я бы просто вставил картинку, но тут проблема в том, что при ховере с эфектом перехода меняется цвет

    Asked by narem, February 5, 2017

    0 votes
    6 answers
15. Меню на всех страницах сайта

    Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?

    Asked by Jawesome, December 7, 2010

    0 votes
    7 answers
16. Блок

    Всем добра, проблемка в следующим. Нужно например в блоке <div><img ="1"/><img ="2"/><img ="3"/></div> , разместить изображение(от 2 до 6 шт), например размер изображений width:200px; height: auto; А блок див ограничен width:760-780px, и !!внимание!! самое главное. Как сделать чтобы все лишние фотки прятались, и скролом их передвигал, подобие слайдера, но не слайдер.

    Asked by truca4, February 3, 2017

    • изоброжение
    • блок
    0 votes
    3 answers
17. Проблема с тегом button, атрибут class

    Сделал <style>a.button7{....</style>. Если пишу вот так: <p><a class="button7" href="">...</a></p>, то стиль присваивается нормально, но если так: <p><button class="button7" ....>...</button></p>, то стиль не присваивается, хотя гугл говорит, что должен.

    Asked by robikbobik, February 4, 2017

    0 votes
    3 answers
18. html Подскажите код

    Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:

    Asked by tArAntAykA_, February 5, 2017

    • css
    • htnl css
    • таблица
    • html таблица
    • css таблица
    0 votes
    0 answers
19. Можно ли создать ромбик, у которого по одной координате размер абсолютный, по-другой - относительный?

    Вот, например, так, только с условиями, как в заголовке? ЗЫ: фигура должна заливаться градиентом и откидывать тень.

    Asked by Launder, February 4, 2017

    • геометрия
    • transform
    0 votes
    0 answers
20. Как отобразить по центру?

    http://rado-jubile-true.ru/dwr/ По центру, через клик, должна выскакивать табличка в центральном расположении, но она почему-то падает в левый верхний угол. К ссылке на сайт, где всё видно, прилагаю скрин. Вот этот блок должен быть в центре, но он почему-то съезжает. Сайт делал не я, поэтому мои познания в тонкостях весьма ограниченны. =( Код формы: <div id="kmacb-form" class="modal kmacb-form kmacb-form2"> <div class="modal-block"> <div class="title"><a class="icon-close"></a>Понравилось это предложение?<div class="kmacb-form-rectangle"></div></div> <div class="content"> …

    Asked by P0jar, February 3, 2017

    0 votes
    1 answer
21. Центрирование абсолютно позиционированного блока

    Как отцентрировать абсолютно позиционированный абзац? пробовал left:auto; right:auto; и margin:auto; не работает. Есть ли свойство какое нибудь? или придётся линейкой центр искать? https://jsfiddle.net/Lo4ntyu9/1/

    Asked by aqua.77, February 3, 2017

    0 votes
    1 answer
22. Проблема с clip-path: url(#foo)

    Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за пом…

    Asked by EugeneKiyash, February 2, 2017

    • css
    • clip-path
    • svg
    0 votes
    1 answer
23. Как сделать нижнюю сторону блока уголком

    Можно ли сделать так, чтобы верхний голубой блок имел вот такую угловатую нижнюю сторону? Или тут только свг в помощь?

    Asked by Alarr, February 3, 2017

    0 votes
    4 answers
24. Постоянный цвет элемента после клика по ссылке

    Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/

    Asked by Delat, February 2, 2017

    0 votes
    15 answers
25. Ошибка отобажения контента

    Доброго времени суток. Столкнулся с проблемой, что иногда при открытии страницы сайта, он выдает мне страницу которая выглядит именно так Но после обновления страницы, все сново отображается так как надо, проблем с главной страницей сайта, не было замечено. Подскажите пожалуйста с чем это может быть связано, куда копать. Сайт перешел в мои руки недавно, так что какие были внесены изменения мне не известно. Все что мне известно, это что есть такая проблема. Очень нуждаюсь в професиональном совете. З.Ы. Сайт стоит на движке ВордПресс + ВуКомерс (интернет магазин) Ссылка на сайт После перехода на главную страницу по этой ссылке, просто погуляйте по с…

    Asked by MadSandwich, February 1, 2017

    • html
    • css
    • js
    0 votes
    6 answers