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. горизонтальное меню c графическим элементом под ним

    Здравствуйте. Нужно сделать горизонтальное меню что бы при :hover тега <a> внизу появлялся графический элемент в [png|jpg]. подскажите ссылками на уроки. либо покажите пример. Пытаюсь сделать таким вот образом но пока что безуспешно. <div><li><a>link</a></li><img></div>

    Asked by 680682,

    0 votes
    0 answers

  2. transition для меню

    Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?

    Asked by rus,

    0 votes
    11 answers

  3. Помогите стилизировать селект

    есть селект вида: Как его оптимальнее всего стилизировать? Реально ли сделать на чистом css? Насколько предложенные способы получатся кроссбраузерными? Заранее огромное спасибо за оказанную помощь...

    Asked by beliy,

    0 votes
    7 answers

  4. Выровниять по вертикали текст с разными разными шрифтами

    Есть плавающий блок содержащий одну строку за ней следует два значка (icon-font) Проблема в том, что значки визуально выше строки текста. Чего я только не пробовал и line-height и padding/margin все равно значки выше строки. Еще меня волнует непонятный отступ внутреннего контейнера от нижнего края плавающего блока. margin / padding здесь кадется ни при чем. Стили (LESS) и контейнер #confirm { position: absolute; height: auto; border: 1px #230D33 solid; z-index: 1000; display: inline-block; overflow: hidden; text-indent: 0; box-sizing: border-box; background: #f9f0ff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); .content { padding: 2px 8px; display: inline-bloc…

    Asked by ekkl,

    0 votes
    0 answers

  5. Помогите решении проблемы начинающему.

    Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…

    Asked by Borodulka,

    0 votes
    7 answers

  6. SASS. Миксин медиазапросов, избыточный код

    Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl …

    Asked by anvyd,

    0 votes
    1 answer

  7. Проблема при верстки бокового меню

    Добрый вечер, я только начал учить HTML/CSS, поэтому извините за слишком глупый вопрос. Сейчас решил сверстать макет, так у меня теперь проблемка, я хочу чтобы у бокового меню фон полностью обтекал, я пробовал сделать все при помощи позиционирования, так в таком случаем у меня все получилось, а вот если использую флоат, то ничего не выходит, есть ли какое-нибудь решение? ВОт сам код: http://codepen.io/Frodo/pen/MaBKvx

    Asked by Frodo,

    0 votes
    3 answers

  8. перенос сайта в каталог

    Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8

    Asked by user,

    0 votes
    18 answers

  9. резиновый шаблон

    Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?

    Asked by Borodulka,

    0 votes
    5 answers

  10. Как сделать, чтобы при наведении картинка затемнялась?

    Использую этот код: http://bootsnipp.com/snippets/K3al А как сделать, чтобы при наведении картинка затемнялась? (Картинки, которые в индикаторе?) Пыталась применить код отсюда: http://bootsnipp.com/snippets/K3al...но, к сожалению, не работает..(((( Спасибо.

    Asked by Alfa2015,

    0 votes
    1 answer

  11. Проблема горизонтальным меню , Когда открываешь сайт на другом мониторе то кнопки уходят вниз

    Нужна помощь с горизонтальным меню для сайта. Мне нужно чтобы в меню все кнопки были сверху вместе с логотипом и в нем не оставалось пустого места, и что-бы было у всех одинаковое и не съезжало вниз от того что у человека маленький монитор. Помогите решить данную проблему вот ссылка на меню: http://jsfiddle.net/u0tafr7v/ буду очень благодарен если поможете Вот на фото пример как нужно что-бы было на сайте при любых расширениях экрана у пользователя. А это что происходит при уменьшение браузера или с маленького монитора:

    Asked by TOTO,

    0 votes
    5 answers

  12. Подскажите как выровнять шапку

    Подскажите пожалуйста как выровнять шапку сайта kimwood.ru

    Asked by Виктор1204,

    0 votes
    1 answer

  13. CSS отказывается работать/отображаться.

    Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae

    Asked by Zloi_Pain,

    0 votes
    2 answers

  14. Поисковые боты

    Всем всем всем! Доброго временища! Вопрос от студента стройки. Как поставить информацию о том, какие поисковые боты посещают сайт? На примере моего сайта tetradion.ru, под счетчиком ЛайвИнтернета, типа YAndex bot сейчас на сайте. Если возможно, ответьте лузеру.

    Asked by Леонид,

    0 votes
    3 answers

  15. События

    Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.

    Asked by samec1337,

    0 votes
    3 answers

  16. Как лучше всего сверстать такой макет?

    Всем привет. Вот код http://jsfiddle.net/u8auj81g/2/. Мне нужно по вот такой вот незамысловатой "сетке" выравнивать картинки относительно текста. Еще есть место где с двух сторон абзаца будут картинки которые не должны превышать в ширину 245px; Кроме того и у картинки и у её описания может меняться вертикальное выравнивание (там в коде это для каждого элемента inline сделано). Собственно, меня волновал вопрос, откуда берется пустое пространство в описании к IMG4? Но пока воспроизводил ситуацию в фидле - понял откуда оно берется. Теперь мой вопрос звучит так: как мне это пустое пространство победить? Что бы не делать position: absolut; что бы все так же и осталось с float…

    Asked by nkl90,

    0 votes
    2 answers

  17. Увеличивается шапка при выпадающем окне

    Здравствуйте! Вопрос: при нажатии на кнопку появляется выпадающее окно...проблема в том, что при раскрытии увеличивается шапка сайта. Как сделать, чтобы шапка не увеличивалась. Чтобы было понятнее можно просмотреть на примере

    Asked by Alfa2015,

    0 votes
    2 answers

  18. красивое оформление страницы

    Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…

    Asked by КатеринаЮ,

    0 votes
    6 answers

  19. Циклическая смена фона у div

    Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }

    Asked by TillL,

    0 votes
    9 answers

  20. Выпадающее меню

    Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.

    Asked by Alfa2015,

    0 votes
    4 answers

  21. Линия находится не в том месте.

    В общем суть картины тут: http://skin-game.ru/. Если пролистать в самый низ картины, то видно линию. Но я хочу ее поставить не далеко после слайдера. Как исправить, а то чего-то я не углядел.

    Asked by SadRat,

    0 votes
    3 answers

  22. Выравнивание картинок с подписью по горизонтали

    Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…

    Asked by Hosemose,

    0 votes
    7 answers

  23. Пункт меню при наведении

    Вот код: http://jsfiddle.net/49uM3/ Проблема: при наведении на пункт меню "Услуги" появляется выпадающее меню, а сам пункт "Услуги" при наведении выделяется серым цветом, НО когда курсор убираешь то пункт "Услуги" становится белым, а не СЕРЫМ! Нужно, чтобы он оставался серым цветом, пока пользователь проводит курсором по выпадающему меню. Подскажите, как это осуществить? Спасибо.

    Asked by Alfa2015,

    0 votes
    2 answers

  24. Проблемы с резиновой версткой.

    Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)

    Asked by Fantastic,

    0 votes
    9 answers

  25. Правильная нарезка и верстка блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )

    Asked by stan07,

    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