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. font & span

    Доброго времени суток товарищи форумчане вот читаю и читаю и возник один может глупый вопросец но ответ хочется услышать от специалиста Итак вопрос: теги <font> <span> оба для изменения параметров текстовой информации но один устарел а другой повсеместно используется получается разработчикам просто было лень добавлять атрибуты и события этому тегу (<font>) и им было проще новый создать о_О

    Asked by Bobikys,

    0 votes
    2 answers

  2. Наследование высоты блока

    Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…

    Asked by DeeMon,

    0 votes
    2 answers

  3. Проблемы с отображением html-письма в mail.ru

    Здравствуйте! Помогите, пожалуйста, разобраться с проблемой - первый раз имею дело с версткой писем. Письмо (код ниже) отображается нормально не во всех email-клиентах. Самая большая проблема - с mail.ru. Практически каждый элемент mail оборачивает в тег <p></p>, в результате чего появляются огромные отступы. Как это лечится? Заранее спасибо. <!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> </head> <body bgcolo…

    Asked by eg0zer0,

    0 votes
    2 answers

  4. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k,

    0 votes
    5 answers

  5. Скопировал стили из мозилловского фаербага и полетели стили в Хроме

    Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?

    Asked by borus,

    0 votes
    3 answers

  6. Заголовок списка

    Как правильно задать заголовок списка? Нашел в интернете тег <lh>, но в htmlbook его нет. Может он уже не используется? Как правильно задать заголовок списка?

    Asked by apexis,

    0 votes
    6 answers

  7. Нужны ли ключевые слова?

    Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?

    Asked by xSPiRiTx,

    0 votes
    2 answers

  8. баг с padding

    При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; }…

    Asked by talover,

    0 votes
    3 answers

  9. Создание комментfриев на сайта html

    Здравствуйте, как можно реализовать комментарии на html сайте c использованием php (или на php странице) Например есть форма <body> <tr> <td> <form action=mail.php method=post> Ваше имя<br><input type=text name=name size=30><p> Комментарии<br><textarea name=mess rows=10 cols=50></textarea><p> <input type=submit value="Отправить сообщение"> </form> </td> </tr> </body> Нужно еще соединение с БД и соответствующий скрипт? Как можно попроще это реализовать (кроме сторонних разработок, например disqus).

    Asked by dao742,

    0 votes
    4 answers

  10. Запрет на изменение ширины

    Проблема в том что у меня есть таблица c 3 колонками где width стоит 3% 94% и 3% таблица имеет ширину 100%(посути у меня с боку сделаны поля где я подставляю background) все работает отлично до момента когда содержимое центральной колонки не становится больше width="94%", в этом случае ослина убирает поля не кого не спросив. Как же мне всетаки жестко зафиксировать ширину в 3% у моих колонок? Я вот пробовал: 1) style="min-width:3%;" не помогло 2) пробовал вписывать не помогло 3) если туда вписать прозрачную картинку помогет но у нее ширина будет не та. Версии осла рассматриваются от 7 ну хотя бы 8

    Asked by serg_ss,

    0 votes
    2 answers

  11. В Фаерфоксе пункт меню быстро соскакивает при уменьшению масштаба

    Прошу научить (я постараюсь запомнить), что нужно делать с меню сайта, чтобы последний пункт меню "38 лет..." не перескакивал на следующую строку в Фаерфоксах, оставаясь вплотную к правому краю подложки меню? Какова причина перескока в этом случае? В 17-ом фоксе при 100% масштабе пункт "38 лет..." не перескакивает, но уже в 15-ом по умолчанию сразу занимает следующую строку. В хроме перескок происходит только при сильном удалении. Благодарю

    Asked by borus,

    0 votes
    2 answers

  12. В FF не работает font-weight

    Заметил что в Firefox 17.0.1 font-weight не изменяется 900 = 600 и 500 = 100. Это только у меня? Моя ссылка

    Asked by apexis,

    0 votes
    3 answers

  13. CSS. Каскадные таблицы стилей. Подробное руководство

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

    Asked by Bobikys,

    0 votes
    3 answers

  14. background hover

    http://jsfiddle.net/5zFWy/ при наведении верхняя половина (35х16) этой картинки должна менятся на нижнюю прошу помоч #block-menubar > #nav a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; background-image: url(http://data1.floomby.com/files/share/6_12_2012/1AKnqvrow0O1l0dPVmoaQ.png), url(http://data1.floomby.com/files/share/6_12_2012/t9pGNLBs2Eq8api8oZcoRw.png); background-position: 50% 100%, 0 0; background-repeat: no-repeat, repeat; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 0 5px rgba(0, 0, 0, 0.4), 0 3px 5px rgba(0, 0, 0, 0.5), 0 2px 0 1px rgba(0, 0, 0, 0.5);} #block-menubar > #nav a:hove…

    Asked by radioactive,

    0 votes
    4 answers

  15. Красная строка при тэги br

    У меня чет поиск не заработал на форуме.. Поэтому тему создал) Хотя в принципе искал в поисковике трабл не нашел.. Смысл проблемы! Красная строка это очень просто #content p { text-indent:14px; } Но!! В тексте есть переносы с помощью <br/> ВОт тогда эта штука не работает! Как сделать отступ красной строки для тэга <br/>

    Asked by Demon_gms,

    0 votes
    4 answers

  16. Неадекватэн чекбокс в IE(6-9)

    Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}

    Asked by tiHo,

    0 votes
    6 answers

  17. Проблема с блоком в опере и мозиле

    Есть сайт http://vorota-automat.com.ua/ блок с идентификатором #brands в хроме и сафари располагается там, где ему надо стоять, то есть аккуратно справа. А в опере и мозиле всё съезжает. Объясните нубу, с чем связана сия проблема.

    Asked by pashkje,

    0 votes
    2 answers

  18. Обтекание картинок

    Подскажите, почему некоторый картинки, с выравниванием по краю, не вливаются в текст , а идут как-бы отдельным абзацем? Пример тут

    Asked by fowl,

    0 votes
    1 answer

  19. непонятный отступ

    помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

    Asked by cyklop77,

    0 votes
    3 answers

  20. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  21. DOCTYPE влияет на размер шрифта

    Ковыряю шаблоны одного бесплатного форума. Валидатор выдал кучу ошибок. Решил удалить DOCTYPE вообще и не ломать голову, но на форуме увеличились шрифты. Эксперименты показали, что шрифт увеличивается при указании несуществующего DOCTYPE. Как такое может быть? Другие элементы стилей не меняются. Было бы понятно, если изменялась "нарезка" из-за разной интерпретации width. Но почему меняется шрифт? Пример форума с подобным шаблоном _http://www.lych.ru/forum/viewtopic.php?f=2&p=1 А на этом такого не наблюдается _http://dom-i-k.ru/forum/viewtopic.php?f=2&t=1

    Asked by skvor,

    0 votes
    6 answers

  22. div строго под заданным div

    Здравствуйте, уважаемое сообщество htmlbook. Мне нужен совет: как сделать так, чтобы блок меню начинался точно с того места, откуда начинается блок баннера? Код страницы под спойлером. Заранее спасибо.

    Asked by sw33t,

    0 votes
    12 answers

  23. Проблемы с отображением текста в IE

    Всем доброе утро! Столкнулся с проблемой в IE. Может кто знает решение? HTML: <div class="banntextcen"> <span class="nameproduct">Набор для наращивания ногтей</span> <span class="starcen">4999 руб</span> <p class="cenaacc">3199 рублей</p> <span class="dostav">Доставка бесплатно</span></div> CSS: .banntextcen {width:256px; height:96px; position:absolute; top:20px; right:16px;} .timeracc {width:200px; height:67px; position:absolute; right:70px; top:128px; font-size:16px; color:#4a4a4a} .nameproduct {display:block; font-size:16px; color:#0074a4; } .starcen {margin:30px 0 0 0; display:block; text-decoration:li…

    Asked by Aidakaev,

    0 votes
    1 answer

  24. Артефакты на анимации

    В swishmax 4 создал небольшую .swf анимашку банер (стикер с акцией, что мусор за 2700р справа в блоке). Работаю в Linux и у меня в хромиуме, фаерфоксе и опере все пучком. А вот с других компьютеров, где виндовс стоит на анимации какие-то непонятные белые артефакты появляются. http://argamakspb.ru Вот код: <p style="text-align: center; "><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf" height="232" id="dasha-project" width="230"><param name="movie" value="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf"><param name="qua…

    Asked by xSPiRiTx,

    0 votes
    4 answers

  25. как верстать почтовую рассылку

    объясните пожалуйста как эффективнее проверить качество вёрстки почтовой рассылки я верстаю письмо в стиле 90-х, отправляю его с яндексовского почтового ящика на разные адреса. в результате адресаты получают письма в разном виде. кто то без картинок, кто-то без фона, кто-то только текст хотелось бы понять каким образом осуществляется рассылка? как я понимаю, нормальный заказчик будет рассылать письма не через обычный почтовый ящик. файлы, свзязанные с письмом(например изображения) будут вкладываться в отправляемое письмо не через обычную ссылку? запутался я(

    Asked by cyklop77,

    0 votes
    1 answer

  • Обсуждения

    • 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