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. Проблема с ИЕ снова

    Здравствуйте! Есть вопрос к знатокам. Пытаюсь сделать всплывающие подсказки со ссылками с помощью css <html> <a class ="tool" href="" ><img src="1.png"> <span> <table> <tr> <td><a href=""><img src="2.png"></a></td> <td><a href=""><img src="3.png"></a></td> </tr> </table> </span> </a> </html> и css для ИЕ a.tool span {\display:none;} a.tool:hover{\position:relative;\z-index:20;} a.tool:hover span {\display:block;\position:relative;\top:-75px;\left:10px;\z-index:100; } Все браузеры нормально "всплывают " 2 и 3 ссылку. В ИЕ - ч…

    Asked by olva,

    0 votes
    2 answers

  2. Помогите растянуть таблицу

    Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…

    Asked by antisept,

    0 votes
    4 answers

  3. expression в ie6

    помогите правильно составить expression для ie6 намучился с другой проблемой, моск кипит, так что уже не могу разобрать нормально ничего.. выдает синтаксическую ошибку .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? 1400 : 100%) :'1005px'); } нужно, чтобы если ширина окна > 1005 и меньше 1400, то ширина .page была бы 100% иначе min 1005, max 1400 заранее спасибо ошибка из-за кавычек была .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? '1400px' : '100%') :'1005px'); } однако свою функцию данный экспрешн не выполняет...

    Asked by theo_,

    0 votes
    3 answers

  4. Гляньте плз в IE 8

    http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.

    Asked by aTei,

    0 votes
    3 answers

  5. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  6. В IE 8 сдвигается таблица внутри блока

    Внутри блока из дивов, находится таблица В мозиле все стоит ровненько, в Эксплорере, таблица находящаяся внутри блока съезжает вниз Пробовал и padding и margin применять как отступы блока с таблицей - одна фигня=( вероятно как-то на таблицу влияет содержимое вверхустоящих блоков В чем может быть проблема? Как с ней справиться? Спасибо!

    Asked by Benderbej,

    0 votes
    2 answers

  7. Проблема отображения картинки

    Добрый день. Подскажите как правильно отобразить картинку, находящуюся не на сервере, а на локальном компе у пользователя. Делую так: <img src="file://localhost/D:/1.jpg" align="right"> Пробовал разные варианты. Картинка точно есть. Если ввести file://localhost/D:/1.jpg в адресную строку браузера, то она отображается. В чём моя ошибка? Заранее спасибо.

    Asked by mirbag,

    0 votes
    21 answers

  8. Слои дополняющию 100% ширины

    Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна? <div id="menu"> </div> <div id="text"> </div> <div id="images"> </div> #menu{ position:relative; padding-top:150px; padding-right:50px; text-align:right; float:right; } #text{ position:relative; padding-right:20px; padding-left: 20px; text-align:right; width:auto; float:right; } #images{ position:relative; width:200px; float:right; } слой text должен дополнять, но не авто, не 100% не помогают.

    Asked by dima_mak,

    0 votes
    5 answers

  9. Помогите закруглить углы.

    Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …

    Asked by Flashton,

    0 votes
    1 answer

  10. Flash перекрывает выпадающее меню

    Добрый день! На сайте flash-баннеры перекрывают выпадающее меню. В фаерфокс и опере все нормально, только в ie8. Подскажите, пожалуйста, как можно от этого избавиться.

    Asked by nickgu,

    0 votes
    19 answers

  11. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…

    Asked by Great Rash,

    0 votes
    55 answers

  12. Скроллинг в ячейке таблицы

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…

    Asked by KVA,

    0 votes
    1 answer

  13. Фиксация фонового рисунка

    Здрасте, всем Есть сайт на php-fusion со скачанным шаблоном, который я перерисовываю. Собственно застрял на этом моменте: // theme settings $body_text = "#000000"; $body_bg = "#FFFFFF"; $theme_width = "100%"; $theme_width_l = "170"; $theme_width_r = "170"; function render_header($header_content) { global $theme_width,$settings; echo "<table align='center' width='100%' border='0' cellpadding='0' cellspacing='0' style='background-image:url(".THEME."images/header-center.gif);margin-top:0px;'><tr><td>"; // Header logo echo "<table align='center' style='background-image:url(".THEME."images/header-center.gif)' border='0' cellpadding='0' cellspacing=…

    Asked by Buzzard,

    0 votes
    3 answers

  14. margin: auto - как оно работает?

    Добрый день! Скажите пожалуйста как именно работает margin: auto? Тут сказано, что "Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером." Но не совсем ясно, как именно браузер будет автоматически рассчитывать отступы. Каким алгоритмом он руководствуется. Знающие, опишите пожалуйста этот процесс более детально

    Asked by alex_tihonko,

    0 votes
    3 answers

  15. Динамический просчет ширины таблицы

    Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…

    Asked by MIT,

    0 votes
    4 answers

  16. Выравнивание меню из списка. Абсолютное позиционирование. Как?

    Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…

    Asked by setevoi,

    0 votes
    16 answers

  17. Во всех браузерах одинаково, только в Opera нет.

    Сколько верстаю, проблем таких не находил. В общем, надеюсь ваш опыт поможет. Попытаюсь описать ситуацию, сверстан на div-ах. Абсолютно все браузеры (Все версии IE, Google Chrome, FF, Safari, Avant, Opera 10 и др.) показывают одинаково правильно, но только Opera 8, 9 портит дизайн. В css прописано: width:980px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) Все браузеры отображают фон. Opera показывает только кусок 10px сверху. Проблема только в 8, 9 версии! Я не понимаю почему.

    Asked by Ritter,

    0 votes
    10 answers

  18. Шрифты

    Добрый день, затрудняюсь с выбором шрифтов, не могу подобрать подходящие шрифты для сайт. Извините за такой глупый вопрос... Может есть какие нибудь материалы по этой теме или может здесь профессионалы подскажут на что нужно обратить внимание? Спасибо

    Asked by Jumper,

    0 votes
    12 answers

  19. float в ие-6 работает некорректно

    Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

    Asked by cratte,

    0 votes
    8 answers

  20. Посоветуйте с програмой

    Записался на курсы по html. Но там обучают на "Microsoft Visual 2008 EE" Подозреваю , что прога достаточно громозская для html. Посоветуйте на чем лучше кодировать или есть кто, кто работает на Visuale ?

    Asked by Walsidalv,

    0 votes
    41 answers

  21. Скрытие и отображение части web-страницы

    Добрый вечер. Подскажите пожалуйста скрипт или метод для того, чтобы по нажатию на (допустим дату) появлялись события за этот день, т.е. что-то вроде аккордеона,как в меню используется, но только применительно к части веб-странице, а не ссылки. Пример: 10_01_2010 - нажали - выехал снизу кусок текста с табличкой и т.д. со своими внутренними ссылками. 11_01_2010 -нажали - старое спряталось и выехал новый текст со своими ссылками внутри.. и т.д. В общем получилось реализовать с помощью вложенности <ul> и <li> , но ссылки внутри той части которая скрывается/отображается (т.е. внутри <li>) не работают (просто не нажимаются)

    Asked by quake3,

    0 votes
    5 answers

  22. Не получается получить свойство через DOM!

    Собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> #foo { display:none; } </style> </head> <body> <div id="foo">Some text</div> <script type="text/javascript"> alert(document.getElementById("foo").style.display); </script> </body> </html> Ожидаю, естественно, получить "none", а в итоге - пустая строка. При этом если задать атрибут прямо в тэге (т.е. style="display:none") получаем то, что и требуется. Идеи?

    Asked by lazybaby,

    0 votes
    11 answers

  23. Один div над другим

    Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </d…

    Asked by Sam Trammell,

    0 votes
    15 answers

  24. Какой код использовать?

    Помогите решить следующий вопрос: нужно вставить в блог это изображение, чтобы с каждой маленькой картинки соцсетей шли ссылки на соцсети. Изображение цельное, как подобное делается, не имею понятия. Буду очень благодарен за ответы!

    Asked by blooom,

    0 votes
    8 answers

  25. Подскажите как исправить? В браузере Google Chrome комментарии сползают в самый низ

    В общем проблемка с шаблончиком во всех браузерах вроде отображает корректно, а вот в Google Chrome на странице полной новости после добавления комментария сам комент уползает в самый низ страницы. Вот пример Подскажите что подправить?

    Asked by IOzer,

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