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. Помогите доработать шаблон до симпатии Joomla 1.5

    Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /*********************************************************************************…

    Asked by xakerson2012,

    0 votes
    0 answers

  2. Вставка ссылки с SVG-объекта

    Добрый день. Объявлен объект: <object data="images/software.svg" type="image/svg+xml">Ваш браузер не может отображать SVG-изображения.</object> Надо сделать с него ссылку. Оборачивание в <a href></a> не помогает. Помогите, пожалуйста.

    Asked by buggy,

    0 votes
    0 answers

  3. помогите разобраться..

    Создать интерактивно пополняемый текст в документе (например, отзыв о сайте) посредством CGI-приложения. Отправляемые на сервер сообщения пользователя с информацией «имя пользователя» и «текст сообщения» должны проверяться на заполненность на стороне пользователя посредством Java-скриптов. Возможный способ решения - в текстовый файл, находящийся на сервере, дописывать текстовую информацию из формы документа и помещать этот файл в контейнер IFRAME документа. Можно где-нибудь посмотреть примеры? не могу в интернете найти информацию..даже не знаю как правильно запрос написать.

    Asked by StydenTo4ka,

    0 votes
    0 answers

  4. Как правильно задать размер блока с картинкой ( CSS ) ?

    HTML к первой картинке: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="logo"> </div> <div id="content"><div><div><div><div> <div class="nav_k"> <ul> <li><a href="index.html"></a></li> </ul> </div> <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока Содержание блокаСодержан…

    Asked by na9ort,

    0 votes
    0 answers

  5. Отображение линейной связи элементов дерева

    Приветствую. К сожалению, дизайнер во мне умер давно, и вряд ли оживет. Имеется древовидная структура такого вида: 2175 | Task #1 | Открыто | N/A 2176 | Task #2 | Открыто | User1 2177 | Task #3 | Открыто | N/A 2178 | Task #4 | Открыто | N/A 2179 | Task #5 | Открыто | N/A 2180 | Task #6 | Открыто | User2 2181 | Yet Another Task | Открыто | User1 Собственно, это дерево заявок в баг-трекере в формате "номер | имя | статус | ответственный". Помимо связи parent issue-child issue баг-трекер позволяет создавать линейные связи issue-issue, которые тоже нужно как-то отображать. Интерфейса у всего этого еще нет никакого, он только прорабатывается и придумывается. Посем…

    Asked by insanecorp,

    0 votes
    0 answers

  6. Проблема с средней колонкой и меню по середине страницы

    Спасибо за внимание. Я сама разобралась.

    Asked by Ylik,

    0 votes
    0 answers

  7. Проблема с рисунками

    Здравствуйте! Пытаюсь создать тестовый сайт на локальном компьютере. Возникла такая проблема. Мне надо из формы отправить на сервер путь к файлу рисунка. Поставил кнопку Browse (Обзор), но она выдает только имя файла. Как можно получить путь к нему? Возможно ли это не в ручном режиме? Поиски в Google ни к чему не привели. Возможно, потому что не смог правильно сформулировать запрос. Если не трудно, дайте ответ или ссылку, по которой можно получить эту информацию. Спасибо!

    Asked by Дедушка3,

    0 votes
    0 answers

  8. логика работы clear:both в css

    clear:both отменяет обтекание но нужно чтобы обтекание отменить только внутри блока cont, а не по всей странице, как это сделать? тоесть чтобы отмена обтекания не зависела от высоты боковых колонок (в блоке cont будут картинки с float:left и после них надо текст написать (в cont`е же) (в коде упростил)) проблема частично решилась с помощью overflow:hidden height:1% /*для IE*/ и появилась новая проблема: в IE всё равно отображается не правильно, плюсом какая то странная зависимость со стилями текста жирный и по ширине, по одному они работают в такой схеме (рис 3 и 4), но вместе дают непонятный отступ (рис 1) (как вообще курсив может дать такой отступ??) На всякий попробов…

    Asked by fgdsryat,

    0 votes
    0 answers

  9. boxsizing.htc

    Появилась проблема в ie7 благодаря boxsizing.htc есть картинка которая обрамлена в div, этот div имеет float:left; после этого дива идет параграф <p>Ткст....</p> с текстом, текст должен обрамлять картинку но почему то текст становится справа от картинки столбиком причина это boxsizing.htc если убрать его то всё нормально хотелось бы понять почему так происходит. <style> html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(css/htc-libs/boxsizing.htc); } .md_img {float:left;} .md_text p {line-height:20px;} </style> <div class="md_text"> <div class="md_img"> <i…

    Asked by aleksandr-n,

    0 votes
    0 answers

  10. Лучшие цвета для восприятия текстовой информации

    Сейчас верстка завершена на 90%. Более или менее подобраны цвета, однако от некоторых людей слышал, что оформление Г и надо переделывать. Я с этим не согласен т.к. оппоненты не смогли даже пример сайта показать где, по их мнению, оформление хорошее. Я долго искал материалы по теории подбора цветов на сайт, так чтобы обеспечить максимальную легкость воспринимаемой информации и при этом, чтобы сам дизайн был приятным. Вот так выглядит сайт сейчас http://linexp.ru Ради интереса я решил сделать все в темных тонах. Вот что получилось http://postimage.org/image/jma2d8qix/full/ Мне нужна любая критика/предложения по тому как можно улучшить цветовое оформление, для более легкого …

    Asked by suliman,

    0 votes
    0 answers

  11. Нужна помощь в конфликте CSS темы и подписной формы SR

    Всем доброе время суток! Cтолкнулся с проблемой некорректного отображения подписной формы, сделанной в Новом Генераторе подписных форм сервиса SmartResponder . На сайте используется WordPress. Форма подписки некорректно отображается только в sidebar'e (на основных страницах сайта - все нормально). Связывался по этой проблеме с техподдержкой Smartresponder - они подкрутили CSS темы WordPress (ту часть, которая отвечает за sidebar), после чего форма начала отображаться корректно, НО съехали точки, которыми отмечаются категории в sidebar'e сайта - соответственно пришлось вернуть все обратно. Вопрос: можно ли что подкрутить в самой подписной форме, для корректного отображения…

    Asked by SebastianP,

    0 votes
    0 answers

  12. Div залез на другой

    После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками Вот HTML страницы с блоками: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="con"> <d…

    Asked by Carleutto,

    0 votes
    0 answers

  13. PrestaShop

    Здравствуйте! Кто пользовался PrestaShop? Интересует ваш опыт, и оценки. Как вам система? Как работа на ней? Есть ли лучшие аналоги?

    Asked by Imperil,

    0 votes
    0 answers

  14. Размер страницы макета

    Добрый вечер! У меня есть вопросик - в данный момент изучаю верстку по видеоурокам (в данный момент создаю макет сайта в Photoshop), но появилась сейчас одна загвоздка. У меня из за изначального размера макета не помещается текст, который нужно вывести на главной. Вот так это выглядит: Как лучше поступить - изменить размер холста в Photoshop и добавить недостающую информацию таким образом, или же сверстать макет и добавить весь текст уже посредством HTML? Благодарю заранее.

    Asked by VisedFAQ,

    0 votes
    0 answers

  15. Проблема с отступом в пункте меню

    Добрый день. Не могу сообразить как правильно поставить элемент чтобы он выравнивался относительно картинки... сайт - http://ygik.ru/ боковое меню - пункты меню если больше ширины поля переносятся на следующую строку, как сделать так, чтобы следующая строка начиналась не с начала блока меню а с начала предыдущей строки...

    Asked by Painbot,

    0 votes
    0 answers

  16. Горизонтально выпадающие меню на всю ширину сайта

    Помогите сверстать меню такого плана, чтоб при наводке мышкой, выпадало меню не в столбик, а на всю ширину экрана в одну линию.

    Asked by pashkje,

    0 votes
    0 answers

  17. Дополните сайт CSS

    http://forum.htmlbook.ru/index.php?showtopic=31656

    Asked by VitaliyAT,

    0 votes
    0 answers

  18. масштабирование

    такая страница OG.ddns.us/adivo хотелось бы ограничить масштабирование и убрать белое пространство при уменьшении масштаба, буду рад любой помощи.

    Asked by mafinok,

    0 votes
    0 answers

  19. Авто рястягивание Iframe по содержимому

    Есть галерея на jquery. Посмотреть тут. Фотка открывается в фрейме. Хочу туда же залипить контактовский блок с комментариями. Но вот незадача - div в котором открывает фрейм не растягивается по содержимому внутри. то есть появляется скролл при привышении высоты блока. Как можно это решить?

    Asked by salat,

    0 votes
    0 answers

  20. Помогите настроить страничку...

    Три дня назад начал HTML изучать=) наверстал по ходу изучения вот такую страничку)) В общем вот 2 скрина , мне нужно чтобы "Таблица комплектующих №2" была справа сразу напротив Первой (левой) таблицы, а получается фиг знает что( она вообще внизу... а блок <pre> я сделал для того чтобы там где у меня начинается под таблицей Проверка текста слева , Проверка текста слева, Проверка текста слева, размещалось это под таблицей как сейчас... без <pre> весь этот текст справа от таблицы показывается.. даже когда я задаю выравнивание по левому краю и если после таблице ставлю <br>...=( Извиняюсь за некорректность если вдруг.. я новичок совсем..

    Asked by Quadder,

    0 votes
    0 answers

  21. HTML 5 верстка и футер в низу

    Собственно тема уже не раз поднималась но все таки есть не понятные моменты - а именно как это можно сделать без лишних блоков и абсолютного позиционирования? Пока сделал как приведено ниже, но хотелось бы чистый html5 код без лишних #wrapper и .clear HTML: <body> <div id="wrapper"> <!-- —————-- Header —————————-- !--> <header> <h1> Шапка страницы </h1> </header> <div id="content"> <section class="s1"> </section> </div> <div class="clear"></div> </div> <!-- —————-- Footer —————————-- !--> <footer> © </footer> </body> </html> CSS: @imp…

    Asked by lion-it,

    0 votes
    0 answers

  22. Горизонтальное меню методами CSS

    Мне нужно сделать на сайте меню, которое должно выглядеть точь-в-точь как на сайте topwar.ru, только с другими категориями. Пока что процесс остановился на такой стадии. CSS ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; font-size: 1em; background: #B22222; } ul#topnav li { float: left; margin: 0; padding: 0; } ul#topnav li a { padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; } ul#topnav li:hover { background: #E6E6FA; float: left; margin: 0; padding: 0;} ul#topnav li span { float: left; padding: 5px 0; position: absolute; left: 0; top:23px; display: none; width: 100%; background: #c…

    Asked by drago_v,

    0 votes
    0 answers

  23. Список в два столбца.

    Всем привет. Есть проблема: В определенном блоке сайта на wordpress нужно вывести показ свежих новостей так, чтобы они отображались не просто списком, а в два горизонтальных столбца. То есть, два столбика, в каждом по 5-6 новостей. Сейчас это выглядит так: <ul> <?php $recent = new WP_Query("cat=1&showposts=5"); while($recent->have_posts()) : $recent->the_post();?> <li><a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?> </a></li> <?php endwhile; ?> </ul> Помогите, пожалуйста, оформить это в css Заранее благодарен.

    Asked by blackdisk,

    0 votes
    0 answers

  24. Ошибки в работе сайта

    Здравствуйте уважаемые форумчане. Подскажите пожалуйста, создал небольшой сайт, в него впихнул всплывающее окно посредством Fancybox. Собственно в современных браузерах проверил. Нашел как минимум 3 ошибки. 1) Всплывающее окно в Chrome заполняется не по содержимому контента а до конца окна браузера. Во всех остальных - нормально. Для теста взял только алтайский край. Ссылка там 2) В Firefox надпись с названием уплывает вверх, но тут собственно, наверное можно что-то придумать с префиксом. 3) При наведении мышки на регион подсвеченный желтым возникает подсказка, первые две колонки отображают подсказку нормально, а вот последняя жестоко сносит ее влево. Файлы прилагаю. Соо…

    Asked by henry007rta,

    0 votes
    0 answers

  25. Использование тега <nav>.

    Прибудьте во здравии! "Мастер глупых вопросов" снова в эфире. Подскажите, пожалуйста, правильно ли я понимаю: Тег <nav> просто тыкает носом браузер и гуглоботов в то, что тут, внутри, важная/основная (по мнению… кого, кстати?) для всего сайта менюшка навигации. И ему (тегу) без разницы что там – хоть <menu> с <command>, хоть списки, хоть просто <a>? При этом, сам <nav> можно закинуть еще в другие "секционные элементы" типа <article> или <aside>, а вот внутрь <nav> уже можно помещать только "привычные" элементы (вроде этого же <menu>, а также <div>, <a>, <h…>(?)) без дополнительных семантических излише…

    Asked by Kray Storm,

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