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. Вопрос по резиновой верстке

    Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…

    Asked by chillout,

    0 votes
    6 answers

  2. shadow-box смещение

    Здравствуйте. Сделал вёрстку, футер прижал к низу окна браузера. Всё нормально было. Но надо было у футера тенюшечку вверх сделать. Сделал так -webkit-box-shadow:0 -4px 4px #d4d9da; -moz-box-shadow:0 -4px 4px #d4d9da; box-shadow:0 -4px 4px #d4d9da; behavior: url(PIE.htc); В браузерах всё нормально, кроме Оперы где появляется вертикальная и горизонтальная полоса прокрутки и белые полосы под футером и справа. В "любимом" ИЕ6 футером вообще улетает вниз на свою высоту(до добавления тени всё нормально во всех браузерах). Искал в интернете но ответа не нашёл. подскажите пжлста как можно решить эту проблему.

    Asked by Vdrebezge,

    0 votes
    6 answers

  3. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

    0 votes
    11 answers

  4. Размер шрифта при его изменении в настройках браузера

    Увеличил шрифт в настройках браузера - на многих сайтах шрифт увеличился, но на некоторых нет! Например на этом форуме заголовки сообщений и некотор. другой контент остался прежнего размера, а Select внизу - увеличился, и сейчас я пишу в увеличенной textarea.. Вопрос: Как верстать, чтобы при изменении пользователем шрифта, он бы остался прежним на вашем сайте??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  5. Почему

    Подскажите, почему я не могу поменять бэкграунд? body1 { font-family: Helvetica, Arial, sans-serif; font-size: 11px; } p1 { line-height: 1.5em; } ul#menu, ul#menu ul { font-size: 12px; list-style-type:none; margin: 0; padding: 0; width1: 15em; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top: 1px; width: 100%; } ul#menu li a { background: transparent; back:#333; color: #fff; padding: 0.5em; } ul#menu li a:hover { background: orange; color: #333333; back: #000; } ul#menu li ul li a { background: #1b1c30; back: #ccc; color: #dfddc1; padding-left: 10px; } ul#menu li ul li a:hover { ba…

    Asked by lessless,

    0 votes
    1 answer

  6. Бэкграунд

    Всем привет! Вопрос по повду бекграунда: http://d76952.u43.allramhosting.com/. Бекгрунд сверху и соотвественно снизу, когда меняешь размер окна по вертикали, вылазит белый бекграунд (снизу). Соотвественно этого быть не должно, пытаюсь сделать другой рипитбл бекграунд абсолютом, пока безуспешно. Может у кого была подобная проблема, буду благодарен за совет

    Asked by rusmn,

    0 votes
    4 answers

  7. Не пойму поведение стилевого атрибута text-transform

    Просьба к модераторам переименовать тему в "Не пойму поведение стилевого атрибута text-decoration". Я ошибся и перепутал в названии стилевой атрибут. Вот такой пример кода (внутри которого и сам вопрос): <html> <head><title>Черновик</title></head> <body> <p style="text-decoration: line-through;">Здесь идёт перечёркнутый текст. <span style="text-decoration: none;">А здесь должен быть неперечёркнутый. Но почему отображается перечёркнутый?</span></p> Почему не действует внутренний элемент, где я отменяю перечёркивание? Здесь же написано, что значение none отменяет все эффекты, в том числе и подчёркивания у ссылок, …

    Asked by 9190,

    0 votes
    6 answers

  8. PNG в ие7-8 проблемы с фоном

    Здравствуйте. Столкнулся с такой проблемой в ие непервой sharmel.su png в ие7-8 отличаются фоном, хоть и одинаковые. Раньше решал проблему с переводов в гиф формат. Сейчас же решил разобратся.

    Asked by musulman,

    0 votes
    9 answers

  9. Свойство transition в CSS3

    Разъясните, пожалуйста, почему не проходит валидацию свойство transition? Спецификация есть, а валидатор выдает ошибку: Я сейчас не говорю про вендоры для разных браузеров. Они, понятное дело, невалидны. Но даже в чистом виде не проходит...

    Asked by Владимир Н,

    0 votes
    1 answer

  10. Как расположить кнопки социальных сетей в ряд?

    Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…

    Asked by seomedved,

    0 votes
    11 answers

  11. Свободное перемещение и таинственно исчезающий контент

    Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

    Asked by rookie,

    0 votes
    10 answers

  12. Проблема с картинками

    Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)

    Asked by moskalev_mihail,

    0 votes
    11 answers

  13. ИЕ-6 не дает мне спокойно спать

    Страница с ошибкой по адресу http://boatmarine.ru/shop/group_594/group_597/item_165/ Футер висит в воздухе только на ней. Возможно из-за галереи. Может кто-то взглянет, а то у меня уже глаз замылен.

    Asked by goooooch,

    0 votes
    11 answers

  14. Нужна помошь!

    Добрый день! Я не разбираюсь во всех премудростях редактирования и создания интернет ресурсов, HTML, и т.д. Вопрос пустяковый, для профессионалов. На сайте, который я виду есть кнопка, она мне очень нравится, подсчета онлайн посетителей. Вот ее код: <script id="_wau03o">var _wau = _wau || []; _wau.push(["classic", "53tv5fwbl4as", "03o"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/classic.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script> В опере она стоит в ряд со всеми счетчиками, а в эксплорер, смешается всегда на строчку ниже. Подскажите, как сделать так что бы в эксплорер…

    Asked by belyerosy,

    0 votes
    8 answers

  15. Центрирования по осям X и Y

    Есть HTML: <div id="wrapper"> <div id="cell"> <div class="content"> Content goes here </div> </div> </div> Задача: расположить div.content аккурат по центру окна браузера, при этом, у блока неизвестны width и height Решение №1: #wrapper { display: table; } #cell { display: table-cell; vertical-align: middle; text-align: center; } .content { display: inline-block; } Вопрос: как можно добиться аналогичного результата без использования display: table/table-cell и JS?

    Asked by rookie,

    0 votes
    5 answers

  16. Подключение платежных систем

    Здравствуйте. Вопрос такой: я молодой веб-программист. Запустил сайт в интернете, пользователи зарубежем. Пользователей не много, но пользоваться моим функционалом им нравится. Я планирую добавить на сайт несколько новых фич и хочу сделать их платными. Но вот тут проблема, что я в этом к сожалению ничего не смыслю. Подскажите что нужно сделать что бы пользователь зарубежом оплачивал услуги моего сайта, а я дома (в Украине) мог обналичивать эти деньги? Целый день лажу по интернету и только обрывки фраз. Не понятно какую именно систему подключать или лучше все сразу? Что делать дальше после того как деньги пользователя попали на мой аккаунт, в какой-то системе, что бы обнал…

    Asked by xtestprogx,

    0 votes
    4 answers

  17. позиционирование div

    Здравствуйте! Такая проблема- как прижать див к низу родительского элемента?Дело в том что если я делаю position:absolute; bottom:0; то блок прижимается к низу,но на некоторых страницах заезжает на стоящий выше контент!Точнее сказать контент "уходит" под этот блок.подскажите пожалуйста как исправить?Гуглила,но не могу понять в чем дело!

    Asked by Meri_Ann,

    0 votes
    8 answers

  18. Непонятный артефакт

    Здравствуйте! До того как я вставила форму, все было ОК. А теперь сбоку (слева и права) странный артефакт. Не могу понять, что именно не так? Сама страница Откуда появляется этот артефакт?

    Asked by Bredova,

    0 votes
    3 answers

  19. Передача данных из одной страницы на другую

    Товарищи помогите ! Мучаюсь над одним вопросом! Недавно только начал изучать языки, кроме HTML ещё слабо что понимаю. Так вот есть страницы 1.html, 2.html и тут мне нужно с первой страницы 1.html передать данные во вторую страницу! Данные которые собираюсь передавать на 2.html - это текст и ссылка.

    Asked by Сильвина85,

    0 votes
    7 answers

  20. user agent stylesheet перекрывает мои стили

    Прописываю стиль для ссылок, хром и фф игнорируют этот стиль смотрел в отладчике хрома - мой стиль зачеркнут, а используется этот user agent stylesheet буквально неделю назад верстал шаблон, делал то же самое, никаких проблем не было а теперь вот такой сюрпрайз..

    Asked by ruylahrazor,

    0 votes
    1 answer

  21. Тег в оформительских целях?

    Скажите пожалуйста какой тег лучше всего использовать в оформительских целях? (тени, уголки и прочее). Я использовала пустые дивы, теперь же хочется сделать всё грамотнее. Какой тег, как бы это сказать, не несёт в себе смысловой нагрузки? span? i?

    Asked by vikusik,

    0 votes
    7 answers

  22. Два DIV: левый резиновый, правый фиксированый

    Проблема в общем то вот какая. Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь: нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px. Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает. Подскажите как сделать? Заранее спасибо

    Asked by tolik777,

    0 votes
    3 answers

  23. проблема с таблицей

    вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…

    Asked by Toxin_G,

    0 votes
    2 answers

  24. div с фиксированной высотой, нужно сделать футер

    есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

    Asked by maximt,

    0 votes
    3 answers

  25. Отображение картинок

    Не отображаются картинки на сайте. Когда все ресурсы на винчестере то все норм а на хосте возникают проблемы причем некоторые изображения выводятся а некоторые нет. В чем причина? p.s. Проверял на двух хостах, на главной все норм а на других возникают проблемы

    Asked by KoTA kunn,

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