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. background-image с отступом справа

    Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

    Asked by Veseloff,

    0 votes
    3 answers

  2. android интерфейс

    есть ли готовые решения веб интерфейсов в стиле андроида для удобной работы с тач экрана?

    Asked by Tmin10,

    0 votes
    3 answers

  3. JS: Меняю атрибут при переключении на другой блок

    Есть код, который, как я понимаю, даёт возможность при переключении на определённый блок менять значения атрибута Style, а конкретнее прозрачность (opacity). Задался вопросом: как сделать так, чтобы скрипт менял значения атрибута Class. Где же в этом скрипте поменять сам атрибут? $(function(){ $("#pw2-button, #pw3-button, #pw4-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.…

    Asked by Eu-Le,

    0 votes
    3 answers

  4. ie 8 border

    Добрый день. Существуют 2 проблемы на сайте http://ambu-labra.ru/ 1. font-face в IE 8 не работает (пользуюсь fonts.API гугла). 2. Глючит бордер в IE при наведении мышкой на блоки. То белый, то серый. (должен всегда быть серым. Есть идеи, где кривые руки накосячили?)

    Asked by delch,

    0 votes
    3 answers

  5. Кодировка страниц Opencart

    Добрый день. Редактирую default шаблон OpenCart. В DW выставил дефолтную кодировку windows-1251. Когда начинаю сохранять - все отлично, русский текст отображается нормально, как только обновляю страницу движка, измененный текст отображается спец-символами. Это из-за разности кодировок движка и DW?

    Asked by arthyrgrex,

    0 votes
    3 answers

  6. Картинка в конце ссылки

    Может кто подскажет. Необходимо реализовать следующее: Стрелка должна быть частью ссылки. Важно чтоб если ссылка не влазит в одну строку, переносилось последнее слово со стрелкой, а не только стрелка. Пробовал через ::after, но тогда подчеркивание тянется до картинки.

    Asked by maeglyn,

    0 votes
    3 answers

  7. Курсоры

    У кого-нибудь получилось найти кроссбраузерное решения для использования своих шрифтов на странице? Безумно люблю Оперу - по жизни только с ней, но она так подставила тем что не понимает пользовательские курсоры..

    Asked by WebDebug,

    0 votes
    3 answers

  8. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik,

    0 votes
    3 answers

  9. IE6 абсолютный блок на всю ширину родительского

    Доброго дня. Помогите с проблемой, бьюсь уже который час. Она заключается в том что в IE6 абсолютный блок ни как не хочет растягиваться на всю ширину родительского блока с position: relative, а растягивается на ширину окна браузера при width: 100%; или без width на ширину контента. В остальных браузерах всё отлично. .rel { position: relative; float: left; } .abs { position: absolute; width: 100%; } <div class="rel"><p>Текст Текст Текст</p> <p class="abs">Текст</p> </div> Спасибо.

    Asked by bilbas,

    0 votes
    3 answers

  10. Как написать просто код, который не будет выполнятся?

    Здраствуйте! У меня вот такой вопрос, поставил блог на ВордПресс, но вот на сайте потребовалось вписсать код, который должен не исполнятся, а просто быть кодом, тоесть <html> <head> <title></title> </head> <body> Сам текст </body> </html> Вот такой формы код, но вот показывает только "Сам текст" ,а остальные теги убирает. Это связано с ВордПресс, помниться, когда я делал сайт не в ВордПресс, это проблемы не возникало вовсе. Помогите плз, как решить проблему заранее спасибо!

    Asked by Shader,

    0 votes
    3 answers

  11. Проблема с z-index в IE6-7

    Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?

    Asked by csiu88,

    0 votes
    3 answers

  12. кроссбраузерно в оодну строку

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

    Asked by like2dev,

    0 votes
    3 answers

  13. Какую иконку рекомендуете для упорядочиваниия по дате?

    Какую иконку рекомендуете для упорядочиваниия по дате?

    Asked by andys,

    0 votes
    3 answers

  14. Сохранение положения параметра select

    Есть форма на пхп. Там выбор валюты посредством выпадающего select. Жмешь на кнопку рассчитать и выбор сбивается, устанавливается по дефолту первый. Как сделать, чтобы сохранялся выбранный пункт select?

    Asked by onsite,

    0 votes
    3 answers

  15. Селекторы дочерних элементов и вложенные талицы

    Добрый день! Столкнулась с такой проблемой: есть таблица с другой вложенной таблицей. Нужно применить стили ко всем первым ячейкам только внешней таблицы. Конструкция table tr>td:first-child применяет стили и первым ячейкам и внешней, и внутренней таблицы. Конструкция table>tr>td:first-child - не работает Например (нужно применить синий фон только первой ячейке внешней таблицы): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Шаблон Html</title> <style type="text/css"> table { border-collapse: collapse; width:100%; } table td{ border:so…

    Asked by F315,

    0 votes
    3 answers

  16. Как правильней выравнивать блоки в контенте?

    Есть такой способ выравнивания блоков в контенте (Ссылка на пример, ниже код). Его абсолютный плюс всё валидно и малый объём кода. Минус: ie6,7(не точно) этого не понимает. Есть способ выравнивания блоков в контенте с float:left. Его плюс: везде всё нормально отображается. Минус: у него задаётся ограниченная высота. Можно конечно с помощью js это дело подправить, но это не есть хорошо. Вопрос: кто чем пользуется? может есть более правильные способы выравнивания блоков в контенте?

    Asked by antonP,

    0 votes
    3 answers

  17. Проблема с полосами прокрутки

    Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…

    Asked by voldemar87,

    0 votes
    3 answers

  18. Не получается сделать div блок по верх остальных

    Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;

    Asked by frost18,

    0 votes
    3 answers

  19. DOM в html5

    Сейчас прохожу данный урок http://htmlbook.ru/html5/canvas, там есть такая строчка Где найти эту строчку var a_canvas = document.getElementById("a");?

    Asked by ismakv,

    0 votes
    3 answers

  20. Граница столбца не видна в опере/ie

    Почему-то опера 11 и ie 9 не понимают конструкцию <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"></td> <td>правая колонка</td> Т.е. я пытаюсь сделать простейший разделитель между двумя колонками. Отображает его только хром. Разделитель становится видимым, только если указать, что колонка непустая, т.е. добавить пробел: <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"> </td> <td>правая колонка</td> Но это приводит пусть к небольшому, но увеличению ширины колонки - она уже не 1px.

    Asked by wcp,

    0 votes
    3 answers

  21. пропали блоки

    помогите пожалуйста найти пропавшие в ie6, ie7 блоки. в других браузерах они видны. страничка

    Asked by cyklop77,

    0 votes
    3 answers

  22. Резиновая кнопка оригинальной формы

    Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334

    Asked by silverlight90,

    0 votes
    3 answers

  23. CSS градиент в IE

    нужно делать линейный градиент для IE. В css пишу: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff')"; Но он создает градиент сверху вниз. Как делать чтоб он шел слево на право. Можно так?

    Asked by jumancy,

    0 votes
    3 answers

  24. CSS / Не подгружаются фоны для дивов !

    Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.

    Asked by Vandeko,

    0 votes
    3 answers

  25. Как заставить Оперу не бажить бордеры при масшабировании

    Не могу заставить Оперу нормально вести себя при масштабировании, убирает бордеры в комментариях, сейчас покажу на примере своего сайта (publichack.org). вот примеры при удалении начинает убирать бордеры: http://picsearch.ru/share/image-0A8B_4E3ABE53.jpg http://picsearch.ru/share/image-7142_4E3ABE53.jpg http://picsearch.ru/share/image-8F88_4E3ABE53.jpg близко всё окей: http://picsearch.ru/share/image-687E_4E3ABEE1.jpg В других браузерах все нормально, хром: http://picsearch.ru/share/image-E547_4E3ABEE1.jpg ИЕ8: ]http://picsearch.ru/share/image-00BC_4E3ABEE1.jpg В мазиле тож все хорошо. Выдержки из css: #author, #email, #url, #comment, #submit{ background: #202020; …

    Asked by tok,

    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