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 записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять те…

    Asked by Вальдемар,

    0 votes
    2 answers

  2. В ячейке в одну линию текст и картинка

    Доброе время суток, помогите советом, имеется таблица которая расширяется в зависимости от кол-ва колонок и содержания, но в некоторых ячейках рядом с цифрами вставляется картинка, все отрабатывает хорошо, пока цифра не большая. Если цифра получается большая то ячейка не расширяется, а картинка съезжает вниз. Как мне картинку закрепить жестко с текстом? Хочу вот так: А получается так:

    Asked by darlov,

    0 votes
    2 answers

  3. выпадающее меню теснит контент

    UPD: залил всё на jsfiddle, приношу извинения, что сразу не подумал об этом http://jsfiddle.net/BrainExploded/tG6F8/3/ Выпадающее меню, как видно в примере, сдвигает вниз всю дальнейшую разметку. Хау ту: 1)сделать, чтобы выпадающее меню не влияло на положение остальных элементов при, собственно, выпадании? 2)организовать возможность того, чтобы выпадающий список был любой ширины, притом, чтобы его ширина не распирала родительский список? Т.е. чтобы само меню было всегда со своими ширинами, а выпадающее подменю - со своими, но не меньше, чем ширина основного пункта меню. Тогда можно будет не указывать фиксированную ширину для пунктов, и она будет состоять из ширины текста…

    Asked by BrainExploded,

    0 votes
    3 answers

  4. Рамка поля ввода в хроме

    Приветствую всех. Когда поле ввода получает фокус, то в хроме появляется рамка(см. аттач). Как можно убрать эту рамку?

    Asked by Sandr,

    0 votes
    2 answers

  5. Можно ли оптимизировать мой код?

    Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.

    Asked by Bizon4ik,

    0 votes
    8 answers

  6. Как сдвинуть форму?

    Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…

    Asked by Dimaz,

    0 votes
    1 answer

  7. frame, hover, ie9

    такой код <div> <frame> </frame> </div> блок div виден частично при div:hover он весь появляется и видно frame, но когда навожу на область frame-а, div сворачивается (hover отключается) такое только в ИЕ

    Asked by jurassik,

    0 votes
    7 answers

  8. Для nurlan_1992

    Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }

    Asked by Bava,

    0 votes
    6 answers

  9. -ms-filter

    Точно помню, что какая-то бета IE8 отказывалась понимать старый синтаксис фильтров (нарушающий нормы CSS), приходилось дублировать их -ms-filter:"тем же самым". Сейчас с удивлением вижу, что на моей машине IE8 прекрасно понимает и добрый старый невалидный синтаксис. Это мой IE8 глючит или его вообще тихо пофиксили и -ms-наворот теперь остался не у дел?

    Asked by SelenIT,

    0 votes
    6 answers

  10. "Дёргаются" страницы

    сайт - www.shark.ru Дёргаются страницы при переходе по пунктам меню и при смене картинок в карусели на главной - в Хроме, у нескольких человек на работе. Кеш чистили, не помогло... У большинства в том же Хроме ничего не дёргается. В чём может быть проблема? Я предполагаю, что в самой карусели, поскольку пока её там не было, не было и такой проблемы... Но где именно может быть ошибка?

    Asked by maritca,

    0 votes
    6 answers

  11. Резина шалит, помогите.

    Здравствуйте, у меня возникли проблемы с маленькой резиновой шапкой, она очень плохо отображается в сфари, хроме 16 и немного плохо в ИЕ7. Много чего передпробывал и самое лучшее чего смог добить это вариант который я сейчас выложу, помогите кому не лень, где ошибка? Или просто скажите что я делаю не так, в каком месте... Вот сайт = http://logicface.narod2.ru/ Вот скрины проблемы: Текст неправильно скукоживается и залазит под нижний див. Тут вообще хорор какой то, никак не могу понять почему они все сьехали влево.=( Ну а тут вообще бред, проде я писал utf-8 а буквы тоже краказяблами.=( Спасибо большое за внимание!

    Asked by logicface,

    0 votes
    3 answers

  12. Рамка вокруг ссылки

    Всем привет, подскажите пожалуйста как убрать рамку(из точек) вокруг ссылки картинки (<a><img/></a>) она появляется в FIREFOX только когда нажимаешь на нее. С FIREFOX я разобрался, а как поступать с ie6 ie7 если там outline не работает?

    Asked by Budulianin,

    0 votes
    7 answers

  13. Помогите пожалуйста

    Есть текст открытый с помощью fire bag (отрезок) <div id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Мне нужно сделать так: <div id="Proba" id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Вроде всё просто открыл файл html и прописал, но вот в чём проблема когда открываю файл html (view_doc.html) там вот такой текст <% Server.Execute( "include/access_init.html" ); curParams = new SafeObject; tools_web.set_web_params( curParams, curWebDesign.wvars, true ); Request.Session.Env.SetProperty( 'curParams', curParams ); if ( curObjectInitErrorText != '' ) { curErrorText = curObjectInitErrorText…

    Asked by gabdsh,

    0 votes
    11 answers

  14. Мобильная версия сайта

    Подскажите, пожалуйста, как реализовать мобильную версию сайта? Я пока вообще не понимаю, как это делается. Я почитала статьи и форумы и так понимаю, что существует несколько способов вёрстки под мобильные устройства. Также нашла плагин, который устаналивается в CMS, но на Битрикс, судя по отзывам, этот плагин налазит плохо... Вообще, с чего начать?

    Asked by maritca,

    0 votes
    1 answer

  15. Подскажите с float

    Есть контейнер <div id="container"> в нем 5 контейнеров <div class="s"> 3-й контейнер <div class="s h"> по высоте больше чем другие, 5-й контейнер не вмещается в строку и втыкается в 3-й. Как сделать чтоб 5-й контейнер обходил 3-й? вот код .s{ float:left; width:300px; height:300px; background:#fc0; margin:10px 0 0 10px; } .h{ height:400px; }

    Asked by griboff,

    0 votes
    4 answers

  16. ПОМОГИТЕ

    Есть текст открытый с помощью fire bag (отрезок) <div id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Мне нужно сделать так: <div id="Proba" id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Вроде всё просто открыл файл html и прописал, но вот в чём проблема когда открываю файл html (view_doc.html) там вот такой текст <% Server.Execute( "include/access_init.html" ); curParams = new SafeObject; tools_web.set_web_params( curParams, curWebDesign.wvars, true ); Request.Session.Env.SetProperty( 'curParams', curParams ); if ( curObjectInitErrorText != '' ) { curErrorText = curObjectInitErrorText;…

    Asked by gabdsh,

    0 votes
    0 answers

  17. как писать текст в блоке div

    перерыл поисковик запросами, не могу найти, раньше как то делал чтобы можно в области див писать текст, на подобии input или textarea

    Asked by q13m,

    0 votes
    3 answers

  18. поведение SELECT, вопрос для гуру html

    Здравствуйте! Вопрос скорее теоретический. На сайте www точка seogenerator точка ru/tools/ ( точка замените точкой) в правой колонке кастомизированный select, который выбирает кодировку. Метод кастомизации основан на том что при задании opacity 0 сам селект не виден, но выпадающий список виден, документированное ли это поведение, или баг, и выпадающая часть тоже должна быть невидима? Желателен пруф на доку. Спасибо!

    Asked by polyanin,

    0 votes
    5 answers

  19. верстка фона

    Помогите, пожалуйста, разобраться. В том макете http://forum.htmlbook.ru/index.php?showtopic=29381&st=0 не могу сверстать фон. Вставить картинкой не интересно. А вырезать не получается. Пробовал и однопиксельную полоску и больше пикселей. Размещал по горизонтали, по вертикали - получается не так как в макете. В этом макете http://forum.htmlbook.ru/index.php?showtopic=24960&st=0 не понимаю как сделать этот пункт: изображение с планетой должно быть так же резиновым или сделайте так, чтобы было красиво при широком экране + текст в этом блоке всегда прижат к правому краю.

    Asked by cypler,

    0 votes
    1 answer

  20. почему тему удалили?

    я хочу что бы когда я создавал на странице новую информацию старая информация уходила на страницу назад как это сделать?

    Asked by Dimantimakov,

    0 votes
    1 answer

  21. Проблема с градиентом

    Приветствую камрады. Уже неделю как изучаю css, дошло дело до практики, хочу сверстать шаблон применяя фишки css3. А конкретно сделать файски у блоков. И столкнулся с проблемой Для создание файски применяю следующий код . block { background: #f3f3f3; height: 56px; margin: 15px 0 15px 0; background: linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -ms-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -moz-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -o-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -webkit-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); } Как я понял…

    Asked by Gilman,

    0 votes
    2 answers

  22. IE 10 WINDOWS 8

    Есть ли, тот кто уже опробывал IE-10. Сверастал кто-нибудь, что нибудь под эту версию ?) P.S. Ну что переучиваемся верстать под IE 10

    Asked by TheBroadcast,

    0 votes
    1 answer

  23. Вложенность строчных элементов в блочный. Зачем?

    Очень часто в примерах на htmlbook.ru и готовых сайтах используются конструкции типа <p> <input> </p> либо <p> <a></a> </p>. Для чего используется именно такой формат записи и чем плохо применение CSS свойства display: block для строчных элементов?

    Asked by Kelenar,

    0 votes
    3 answers

  24. позиционирование

    Подскажите,пожалуйста,поче му один и тот же div с position:absolute в опере и ИЕ выглядит так http://hostingkartinok.com/show-image.php?id=d4bf099a17e1e26216c09dec23ef790e а в мозилле и хроме так http://hostingkartinok.com/show-image.php?id=5ce614899458a1cc0bd84f6ea136eee4 CSS данного блока #footer{ position:absolute; bottom:0; left:560px; color:#dcd686; text-align:right; }

    Asked by Dimanchik87,

    0 votes
    8 answers

  25. jQuery календарь

    Перепроверил много раз, все рекомендации автора плагина учтены http://tedserbinski.com/jcalendar/index.html#use а он не работает http://pomidor.com.ua/seemax/Calendar/index.html Явно видно, что не подключен, хотя прописал все, как мне кажется. Может подскажут более опытные товарищи где проблема?

    Asked by seemax,

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