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. Фоновый рисунок для Div

    Подскажите как лучше реализовать: Есть много Div'ов в виде кубиков. Стиль у них один, но фоновый рисунок должен быть разный,а в нутри каждого еще должен находиться разный контент. Не очень хочется создавать внутри них еще блоки только для задания фона, и не хочется делить стили для каждого квадрата свой лишь ради фона. Как можно выйти из положения?

    Asked by cmndr_alexgreen,

    0 votes
    11 answers

  2. img m-width:100 firefox/oper

    Привет! Столкнулся что img{ max-width:100%; } не работает в браузерах Опера и Фаерфокс, кто сталкивался? как решал?

    Asked by Cyber_bober,

    0 votes
    3 answers

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

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

    Asked by Sandr,

    0 votes
    2 answers

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

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

    Asked by darlov,

    0 votes
    2 answers

  5. Середина сайта уехала в левую сторону

    У меня в блоге уехала в левую сторону середина сайта. Сайт по середине должен выравниваться. http://knopka3.lt/ В старом браузере сайт смотрелся хорошо. Я обновила Мозилу и середина уехала в левую сторону, так же в Опере плохо. В фаилах есть div class="main", но firebugom он не виден почемуто и когда меняю стили в base.css для .main он не реагирует. Помогите понять и исправить ошибку.

    Asked by knopka3,

    0 votes
    2 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. Нет плавной CSS3- анимации в Chrome

    работает только в опере и мозилле http://jsfiddle.net/qrTA8/ -webkit-transition-duration: 100ms; - есть, но не помогает

    Asked by iDrugov,

    0 votes
    6 answers

  8. слайдер и форма связи.

    Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

    Asked by explo1d,

    0 votes
    3 answers

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

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

    Asked by BrainExploded,

    0 votes
    3 answers

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

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

    Asked by maritca,

    0 votes
    6 answers

  11. ПОМОГИТЕ

    Есть текст открытый с помощью 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

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

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

    Asked by maritca,

    0 votes
    1 answer

  13. Подскажите с 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

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

    Есть текст открытый с помощью 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

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

    Помогите, пожалуйста, разобраться. В том макете 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

  16. IE 10 WINDOWS 8

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

    Asked by TheBroadcast,

    0 votes
    1 answer

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

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

    Asked by q13m,

    0 votes
    3 answers

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

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

    Asked by logicface,

    0 votes
    3 answers

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

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

    Asked by Bizon4ik,

    0 votes
    8 answers

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

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

    Asked by Kelenar,

    0 votes
    3 answers

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

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

    Asked by seemax,

    0 votes
    2 answers

  22. frame, hover, ie9

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

    Asked by jurassik,

    0 votes
    7 answers

  23. Как сделать шаблон Pisces в 3 калонки?

    Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:

    Asked by byucoz,

    0 votes
    3 answers

  24. Как сделать шаблон Pisces в 3 калонки?

    Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:

    Asked by byucoz,

    0 votes
    0 answers

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

    Приветствую камрады. Уже неделю как изучаю 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

  • Обсуждения

    • 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