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. Косяк в верстке, помогите найти.

    Сказать честно в верстке и веб програмировании я очень слаб, по этому надеюсь на вашу помощь. Проблема из разряда элементарных я так думаю, просто я совсем чайник. Суть проблемы, отпозиционировал дивами спанами текст как надо, везде отображается нормально...но когда открываю в Internet explorer, текст из php улетает в самый низ дива. За кривой код ногами не пинать HTML <div class="name1"> <div class="name2"> <span class="l1"><strong>Текст1</span> <br /> <span class="l2">текст1</strong></div> <div class="name3"><?php echo $heading_title; ?></div> </div> CSS .l1 {font-size: 50px; color: #0000…

    Asked by dram,

    0 votes
    1 answer

  2. 2 вопроса в 1-ном! (Twitter Bootstrap; background-position;)

    Здравствуйте. Так получилось что в данный момент у меня возникло сразу 2 вопроса, не имеющих между собой прямой связи. 2 поста создавать из за этого не хотелось. В общем - перейду к делу: 1) Можно ли отрепитить картинку 1px по обеим осям(x,y), создавая при этом необходимые отступы с требуемых сторон? (Учитывая что картинка имеет не однородный характер.. Знаю, что в другом случае конечно можно и средствами CSS3 обойтись..) 2) Возможно ли как то делать эти отступы больше чем с 2-х сторон? (Например, если нужно отступить с верху, c боку + что бы картинка до самого низа не репитилась? Есть ли простые обходные пути для таких задач?) 3) Насколько полезным(и актуальным), на данн…

    Asked by Yamaradg,

    0 votes
    2 answers

  3. Завернуть каждые 4-e li в div ?

    Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

    Asked by ilyas,

    0 votes
    3 answers

  4. помогите изменить сумму на буксе

    вот сайт http://zarabotai.hut...ise.php?adv=dyn вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="webmoney.attestation.label" CONTENT="description" content=""> <meta name="stylesheet" href="/css/main.css" type="stylesheet" href="/css/task.css" type="Javascript" type="javascript:StayFilter();'> <div id="center' class='0' cellspacing='0' border='0'> <tr> <td><a class='logo-summer' href='/index.php' title='Tolstosum - Всё для максимальной раскрутки!'></a></td> <td align='right' valign='bottom' nowrap='nowrap'></td> <td alig…

    Asked by alik0071,

    0 votes
    0 answers

  5. Шрифт A&S Black Swan

    Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.

    Asked by aaron,

    0 votes
    6 answers

  6. Двусторонее обтекание текстом

    Всем привет. Возникла такая проблема, нужно стандартными средствами html выполнить задание (рис). Я новенький, если данная тема уже поднималась, прошу прощения.

    Asked by Vomber,

    0 votes
    4 answers

  7. Наследование свойств класса дескрипторами, расположенными вне класса.

    Здравствуйте. В стилях прописано так: ... select, input, textarea, submit {font-size: 13px;} ... #table_small select, input, textarea, submit {font-size: 10px;} В этом случае текст элементов textarea и submit, которые расположены вне id="table_small" присваивается 10 фонт. Если поменять местами строки: ... #table_small select, input, textarea, submit {font-size: 10px;} ... select, input, textarea, submit {font-size: 13px;} все происходит с точностью до наоборот: текст в формах находящихся в <div id="table_small"> ...</div> textarea и submit - 13px. Что интересно, текст в select - ведет себя как и предполагается... Подскажите, как исключить такое "насле…

    Asked by Kapust,

    0 votes
    6 answers

  8. Не хочет работать не как vertical-align:top;

    Вот в общем то такая проблема не как не хочет работать... Залил сюда _http://jsfiddle.net/hPqTp/ но как то все коряво отображает пришлось залить на ucoz _http://jur-cub.ru/ что бы понятнее было Правый блок ну не как не хочет подниматся в верх (Упертый наверное Хочу так же, посмотреть ваи сообщений на счет самой верстки есть ли у меня какие то косяки? Заранее спасибо.

    Asked by SanyaSV,

    0 votes
    3 answers

  9. Google maps не отображаются маркеры

    Пробую создать свою точку на GOOLS MAPS и указать свою собственную иконку для этого места, указываю путь к иконке (пробовал заливать и на свой хостинг и на fastpic) в итоге моя икона не отображается, в чем может быть проблема?

    Asked by Hell&Heaven™,

    0 votes
    1 answer

  10. margin: 0px в IE8

    Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Feel,

    0 votes
    5 answers

  11. Как ограничить действия position:fixed

    Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

    Asked by Hol1killer,

    0 votes
    10 answers

  12. Почему может не работать виджет коментариев вконтакта?

    Собственно изза чего у меня может не работать виджет? Название сайта ввожу - test Адрес сайта - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html Основной домен сайта мне делает вот такой - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html и вконце концов код мне выдает вот такой: <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script&…

    Asked by pudge,

    0 votes
    53 answers

  13. Подскажите

    У меня есть 2 кнопки подписка на новости type="radio" и у меня по умолчанию стоит нет, а нужно что бы было да. ВОТ ПОЛНЫЙ КОД <table class="form"> <tr> <td><?php echo $entry_newsletter; ?></td> <td><?php if ($newsletter == 1) { ?> <input type="radio" autocomplete="on" name="newsletter" value="1" checked="checked" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" /> <?php echo $text_no; ?> <?php } else { ?> <input type="radio" name="newsletter" value="1" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" checked="checked" /> <?ph…

    Asked by NiCk!,

    0 votes
    2 answers

  14. Помогите выровнять по центру экрана

    Всем привет. Помогите выровнять данный код так что бы был по серердине экрана А то что то я не как не пойму как сделать выравнивание по сеерине как высоты так и ширины Буду очень благодарен за помощь <body> <table border="0" cellspacing="5" cellpadding="5"> <tr> <tr> <td> <div id="map" style="width: 800px; height: 600px"></div> <div id="res"></div> </td> <td valign="top"> <ul id="menu"> <li><a href="#" id="bar" onclick="show_c('bar'); return false;">Бар</a></li> <li><a href="#" id="restaurant" onclick="show_c('restauraunt'); return false;…

    Asked by Chekist,

    0 votes
    1 answer

  15. нужна помощь со скриптом формы обратной связи

    На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textar…

    Asked by itspider,

    0 votes
    5 answers

  16. Не ворное отображение шрифтов в разных браузерах

    Опять обращаюсь к вам за помощью, помогите с проблемой на сайте: _http://personaastro.ru/index.html, шрифты используемые в меню слетают на стандартные при открытии в IE, иногда в firefox. Подскажите как исправить данное недоразумение, уж очень шрифт этот нравится, менять на стандартный совершенно не хочется. Посмотрел тут подобные темы, попробовали конвертировать шрифт, не помогло. Может что не правильно делаем? В общем надеюсь на вашу помощь, спасибо!

    Asked by ilia,

    0 votes
    7 answers

  17. Объясните как работает простой jQuery скрипт.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…

    Asked by Березовский,

    0 votes
    15 answers

  18. Помогите вырезать значок из макета

    Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

    Asked by aaron,

    0 votes
    30 answers

  19. Помогите советом

    Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?

    Asked by mnstrsound,

    0 votes
    26 answers

  20. Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт?

    Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт? Например если с лицензионной точки зрения всё чисто. Насколько я понимаю, так будет даже надежнее, чем хостить на том же гугле или других сервисах, как платных так и бесплатных. Ведь если лёг сервак с шрифтами - он же и не отдаст сам сайт , в обратном случае придется отдавать фоллбек-шрифты, вместо красивых изначально планируемых если лёг сторонний сервис. Я имею в виду web fonts ttf/eot/woff завернутые в @font-face. Но вот почему-то, если просмотреть скажем с 100 сайтов использующих web fonts, буквально 1-2 будут хостить их у себя в том числе (если учесть, что есть Free & Open Source шрифты…

    Asked by Vincent Vega,

    0 votes
    2 answers

  21. tooltip скрывается при наведении

    возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.

    Asked by USF,

    0 votes
    3 answers

  22. Как можно такое реализовать? див в диве + img под дивом.

    Помогите пожалуйста на данный момент код таков - <div class="big-img" style="background-image:url('gallery/323.jpg'); height:400px;width:200px"> <img alt="продвигаемый запрос'" src="img/transparent.gif" style="height: 400px; width: 200px; "> </div> // причем видимая картинка это background-image:url('gallery/323.jpg, а img/transparent.gif как бы накрывает нужно чтобы было внутри див1 был див2 и картинка. И див2 в свою очередь был над картинкой, растянутый в 100% по краям див1.. я запутался в формировании кода. подскажите, может кто то поможет? вот скрин http://i.piccy.info/...432065/help.jpg

    Asked by feniks81,

    0 votes
    7 answers

  23. Подскажите самый простой и удобный хостинг для тестирования сайта

    Вот нужно протестировать некоторые детали на сайте,но на всех хостингах много мороки,возни и т.д.(((

    Asked by pudge,

    0 votes
    26 answers

  24. Объединение select'ов

    На сайте установлен селект со списком городов. Необходимо что бы кроме названия города была информация тего населении и ссылке на информационный сайт города. Всё в один селект запихнуть не получается. Можно список городов оставить в первом селекте а во второй добавить количество жителей и ссылки. Как можно сделать чтобы два селекта реагировали как один. На прокрутку и поиск? Есть ли вообще такая возможность, или подскажите пожалуйста какую-нибудь альтернативу. Спасибо.

    Asked by alleclf,

    0 votes
    8 answers

  25. Просмотр картинок CSS

    Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…

    Asked by Cube,

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