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. Вопрос про прозрачность png

    Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…

    Asked by Abrak-a-dabrA,

    0 votes
    2 answers

  2. Неотображаются кнопки "Поделитесь с друзьями" от Яндекса в IE

    Стандартный скрипт - "Поделитесь с друзьями" от Яндекса (http://api.yandex.ru/share/) = не отображается в IE - вместо нужного места пишется Поделиться…; Кнопок на социалки нет. И они появляются внизу страницы Текстом. В других браузерах нормально. Пациент тут На других сайтах тот же код нормально отображается в IE.. что за мистика?) —————-- P/S: Кстати, как верста и дизайн? (про валидность ни слова))

    Asked by HES,

    0 votes
    2 answers

  3. Табличная вёрстка шапки

    Как сделать чтобы при вёрстке изображение в таблице растягивалось по горизонтали в зависимости от разрешения экрана? По вертикали не нужно, только по горизонтали. При этом чтобы рисунок не сжимался по размеру меньше оригинала. Спасибо, разобрался. <img style=" width: 100%; height: 600px;" alt="" src="jpg.jpg"> Правильно?

    Asked by neznayka,

    0 votes
    2 answers

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

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

    Asked by cyklop77,

    0 votes
    1 answer

  5. Список во всплывающей подсказке

    Это не реальная ситуация, как то случайно на это наткнулся, теперь не могу сообразить почему так происходит и какие есть варианты решения. Допустим есть предложение, в котором к определенному термину я хочу добавить всплывающую подсказку, а в этой самой подсказке нужно отобразить список(ul). Проблема в том что даже если он спрятан (display: none), браузер все равно ставит закрывающий тег </p> и оставшийся текст предложения переносится на новую строку. <p> Процессы в малой группе, отражающих неформальную <span class="tooltipTerm">гештальтпсихологии <ul class="tooltipDescription"> <li>Ассоциация устойчиво</li> <li>Асс…

    Asked by rediskavet,

    0 votes
    12 answers

  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. Корсбруезерный div с вложеными div'ами

    В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…

    Asked by giologi,

    0 votes
    2 answers

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

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

    Asked by Ururu,

    0 votes
    6 answers

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

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

    Asked by fedotxxl,

    0 votes
    4 answers

  10. А как?

    Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!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

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

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

    Asked by Saturn,

    0 votes
    5 answers

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

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <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

  13. Нужна помощь! JavaScript - custom scroll bar

    Доброго дня всем! помогите советом, пожалуйста, форумчане! в двух словах суть вопроса: есть сайт. сейчас на нем планируется редизайн. начали потихоньку с того, что меняем элементы - галерею, форму обратного отзыва и тп. вопрос касается непосредственно галереи - выбор пал на Anything slider на jQuery/ галерею подключил, особых проблем не возникло. дело встало на моменте, когда необходимо сделать свой скроллбар внутри этой галереи. вообще способы создания своего скроллбара я опробовал, разобрался, как они работают на простых примерах. а именно здесь не работает. сам скрипт здесь: http://kontek.su/photogallery/fotogalereja-10 не могу понять, как организовать это дело: внутр…

    Asked by mrmixsun,

    0 votes
    3 answers

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

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

    Asked by SkyTrace,

    0 votes
    0 answers

  15. Мистика в 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

  16. Кнопки

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

    Asked by rfnfdfcz,

    0 votes
    2 answers

  17. overflow и ie6

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

    Asked by Кирюха,

    0 votes
    2 answers

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

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

    Asked by Кирюха,

    0 votes
    3 answers

  19. Табл.верстка. Подвал внизу

    Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!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"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…

    Asked by lex63,

    0 votes
    2 answers

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

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

    Asked by seemax,

    0 votes
    11 answers

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

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

    Asked by Kelenar,

    0 votes
    2 answers

  22. 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

  23. проблема с рамкой вокруг инпута

    в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та

    Asked by jumancy,

    0 votes
    2 answers

  24. <div /> правильна ли такая запись?

    Правильно ли писать теги, в которых не предусматривается контент в таком виде <div />? В спецификации не нашел ничего на эту тему, а валидатор ошибок не выдает.

    Asked by deMiX,

    0 votes
    3 answers

  25. Кратная (минимаксная) ширина div

    Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …

    Asked by Arkham,

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