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 сайт. Говарю сразу я начинающий. Попрошу без издевок. Вот скрин - http://clip2net.com/s/6oMapJ

    Asked by Feliks012,

    0 votes
    6 answers

  2. Не работает pie

    http://kavity5.ru/ Всю папку с pie закинула в pie/ Дописываю свойство behavior: url(pie/PIE.htc); в css там, где круглые уголки. А конкретно - у маленьких превьюшек товаров, которые в белых квадратиках в .list-catalog-preview li - но ничего не происходит. Что я делаю не так?

    Asked by Zverushka,

    0 votes
    15 answers

  3. Fotorama

    Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу

    Asked by okunev2,

    0 votes
    9 answers

  4. Шрифт GaramondPremrPro

    В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.

    Asked by okunev2,

    0 votes
    2 answers

  5. Резиновый дизайн

    Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос один столбец, а после - другие(края). Эскиз прилагаю. <table> <tr> <td></td> <!--левая полоса растет если разрешение экрана >1400px--> <td> <table> <!--тело сайта растет до максимального размера 1400px--> <tr> <td></td><!--фиксированный размер--> <td></td><!--изменяемый размер растет пока тело <1400px--> <td></td><!--фиксированный размер--> </tr&g…

    Asked by lersen,

    0 votes
    7 answers

  6. Ссылка самостоятельно дублируется

    Здравствуйте. У меня произошло нечто странное. Проблема на сайте http://moon-kingdom.3dn.ru/ Там есть ссылка "статьи",в реальном коде сайта она всего одна,но неизвестно откуда появилась вторая ссылка с тем же адресом,она находится сразу после #navigationLinks и действует при нажатии на td content. Dragonfly показывает мне 2 ссылки и вторую никак не убрать,т.к. в коде сайта ее не существует,а скриптом она убирается,разумеется,только вместе с td content. Если совсем удалить кнопку "статьи",таким же образом продублируется ссылка на новости,если удалить и ее-на главную. Кто-нибудь сталкивался с подобным явлением? Подскажите,как это исправить.

    Asked by mcdude,

    0 votes
    2 answers

  7. Бордер для ссылки

    <div class="test"><a href="#">Ссылка</a></div>.test {position: absolute; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 13px; height: 13px; top: 21px; display: block;}.test a {color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3);}.test a:hover {color: #ff0 !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 0, 0.3);}В любой версии IE нету этого нижнего бордера. Как вылечить? Добавил ссылки position: relative; но проблема до конца не решилась, оказывается в ИЕ не срабатывает проразность rgba(255,255,255,0.3); Т.е. вся проблема 0.3. Есть ли кробраузерное решени…

    Asked by okunev2,

    0 votes
    17 answers

  8. вырезать иконку с закруглёнными углами

    подскажите пожалуйста по фотошопу когда нужно вырезать иконку(расположенную на фоне узоров), то я измеряю её размеры, в настройках инструмента MARKUP прописываю их, затем выделяю иконку инструментом MARKUP, инверсирую выделение, нажимаю DEL, ставлю направляющие и вырезаю инструментом CROP сейчас в макете иконки с закруглёнными углами. подскажите пожалуйста как можно аккуратно вырезать иконку с закруглёнными углами. подчищать угловые области инструментом ERASER не вариант

    Asked by cyklop77,

    0 votes
    11 answers

  9. 2 фиксированных колонки и 1 резиновая по середине без использования position:absolute

    Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и…

    Asked by Snitch,

    0 votes
    2 answers

  10. Подскажите как развернуть.

    Подскажите как сделать раскрывание в право, а не в лево. http://truequery.ru/m_razdvijnoe_gorizontalnoe_menu_na_jquery.html

    Asked by jontsk,

    0 votes
    6 answers

  11. Можно ли использовать border вместо margin?

    Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  12. Вопрос по СSS

    1. На карте находятся маркеры, когда мы нажимаем на них - появляется окно - нужно выровнять текст окна относительно картинки. http://ned.ygastik.ru/karta 2. В подвале сайта нужно выровнять заголовки относительно картинок. http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144,

    0 votes
    1 answer

  13. Правильное использование тегов HTML5 в контенте

    Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев…

    Asked by RiG,

    0 votes
    9 answers

  14. Футер стал резиновым. Как переверстать такой макет.

    Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.

    Asked by Светлана Г.,

    0 votes
    14 answers

  15. тени по бокам сайта

    Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…

    Asked by Andrei88,

    0 votes
    5 answers

  16. Верстка горизонтального меню

    Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}

    Asked by Smart_Bomber,

    0 votes
    6 answers

  17. Несколько ul в nav

    Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?

    Asked by anastasia1981,

    0 votes
    2 answers

  18. Проблема в ie8+

    Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…

    Asked by WEB-best,

    0 votes
    2 answers

  19. slider overflow hidden position absolute

    Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden; В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/ Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется. Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел. В общем, может у кого есть в закладках, пути решения? Буду рад всему

    Asked by npofopr,

    0 votes
    8 answers

  20. Еще раз про zoom

    При зуме (минус) пропадают outline 1px у Input полей (на фокусе). Есть способы как с этим бороться?

    Asked by Zverushka,

    0 votes
    11 answers

  21. Тег main

    <main> также безопасно использовать как и section? Все ли браузеры, которые понимали section поймут <main>?

    Asked by Zverushka,

    0 votes
    7 answers

  22. Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет

    http://zverushka.zz.mu/energy/ Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите. Форму только не отправляйте плз. Я просто даже не могу отследить в чем ошибка, когда у меня все нормально.

    Asked by Zverushka,

    0 votes
    11 answers

  23. Правка стиля

    Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

    Asked by Zeeeya,

    0 votes
    4 answers

  24. Помогите с html-css (table, width, div)

    Не могу найти причину, почему #r_side исчез, а #content вылез на всю страницу. jb-style.com.Но это произошло после добавления таблицы внизу

    Asked by sergeus48,

    0 votes
    2 answers

  25. Проблема с СSS!

    В firefox http://ned.ygastik.ru/content/1-komn53-m2 текст заходит на карту!

    Asked by 561144,

    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