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. проблема с меню на wp

    Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?

    Asked by Jeak,

    0 votes
    2 answers

  2. DOCTYPE ломает CSS

    Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.

    Asked by Ge1i0N,

    0 votes
    2 answers

  3. простая активная кнопка...

    подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?

    Asked by spn_one,

    0 votes
    2 answers

  4. Помогите пожалуйста!

    Ввожу в документ изображение картинки: <img src="image/alarm.jpg" width="307" height="450" alt="Будильник"> Вместо изображение на сайте белай рамка с текстом в рамке "Будильник" Что делать подскажите как сделать чтобы отображалась картинка?

    Asked by ConquX,

    0 votes
    2 answers

  5. вопрос знатокам по поводу bootstrap

    добрый день. в принципе с бс знаком, работал. но вот сегодня интересный момент заинтересовал. фиксированная сетка на БС сделана так: каждая ячека имеет отступ слева, после чего весь блок с ячейками сдвигается влева на этот же отступ. а резиновая сетка сделана исходя из того, что ширина контейнера задается 100%, в итоге метод выше не применим(так как при отрицательном margin ширина блока остается такой же, как без него, и справа остается пустое место размером с этот отступ). собственно, что мешает НЕ указывать width 100% и воспользоваться методом выше не вводя дополнительные условия для first-child(last-child)?? ведь блок и так растягивается на 100% ширины. я так понимаю, …

    Asked by USF,

    0 votes
    2 answers

  6. как наложить 2 блока

    сделал верстку эскиза: внизу блок контента наложил, создав иллюзию, как и 2 колонки одинаковой высоты, а вот как верхнюю часть контента, вернее меню, ума не приложу, вот образец: тыц! помогите доработать!

    Asked by Shaka13,

    0 votes
    2 answers

  7. Забыл как выделить область с картинкой по размерам большего элемента

    Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…

    Asked by RichV,

    0 votes
    2 answers

  8. нумерованные списки

    Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.

    Asked by sazhyk,

    0 votes
    2 answers

  9. Активная кнопка меню

    Здравствуйте... У меня есть вопрос, как сделать кнопку активной после нажатия на нее.. Допустим имеется ссылка в навигационной панели, нажимаешь на необходимую категорию, после перехода, - это кнопка имеет друргой цвет - что показывает что она сейчас активна...

    Asked by synapse,

    0 votes
    2 answers

  10. Расположение инлайновых тегов друг над другом

    Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?

    Asked by Ge1i0N,

    0 votes
    2 answers

  11. картинка при наведении на текат

    Подскажите, пожалуйста, как сделать, чтобы при наведении на текст (имя) появлялась картинка (фотография). Дело в том, что на каждое имя должна появляться соответствующая картинка, т.е. каждый раз разные. Это делается с помощью псевдокласса hover?

    Asked by udiga,

    0 votes
    2 answers

  12. Поставить 2 блока в 1 ряд

    Нужно разместить в ряд 2 блока с сохранением отступов 5%. 1 див выводится норм, а второй с картинкой идет под ним. Хз как сделать заставить его отображать нормальные отступы и находиться в 1 ряд с первым дивом. Вот пример кода: Что нужно написать в стилях второго дива. Спасибо за помощь а! все понял - нужно было делать все на спанах

    Asked by Esigns,

    0 votes
    2 answers

  13. Самоскроллирование в Опере

    Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.

    Asked by Yust-os,

    0 votes
    2 answers

  14. конфликт jquery

    Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', fi…

    Asked by maritca,

    0 votes
    2 answers

  15. Блоки едут почему-то. Нужна помощь

    Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

    Asked by miloslovesky,

    0 votes
    2 answers

  16. Проблема с line-height в Firefox

    Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/

    Asked by ExtendedPlay,

    0 votes
    2 answers

  17. Резинове меню

    Сейчас меню на ширину всего врапера нарисовано(сылка на рисунок). Нужно сверстать резиновое меню, чтобы при уменьшении размера экрана сужалась ширина элементов меню. http://s1.ipicture.ru/uploads/20130221/8WzaAP55.jpg

    Asked by romank,

    0 votes
    2 answers

  18. Некорректное отображение верстки в IE8

    http://test.idea-book.ru Буду очень благодарен, если кто-то подскажет, в чем проблема. Верстка выполнена с использованием Zurb Foundation. Привожу скриншоты: http://itmages.ru/image/view/907818/7dc7e38a http://itmages.ru/image/view/907820/cc91771f Самое необычное в том, что верстка отображается таким образом во ВСЕХ браузерах под Win XP (SP 2) Может кто-нибудь объяснить, почему так происходит? Ведь браузер должен быть ос-независимой платформой, разве нет?

    Asked by EugeneGlushkov,

    0 votes
    2 answers

  19. Выравниевание сайта по центру

    Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…

    Asked by breadfruit,

    0 votes
    2 answers

  20. Как убрать тело архив рубрик?

    Пожалуста подскажите как в моей теме убрать полностью тело архив рубрик.Пробывал убрать полностью весь тег который отвечает за весь архив,но после все смещается сайт-бар и т.д. Спасибо,если кто ответит!

    Asked by trevod7,

    0 votes
    2 answers

  21. Мобильный сайт

    Добрый день, тестирую на народе, будущий мини-промо мобильный сайт. То есть на эту страницу будут редиректится мобильные устройства. Много ошибок в верстке конечно же, пока все исправляю. Подскажите пожалуйста. При клике по Генплану или по Фотогалереи, нижний <li> становится большой ссылкой, то есть у него ширина и высота меняются. Как мне это исправить? А также верхний расхлопывающийся элемент наезжает на нижний, особенно это видно опять таки если нажать на Генплан или по Фотогалерею. Спасибо за помощь! Да и за критику тоже. http://a-goncev.narod2.ru/main1.html

    Asked by Alfabora,

    0 votes
    2 answers

  22. Простой макет резиновой страницы

    Всем доброго времени суток друзья! Я только начинаю верстать страницы, и мне нужна помощь. Напишите пожалуйста как сделать простую страницу с резиновой шириной, то есть мне нужен код HTML и CSS для резиновой страницы. Желательно на HTML5 чтобы присутствовали теги <header> <article> <footer> . Спасибо!

    Asked by RomanCasper,

    0 votes
    2 answers

  23. Display run-in

    Доброго времени суток! В общем проблема маленькая и думаю даже свои коды на эту тему выкидывать не буду... Суть такая. Есть меню UL LI с горизонтальным отображением. Меню без излишней графики. В отображение LI ссылок использован параметр DISPLAY: INLINE . Во втором уровне меню LI UL LI, для вертикального отображения текста, был использован параметр DISPLAY: RUN-IN Во всех браузерах, эффект достиг за мысленного, а вот в Firefox нет. Посмотрев таблицу совместимости, обнаружил, что FF не поддерживает сей параметр . Вопрос: Как иным способом заставить Firefox понимать, что во втором уровне меню DISPLAY: INLINE использовать не надо?

    Asked by oscora,

    0 votes
    2 answers

  24. Никак не можем заставить отображаться шрифт

    Всем привет. Ребята, бьемся со шрифтом на сайте и никак не можем добиться отображения его. Сайт наши-фото.рф На нем должен отображаться шрифт который лежит в теме в папке fonts. Перепробовали кучу всего, но шрифт не хочется отображаться почему-то. Самый прикол в том, что на денвере все отлично, а когда перенес сайт на хост шрифт исчез. Подскажите пожалуйста, как заставить шрифт отображаться.

    Asked by makc123,

    0 votes
    2 answers

  25. Не фиксируется фон

    Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.

    Asked by Алла,

    0 votes
    2 answers

  • Обсуждения

    • 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