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. List-style-image

    Люди, откройте мне глаза.СИжу уже пол часа не пойму в чем проблема. Вот сверстал меню,но там не отображаются слева от пунктов маркеры сделаны через list-style-image. Отображается только а ФФ.

    Asked by NeoMurderer,

    0 votes
    1 answer

  2. Кнопка на всю площадь ячейки

    Всем привет! Имею элементарную <table> из одной строки и двух ячеек: в левой текст, в правой кнопка (<input type="submit"...>). Так вот хочу что бы кнопка заняла ВСЮ площадь правой ячейки вне зависимости от ее возможных размеров. Как попытался решить - использовал такой стиль для кнопки: form.reqSnip input{ text-decoration: none; background: transparent; width: 100%; height: 100%; border: 0; cursor: pointer; margin: 0; padding: 0; display: block; } По моему разумению - должно работать: кнопка становится блоком и занимает 100% по обоим измерениям. Однако в результате 100% выбирается лишь по ширине, высота на 100% чхать хотела. Т.е. высота кнопки ост…

    Asked by Aborigen,

    0 votes
    5 answers

  3. А как?

    Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…

    Asked by Imperil,

    0 votes
    4 answers

  4. Некорректное отображение страницы в IE8

    Проблема решена, просьба удалить тему

    Asked by svetl,

    0 votes
    0 answers

  5. не работает выделение пунктов

    помогите понять почему здесь не работает выделение пунктов под планетой? реализовано на jq на этой странице использована та же самая конструкция. но результат рабочий

    Asked by cyklop77,

    0 votes
    1 answer

  6. Таблица

    Здравствуйте, подскажите как задать цвет этому border'у (белого цвета): Код такой: <table cellpadding="0" cellspacing="0" border="2" width="95%" align="center" class="mytable"> ... </table> .mytable {border-color:#353535;border-style:solid;border-collapse:collapse;}

    Asked by saber135791,

    0 votes
    1 answer

  7. Разметка в фотошопе / автофайл HTML

    Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь авт…

    Asked by seemax,

    0 votes
    11 answers

  8. Как сделать так, чтобы строчный элемент начинался с новой строки

    Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?

    Asked by fedotxxl,

    0 votes
    4 answers

  9. Ищу cms без php и баз

    Подскажите пожалуйста, как решить проблемку. На хосте нет php и работать с базами не могу. Может есть что по управлению. Встроенные fpt менеджеры крайне не удобны. Вот что есть и чего нет: SQL нет php нет CGI нет SSI есть Управление через ftp, Parallels Desktop или ISPmanager.

    Asked by Ururu,

    0 votes
    6 answers

  10. Кнопки

    http://savepic.su/982150.htm Верхнее меню – при переключении меняется цвет на белый. При этом «главное» становится «зеленым» и остальные цвета смещаются Как реализовать такое?

    Asked by rfnfdfcz,

    0 votes
    2 answers

  11. portable версии браузеров

    Кто может скинуть portable версии браузеров ie6, ie7, ie8, ie9. Я нашел в поисковике, но они либо с ошибкой, либо с вирусом.

    Asked by Rustick,

    0 votes
    16 answers

  12. Убрать пробелы из списков

    Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …

    Asked by zhuravlik,

    0 votes
    5 answers

  13. вертикальное выравнивание дочернего Diva

    Доброго всем времени суток!У меня возник вопрос:как можно вертикально выровнять по центру дочерний див внутри родителя? Пробовал вот так margin:auto 0; - не получается(

    Asked by Кирюха,

    0 votes
    3 answers

  14. пересекающийся фон сверху и снизу

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …

    Asked by Enkee,

    0 votes
    2 answers

  15. Из каких элементов лучше составить блок (цена, размеры, добавить в корзину)

    Доброго дня, подскажите как бы лучше составить блок (цена, размеры, добавить в корзину) из каких элементов. Мне интересно было бы нормально если поместить каждый в <li> и каждому свой атрибут?

    Asked by Saturn,

    0 votes
    5 answers

  16. Мистика в IE 8

    Здравствуйте. Не могу понять с версткой одну мистику: IE 8, имеются два одинаковых селекта для которых прописаны свойства position: relative и left: 20px. Один из них отображается корректно, а второй съезжает, самое интересное когда в инструментах разработчика для кривого селекта убираешь галочку с left: 20px, а потом сразу же ее возвращаешь, при этом по сути ничего не поменяв - selectы становятся на свои места. Вот как так? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=…

    Asked by AloneCoder,

    0 votes
    9 answers

  17. Opera не обрабатывает css с другого хоста

    Долго думал куда написать, решил сюда. Первый раз столкнулся с проблемой что Opera не видит в упор подключенные css (а так же картинки) с другого домена. CSS на своем домене видит прекрасно. Другие браузеры вплоть до IE6 все корректно подгружают... Нагуглил только случай когда в начале css объявлялась кодировка 1251 и из-за этого не подгружалось, у меня же ничего не прописано в начале css. Может быть кто-то сталкивался ?

    Asked by lesnick,

    0 votes
    2 answers

  18. Скрипт для изменения картинки

    Есть картинка длинной 1000px. Каждые 200px начиная сверху, есть картинка с мордой и улыбкой, чем ближе к низу тем улыбка становится больше(спрайт). Всего 5 изображений на одной картинке. Нужен скрипт который за 2 секунды промотает снизу вверх все 5 изображений, чтобы получилась анимация(как в мультике). Могли бы пожалуйста подкинуть решение. Решение найдено здесь

    Asked by SkyTrace,

    0 votes
    0 answers

  19. HIEGTH 100%

    Приветствую. Заранее извиняюсь если подобная тема уже где то была на этом форуме, полазил по искал но ответа так и не нашол. В вёрстке новичёк поэтому не обесутте. Сперва опишу что мне надо, а потом опишу как я пытаюсь это делаьт. Мне надо страницу разбить на фреймы. Каждый фрейм будет окаймлён какой либо границей для визуальности, и в каждом фрейме будет выводится своя информация. Проблема в том что я не могу нарисовать это самое окаймление фреймов, ни таблицами ни дивами, вылазиют за пределы окна фрейма. Вот по какому пути я шол. Страница. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd"> <html > <head…

    Asked by axiles,

    0 votes
    9 answers

  20. overflow и ie6

    Доброго времени суток.IE6 "мой любимый браузер" не поддерживает свойство overflow, как с этим бороться?Может есть какой нибудь HTC файл или что то подобное?

    Asked by Кирюха,

    0 votes
    2 answers

  21. Обтекание картинки текстом сверху и слева

    Есть некий блок текста и картинка, которая должна находится в правом нижнем углу этого текста, а текст обтекать ее. Есть идеи? update: блок с текстом тянется

    Asked by Petruwka,

    0 votes
    9 answers

  22. Создание неоднородного фона

    Добрый день. Столкнулся со следующей проблемой. Ест макет, часть которого имеет ширину 949px и такой фон Пытался нарезать фон частями по 3px или по 20px и делать repeat-x. В результате четко видны повторяющиеся горизонтальные полосы. Вопрос как правильно вставить такой фон в блок? Неужели добавлять полно размерную картинку?

    Asked by Kelenar,

    0 votes
    2 answers

  23. Съезжает меню при масштабировании

    Здравствуйте,на сайте съезжает меню при масштабировании. Как сделать ,чтобы меню всегда было на одном месте? nav { background: #557799 no-repeat center bottom; height: 32px; } ul.css-menu-1 { width: 500px; margin:0; padding: 0; position: relative; left: 320px; top: 3px; list-style: none } ul.css-menu-1 li { display: inline } ul.css-menu-1 li a { font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-size:20px; font-weight: 550; color: #ffffff; padding: 10px } ul.css-menu-1 li a:hover { text-decoration: underline } ul.css-menu-1 li a.selected { color: #000000; background: #adbfd1; padding: 3px 10…

    Asked by MaSoGg,

    0 votes
    3 answers

  24. RSS не реагирует на стили

    Здравствуйте, Уважаемые Специалисты! Помогите, Пожалуйста, разобрать головоломку! То ли я туплю, то ли для RSS законы верстки не писаны... Решил вывести под каждым анонсом в RSS копирайт. Все нормально. Через functions.php получилось так: function rssfooter($content) { if(is_feed()) { $content .= "<p>" . '<a class="master_link" href="http://мой-сайт.com/law"><strong><em>Copyright by и т.д.</em></strong></a>' . "</p>\n"; } return $content; } add_filter('the_excerpt_rss', 'rssfooter' ); add_filter('the_content_feed', 'rssfooter' ); Стили в CSS прописаны следующие: .master { background-color: #e9d4b9 !important; margin-l…

    Asked by Santorin,

    0 votes
    5 answers

  25. Псевдоклассы a.active + a.hover

    Здравствуйте. Помогите, пожалуйста, решить вопрос: есть меню с псевдоклассами .a.link, a.active и a.hover. Для каждого псевдокласса свои цвета текста (link чёрный, hover чёрный, active синий). Задача: сделать active при наведении (при hover т.е.) синим (т.е. просто hover ссылки должны быть чёрным, но active hover синим). Активный пункт меню: ul.sd-hmenu>li>a.active { color: #0D6EAB; } Как решить вопрос выше? Пробую перечислением: ul.sd-hmenu>li>a.active, .sd-hmenu>li>a.hover { color: #0D6EAB; } В чём ошибка?

    Asked by DarkTranquillity,

    0 votes
    4 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