Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Отступ...

    Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…

    Asked by Mestniy96,

    0 votes
    3 answers

  2. обводка текста с тенью

    http://hostingkartinok.com/show-image.php?id=2000e17cc73daba11c74069597af3835 сперва белая обводка а потом тень. как сделать? а то у меня не получаеться.

    Asked by raptor-dm,

    0 votes
    5 answers

  3. Поднять блок "выше"

    Добрый день. Подскажите пожалуйста по такому вопросу: есть сайт когда подводим курсор к пункту меню "Услуги", то ниспадающее меню получается под картинкой Как сделать меню поверх картинки?

    Asked by jdk,

    0 votes
    4 answers

  4. Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в svg

    Доброго времени суток, люди добрые!!! Помогите пожалуйста. При наведении курсора на ссылку размещённую на окружности, нарисованной с помощью svg, должна по-идее появляться картинка, но она упортно этого делать не хочет. Помогите пожалуйста разобраться в причине. Все сопутствующие файлы во вложении. На обычной ссылке всё происходит как надо. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .okrug span{ position: absolute; left: 500px; z-index: 100!important; visibility: hidden; } .okrug:hover span{visibility: visible;} </style> <object data="link.svg" t…

    Asked by Иван98,

    0 votes
    2 answers

  5. Не функционирует слайдер

    Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

    Asked by yaparoff,

    0 votes
    2 answers

  6. При наведении на картинку отобразить список

    Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

    Asked by nikki4,

    0 votes
    1 answer

  7. Проблема с nth-child

    Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.

    Asked by Artlive,

    0 votes
    2 answers

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

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

    Asked by nikki4,

    0 votes
    1 answer

  9. Цвет кнопки входа, регистрации

    Здравствуйте, возникла проблема, не могу настроить цвет кнопки входа, регистрации. lk.tsk-kub.ru - если кто может помочь, буду очень благодарен.

    Asked by vladimir1199,

    0 votes
    2 answers

  10. Как работает код данного массива?

    Дан код: 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,

    0 votes
    1 answer

  11. Как сделать левый блок посередине страницы? (не экрана)

    Здравствуйте. Есть страницы с очень длинным текстом. В результате реклама совсем не видна почти. Плавающие блоки запрещены адсенсом. Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы. Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно... Сайт имеет следующую структуру <div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>#wrapper { margin: 0 auto; width…

    Asked by nikki4,

    0 votes
    1 answer

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

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

    Asked by serghan,

    0 votes
    1 answer

  13. преобразование даты в FF

    помогите пожалуйста разбить строку даты по составляющим пример. в chrome он работает(в консоль выводятся значения), а в firefox он не работает(в консоль выводятся ошибочки)

    Asked by cyklop77,

    0 votes
    4 answers

  14. Проблема выравнивания по центру

    Всем привет. Есть сайт нашей компании созданный на вордпресс. Проблема выравнивания блока по центру. Сам сайт lf.winsys.su, Блок "Наши услуги" Подскажите пожалуйста как исправить, сам особо не шарю в сайтах, попросили исправить на работе Думаю проблема именно в float: left; <style> figure { color: #fff; margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ float: left; /* Блоки выстраиваются по горизонтали */ } figure img { } figure p { margin-bottom: 0; /* Отступ снизу */ } </style> <div class="parent"> <article> <figure> <p>&…

    Asked by Fockus30,

    0 votes
    4 answers

  15. div с margin-left вылезает за экран но прокрутка не появляется

    Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

    Asked by zheka2,

    0 votes
    9 answers

  16. Не могу отловить, что расширяет страницу за границы экрана

    Привет! Делаю адаптивный вариант сайта, и при маленьких разрешениях (когда контент упирается в границу окна) остается пустая полоска справа (в результате получаем горизонтальный скролл): Гляньте плиз свежим взглядом, что может мешать (на главной странице)? http://apriori.leveler.ru

    Asked by d0ublezer0,

    0 votes
    6 answers

  17. Как реализовать декоративные полосы?

    Часто в макетах встречаю такие нестандартные решения, как они создаются? Мб вы ранее сталкивались с этим, покажите код пожалуйста .. Я так подразумеваю что возможно сделать на псевдо-элементах, и бордерах? Или вазможно как-то сделать на флексбоксах адаптивно? Или вообще с помощью SVG рисуется? Спасибо! ИЗОБРАЖЕНИЕ

    Asked by Hasiev,

    0 votes
    4 answers

  18. Геометрические символы

    Как вставлять в Dreamweawer 8 геометрические символы, например, не принадлежит прямой (Е зачеркнутое), принадлежит (Е), значки треугольников, углов? Копирую через MS Word и вставляю в Dreamweaver - обозначает как нечитаемым символом. http://prntscr.com/994a69ссылка на символы

    Asked by tanya_7794,

    0 votes
    2 answers

  19. Можно ли радиокнопку превратить в список?

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

    Asked by nikki4,

    0 votes
    1 answer

  20. Responsive (резиновая, адаптивная) верстка. Проблемы с высотой

    Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr

    Asked by yaparoff,

    0 votes
    1 answer

  21. Модификация кнопки

    Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

    Asked by Alexey1111,

    0 votes
    1 answer

  22. Можно ли сделать слова вместо маркеров и подвинуть потом их?

    Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?

    Asked by nikki4,

    0 votes
    1 answer

  23. Двойная анимация почему-то..

    Ппривет! Никак не отловлю - почему два раза срабатывает анимация при появлении блоков? http://mag52led.ru/ Гляньте плиз свежим взором?

    Asked by d0ublezer0,

    0 votes
    2 answers

  24. слайдер на css

    Как сделать на css чтоб при смене слайдов менялся фоновый цвет body на примере такого слайдера http://jsfiddle.net/pashkes/a068hw55/412/

    Asked by Pashkes,

    0 votes
    2 answers

  25. Приподнять <li>

    Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ

    Asked by yaparoff,

    0 votes
    1 answer

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept