HTML Coding

29,542 questions in this forum

1. Добавление логотипа img приводит к смещению inline-block элемента вниз

   Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

   Asked by twelve_chairs, January 28, 2017

   0 votes
   1 answer
2. Как вывести символ в качестве фона?

   нужно для аккордиона, пока использую картинки - но понимаю, что оптимальнее сделать это символами вот нужен "+" , вместо картинки крестика .accordion-header li { background:url("") no-repeat; background-position:right; }

   Asked by nikki4, January 31, 2017

   0 votes
   1 answer
3. Проблема с 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
4. Центрирование абсолютно позиционированного блока

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

   Asked by aqua.77, February 3, 2017

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

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

   Asked by nikki4, February 7, 2017

   0 votes
   1 answer
6. Как применить стиль к лейблу чекнутого инпута?

   Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало

   Asked by nikki4, February 13, 2017

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

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

   Asked by nikki4, February 14, 2017

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

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

   Asked by nikki4, February 15, 2017

   0 votes
   1 answer
9. Параллакс эффект или выезжающий блок

   Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам 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
10. Можно ли радиокнопку превратить в список?

    Дизайнер нарисовал, что в обычной версии - размер одежды выбирается кнопками. А в мобильной версии, кнопки превращаются в список (дизайнер вдохновился этим сайтом) Но я не пойму как реализовать это. На том движке что делаю (опенкарт) опции одежды выбрал радиокнопки. Можно ли их каким-то образом теперь превратить в список? вижу пока только 1 вариант - дублировать опции. На компьютере показывать одни и скрывать вторые и наоборот. Или может как-то можно это в css сделать?

    Asked by nikki4, February 21, 2017

    0 votes
    1 answer
11. На айфонах проваливается меню

    Сайт При нажатии на "бутерброд" (меню) - на андроидах все ОК, а вот на 6 и 7 айфоне смотрели - говорят, что меню перекрывается баннером/контентом. В чем дело?

    Asked by nikki4, March 21, 2017

    0 votes
    1 answer
12. открытие содержимого при наведении мышки

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

    Asked by serghan, April 9, 2017

    0 votes
    1 answer
13. Как применить стиль к элементу 1 и 2 блока обертки?

    Вот наброски, пробовал с :nth-child не сработало

    Asked by nikki4, April 21, 2017

    0 votes
    1 answer
14. Позиционирование relative->absolute

    Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/

    Asked by toliboff, April 27, 2017

    • position
    • relative
    • absolute
    0 votes
    1 answer
15. Проблемы в JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…

    Asked by ErUnDAK, June 20, 2017

    • javascript
    • html
    • css
    0 votes
    1 answer
16. Правильная разметка

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

    Asked by oleg126, June 28, 2017

    0 votes
    1 answer
17. Как работает код данного массива?

    Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?

    Asked by ErUnDAK, June 30, 2017

    • javascript
    0 votes
    1 answer
18. Как изменить стиль соседним элементам?

    Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

    Asked by nikki4, July 27, 2017

    0 votes
    1 answer
19. Из input в массив

    Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >

    Asked by VisRex, September 16, 2017

    0 votes
    1 answer
20. Пустое место при сдвиге "скроллера" вправо

    Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...

    Asked by all-zer, October 14, 2017

    0 votes
    1 answer
21. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar, October 28, 2017

    0 votes
    1 answer
22. Несколько табов на странице

    Ребят помогите пожалуйста. https://codepen.io/brezze/pen/yPmvRv На странице будет много таких табов, мне нужно что-бы если я кликал на вкладки нижнего таба, в верхнем не убирался класс current и текст оставался всегда видимым. Как этого достичь ?

    Asked by brezze, December 9, 2017

    0 votes
    1 answer
23. почему рамка сплюснулась

    .border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.

    Asked by ya novenkiy, January 6, 2018

    • img
    • border
    0 votes
    1 answer
24. капризы Flex-basis

    Подскажите, почму на главной https://www.euromedika.ru/ статьи по три в ряд, а например, тут: https://www.euromedika.ru/body по две при flex-basis:30% в обоих случаях

    Asked by d0ublezer0, January 16, 2018

    0 votes
    1 answer
25. Неровное расположение картинок

    Привет, прошу помогите, не вижу в чем недочет https://jsfiddle.net/gp1k163r/ не понимаю что с изображениями, почему неровно расположены?Заранее спасибо

    Asked by exoty, February 6, 2018

    0 votes
    1 answer