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. Проблема с понимание работы margin

    Здравствуйте.Не могу понять поведения боксовой модели.Ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #box1 { margin:0 auto; width:800px; height:100px; background-color:#F00; } #box2 { margin-top:10px; width:100px; background-color:#0F0; height:100px; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html> Т.е. у меня есть родительский див с фиксировано высотой и шириной и дочерний.Не понимаю - почему при объявлении свойства m…

    Asked by LanCasterUser,

    0 votes
    6 answers

  2. Таблица

    Подскажите пожалуйста, как запихать эти параметры в *.css <table id="kratko" border="1" cellpadding="7" cellspacing="1" bordercolor="black" rules="rows"> очень много таблиц, и дабы не размножать код, подскажите, можно ли и как в css для #kratko указать энти параметры?

    Asked by SerTse,

    0 votes
    2 answers

  3. проблема в опере

    исчез курсор в последней опере в текстовых полях таких как input[type=text] и textarea, текст при этом печатается и показывается. в мозилле все нормально пробовал css стилями менять по разному - не помогло, весь прикол также в том что во время загрузки все нормально, как только сайт до конца загрузится - появляется эта проблема. код приводить для примера думаю нет смысла но если надо могу часть <input type="text" style="color:#444" size="40" name="user" id="autor" value=""/> помогите если кто сталкивался с такой бедой.

    Asked by sympler,

    0 votes
    1 answer

  4. Редактор JSFiddle?

    Судя по к-ву ссылок в обсуждении задач, этот редактор онлайн довольно популярен. Стоит ли продолжать с ним играться? Я вижу некорректное отображение в нескольких примерах: 1) Вложенные списки 2) Схлопывающиеся отступы 3) Атрибуты <table> Удобен, понятен, быстр. Но если врёт, зачем это всё? Может я слишком делитант, подскажите плз?

    Asked by seemax,

    0 votes
    6 answers

  5. Сложное расположение картинок

    Привет! У меня появилась такая вот задачка, необходимо на сайте расположить 2 картинки так, чтобы картинка 2(малеькая) частично закрывала первую, например весь правый верхний угол. вот.Подскажите пожалуйста какие могут быть пути реализации этого вопроса. Абсолютное позиционирование не очень хочется использовать. Заранее спасибо

    Asked by web_body,

    0 votes
    3 answers

  6. Проблема с background-attachment в Firefox

    Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?

    Asked by me_alex,

    0 votes
    6 answers

  7. Textarea с разными стилями

    Подскажите, можно ли сделать и как, чтобы часть текста внутри textarea отображалась одним стилем, а часть - другим?

    Asked by fedotxxl,

    0 votes
    1 answer

  8. Проблема с выпадающим меню

    Здравтсвуйте! Возникла следующая проблема. Создаю выпадающее меню с помощью css, по отдельности выводится нормально, все работает. НО! Стоит только после этого меню добавить блок со свойсвом position: relative менюшка перестает корректно работать. При наведении курсора на нее - исчезает! Вот код: Файл со стилями div#panel {width:100%; border-top: 1px solid #000; border-bottom: 1px solid #000; float:left;} div#panel ul{margin: 0 0 0 40px; font-size:13px; font-weight: bold; letter-spacing: 2px;} div#panel li{float:left; position: relative; padding: 8px 0; list-style-type: none; border-right: 1px solid #444;} div#panel li:first-child{border-left: 1px solid #444;} di…

    Asked by steks,

    0 votes
    6 answers

  9. Безопасная ширина, разрешение, шрифт

    Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

    Asked by thekap,

    0 votes
    2 answers

  10. В какой CMS есть данная возможность?

    Добрый вечер. Появился вопрос: В какой CMS Вы встречали сортировку с такими возможностями? (выбираешь НЕСКОЛЬКО критериев и система подбирает запись) Сайт на котором это реализовано: http://www.b-seminar.ru/catalog/ Вычислить CMS не удалось. P.S. 1. Это не спам. 2. Знаний PHP нет.

    Asked by sportgid,

    0 votes
    26 answers

  11. Firefox и локальный css

    Возможно ли научить Firefox применять к определённой странице стили из файла css, находящегося на локальном диске, как это умеют opera и Safari?

    Asked by wildhind,

    0 votes
    4 answers

  12. Понятные URL htaccess

    Пишу в htaccess: RewriteEngine on RewriteRule ^rubric/([0-9a-zA-Z]+)$ /index.php?rubric=$1 [L] Пишу в адресной строке "site.ru/rubric/name" - работает, но почему-то имеется лишь текст, не подключаются css файлы и не загружаются изображения. P.S. Проверил все пути, в пути к css добавил / в самом начале. Заработало. Но вот вопрос: в php такая конструкция header ('Location: /'); не выводит в корень?

    Asked by MrPostman,

    0 votes
    1 answer

  13. Прозрачность элемента.

    Есть такое прекрасное свойство в css называется «opacity» и оно задает прозрачность элемента. Но есть одна проблема. У меня есть блок <div> я ему задаю прозрачность и весь текст тоже становится прозрачным. А мне нужно, чтобы только бэкграунд стал прозрачным, а текст нет. Как такое сделать?

    Asked by Sedacove,

    0 votes
    14 answers

  14. Скругление углов в ие

    Всем привет, нужно скруглить только нижние левый и правый угол. -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/PIE.htc); так во всех браузерах все нормально так и нужно, а вот в ие не показывается (проверял в ие9 ), но как только я ставлю border-radius: 8px; то есть все становятся скругленные углы, то все показываается но все 4 угла круглые а мне нужно только 2 нижних..

    Asked by Bingo,

    0 votes
    2 answers

  15. некорректное отображение страницы сайта

    Делаю каталог для сайта. В гугл хроме, мозиле - фото как надо отображаются (по центру). А в опере и эксплорере вправо сносит. Что делать? И ещё как текст под фото поставить , а то вкучу сбивается? страница Заранее благодарен.

    Asked by Binwatch,

    0 votes
    2 answers

  16. Проблема с прозрачными картинками

    http://clan-amp.ru/site/content/index.html .contenttelo{ position: relative; width: 820px; } .contenttop{ width: 820px; height: 213px; background: url('../images/contenttop.png'); } .contentbody{ width: 820px; min-height: 259px; background: url('../images/contentbg.png') 0 200px repeat-y; } .contentbody div{ padding: 0 120px; background: url('../images/contentbody.png') no-repeat; } .contentbottom{ width: 820px; height: 399px; background: url('../images/contentbottom.png'); } .contenttext{ margin-top: 0px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link re…

    Asked by Wahlberg,

    0 votes
    2 answers

  17. Подгонка кнопки

    Всем привет! Поставила кнопку обратного звонка на сайт wild-sex.su Она у меня встала в одну линию с номером талефона. Мне же надо чтоб под номером и посередине. Если перед кодом кнопки ставлю тег <br>, то кнопка встает под номером телефона, но слева, а не посередине как мне нужно. В стилях CSS функции для кнопки нет. Как мне ее подогнать куда мне надо? Заранее Спасибо за все ваши ответы.

    Asked by Shane,

    0 votes
    1 answer

  18. Как сделать два бекграунда в одном элементе

    собственно по теме.

    Asked by Wahlberg,

    0 votes
    4 answers

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

    http://s017.radikal.ru/i440/1112/ab/a124388bdd85.jpg Собственно всё показано на изображении.

    Asked by nazgul0003,

    0 votes
    1 answer

  20. края меню

    скажите пожалуйста свое мнение о верстке этого меню. я сверстал так, что при активном крайнем пункте закруглённые углы не подвсечиваются. это не большая проблема. решить её можно, например, присвоив id левому и правому пунктам, и прописав несложное правило на jquery. но если меню используется в cms, то количество пунктов может различаться. а пользователь админки(контент-менеджер) конечно же не будет лезть в код и переназначать id. как правильно верстать подобные меню? если можно, то несколько вариантов укажите. можно без кода

    Asked by cyklop77,

    0 votes
    0 answers

  21. в хроме и ie блочные элемент съезжает

    Доброго времени суток. Попытался сверстать страничку, в Лисе вроде нормально отображается, в Опере тоже, в Хроме горизонтальное меню то ли съезжает, то ли расплющивается (при изменении масштаба точно), в IE7 аналогичная история, ну и плюс элементы одного из списков почему-то располагаются вертикально, притом том что тегам li установлен float:left. http://test3.22web.net/ ссылка на страничку дабы вам было удобнее. Укажите пожалуйста на мои ошибки, и подскажите как решить. Заранее спасибо. p.s. firebug так и не подсказал, видимо я не туда смотрел

    Asked by eared,

    0 votes
    10 answers

  22. Border-radius для <img> в Opera...

    Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!

    Asked by Yamaradg,

    0 votes
    27 answers

  23. хром ломает вёрстку

    помогите пожалуйста поправить вёрстку в хроме 15.0.874.121 m. страница проблемы обозначены здесь красным маркером: 1. несмотря на то, что сайдбар это плавающий элемент, а для подвала прописано правило clear:both , сайдбар наезжает на подвал. 2. появляется распорка. даже в ие её нет 3. еще одна распорка для первого пункта конечно можно прописать min-height, но тогда причина поведения останется для меня неизвестной. а хотелось бы понять

    Asked by cyklop77,

    0 votes
    3 answers

  24. Как можно реализовать меню на спрайтах, чтобы при отключении картинок показывалась надпись?

    Добрый день! Существует следующая проблема. Есть меню, в котором пункты - картинки в виде фона (реализовано на спрайтах). При отключении отображения изображений в браузере - в меню соответственно ничего не выводится, получается просто пустое меню. А хотелось бы что бы выводилась хотя бы какая-нибудь надпись, вроде атрибута alt у image.. Что можно тут придумать? Спасибо!

    Asked by aiven,

    0 votes
    4 answers

  25. Подскажите как сделать

    Нужно расположить три div блока фиксированой длины и высоты горизонтальность. Я понимаю что для центрального блока не заданно обтекание. Но когда я задаю обтекание то не получается задать фиксированную точку по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Автобиография</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content=""> <meta name="description" content=""> <link href="style.css" rel ="stylesheet type="text/css"> </head> <body> <div class="lmenu">&l…

    Asked by Sheenegarmi,

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