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. Нужны ли такие ссылки?

    В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

    Asked by fowl,

    0 votes
    3 answers

  2. Нужны совет по написанию

    php или javascript Идея такая, кнопка или картинка, при нажатии которой должжно всплывать окно(700 на 500) или просто открытие новой вкладки с html кодом. И всё это в php одним файлом и одним кодом без использования css и AJAX, html5.. Помоггите советом, каким образом, можно сделать?

    Asked by lev99,

    0 votes
    13 answers

  3. Нужны шаблоны.psd

    Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!

    Asked by Jef,

    0 votes
    7 answers

  4. Нужны энтузиасты

    Здравствуйте, я вот тут создал ресурсик веб-секреты для веб-мастера, и только после создания пришла проблема - где же брать информацию? На первое время казалось что по собственному опыту буду писать, а сейчас заказов нет, следовательно проблем нет. Вот я и подумал обратиться к умным людям :-) Может что подскажите?

    Asked by Soniclord,

    0 votes
    25 answers

  5. Нужэн плагин-галерея !

    Нужна галерея на подобе simpleviewer , ток чтоб фоток больше лезло . Єт первй критерий . Плюс былоб очень хорошо если б при клике по превью - кроме большой картинки открывалось еще две маленькие (варианты большой(зад и перед плятья)) Ну и чтоб анимацыя была не хуже . Можэт кто знает что лучше всего подойдет для решения этой срочной проблемы ?

    Asked by Vandeko,

    0 votes
    4 answers

  6. Нулевая высота блока, в котором блок div с картинкой без указанной высоты

    Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…

    Asked by vladimirpodr,

    0 votes
    2 answers

  7. Нулевая высота у body

    пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со …

    Asked by skvor,

    0 votes
    3 answers

  8. Нулевой отступ сверху для хедера

    Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!

    Asked by Optimistus,

    0 votes
    4 answers

  9. нули в mozille

    Для всех размеров в мозиле обязательно проставление единиц измерения (px) Обязательно ли проставление px для нулевых значений? то есть работать будет но будет ли выдавать ошибку при проверке?

    Asked by SibBear,

    0 votes
    4 answers

  10. нумерация

    Добрый день дамы и господа. У меня возникла проблема... Закинув на страницы фотографии, хочу сделать внизу нумерацию. Проблема первая. Не могу опустить цифры вниз после этих картинок. проблема вторая - не знаю как сделать чтобы нажав на цифры сделать так чтобы это была ссылкой индекса. типо того как переход на главную страница, контакты. вот пример: <img src="modeliai/Фото0016.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0017.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0018.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/…

    Asked by faraono,

    0 votes
    22 answers

  11. Нумерация списков в css 2.1

    В xhtml 1.1 нету аттрибутов ol.start и li.value. Долго гуглил, читал w3c.org. Вот такое нашел только (или подобное): <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z</title> <style> body { } ol.first { counter-reset: item1 3; } ol.second { } li.mys { display: block; } li.mys:before { content: counter(item1) ". "; counter-increment: item1; } </style> </head> <body> <ol class="first"> <li class="mys">11111</li> <li class="mys">222<br/>22</li> <li class="mys">33333</li> <li class="mys">44444</li> </ol…

    Asked by zilog,

    0 votes
    3 answers

  12. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch,

    0 votes
    2 answers

  13. Нумерация таблиц (<table> в <li>)

    Нужно, чтобы таблички были пронумерованы с помощью тегов списка: <ol> <li><table>...</table></li> <li><table>...</table></li> </ol> Отступ в этом случае происходит, а вот номер пропадает. Как быть? Использование тегов списка обязательно. А вот с таблицей можно поиграться. Использую её, так как нужно, чтобы в списке на одной строке располагались две колонки: одна с основным текстом, а вторая у правого края страницы с дополнительными сносками и ссылками. Каждая такая новая таблица формируется при помощи специального макроса, в котором и передаются значения двух этих столбцов из базы данных. Передаются динами…

    Asked by derfas1,

    0 votes
    27 answers

  14. нумерованные списки

    Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.

    Asked by sazhyk,

    0 votes
    2 answers

  15. Нумерованные списки, картинки и текст

    Можно ли нумерованный список сверстать так, чтобы цифры от списка были всегда спозиционированы к верху внутренностей элемента списка. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100" style="display: block;"/> </li> <li> <img src="http://www.google.com/logos/spring09.gif" width="276" height="135" style="display: block;"/> </li> </ol> А все благодаря, вставленному display: block в стиль к картинкам. Но, если добавить текст после картинки. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100…

    Asked by Deleter,

    0 votes
    3 answers

  16. Нумерованные списки: нужно больше возможностей

    Нужны списки с таким оформлением: 1) 2) 3) 4) ... Нужны списки с такой нумерацией: 1. 1.1 1.2 1.3 2. 2.1 2.2 2.3 2.4 3. 3.1 3.2 Что известно на тему реализации подобного? Без яваскрипта не обойтись? В хтмл такого вроде не предусмотрено.

    Asked by aruru,

    0 votes
    3 answers

  17. Нумерованный список

    Всем, привет! Хочу создать такой список: 1. 1.1 1.2 2. 2.1 2.2 С помощью OL не получается. Помогите, плиззз.

    Asked by FSe®g,

    0 votes
    1 answer

  18. Нумерованный список

    Приветствую! Можно ли реализовать нумерованный список такого вида:? 1. Текст — 1.1 Текст — 1.2 Текст — 1.3 Текст 2. Текст 3. Текст Создание структуры вложенности в <li> не работает. Подскажите возможно ли такое вообще?

    Asked by Maxi,

    0 votes
    1 answer

  19. Нумерованный список в IE

    Вот столкнулся недавно с такой ситуацией: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Title</title> <style type="text/css" media="screen"> li { position: absolute; } .pos1 { top: 50px; left: 70pxl } .pos2 { top: 80px; left: 110px; } .pos3 { top: 15px; left: 150px; } .pos4 { top: 120px; left: 30px; } .pos5 { top: 30px; left: 50px; } </style> </head> <body> <ol> <li class="pos1">внутреннее</li>…

    Asked by rash,

    0 votes
    4 answers

  20. нумерованный список и опера

    Добрый вечер, верстаю страницу, возникли проблемы с нумерованным списком в опере http://atemiks.wen.ru/test2.html проблема в блоке "Сегодня день рождения" в этом блоке есть названия актера и его дата рождения которая выравнивается по правой стороне например: 1. Ирина Салтыкова 1966 так вот, в опере происходит следующие 1. Ирина Салтыкова 1.1966 почему так? проблема в том что возле года стоит рейтенговая позицыя, а она должна быть только вначале имени скриншоты как есть ( и должно быть) а вот так в опере ( так не должно быть) имеется вот такой код html <ol> <li> <…

    Asked by Temiks,

    0 votes
    3 answers

  21. Нумерованный список отображается как маркированный

    Переделываю список публикаций на нашем сайте. Сайт писали давно, и тот человек, что писал его уже недоступен. Раньше список был создан без тегов списка, а просто текстом. Я попытался из этого списка создать вложенный список - основной список - маркеры квадратики, вложенный - нумерованный. Раньше мне это делать не приходилось. Прочитал как делать вложенные списки, нумерованные и маркированные именно на этом сайте. Вот код: <ul> <li> <div class="doclist-pdf"><b>ПУБЛИКАЦИИ «АО Ансальдо-ВЭИ» по РЕГУЛИРУЕМОМУ ЭЛЕКТРОПРИВОДУ</b> <br/> <br/> </div> <div class="doclist-pdf"> <ol type="1"> …

    Asked by andrystepa,

    0 votes
    11 answers

  22. Нумерованный список с рисунками в качестве маркера

    Здравствуйте! В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д. Или такое невозможно и я все это придумал? Если кто-нибудь знает, подскажите, пожалуйста. Спасибо!

    Asked by Vedrys,

    0 votes
    6 answers

  23. Нюанс в меню

    Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линию меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779 Чтоб текст главная не опускалось вниз надо.

    Asked by people2010,

    0 votes
    0 answers

  24. Нюанс скругления края меню

    Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…

    Asked by Squidward,

    0 votes
    44 answers

  25. нюансы построения шаблона с div

    У меня такая задача есть файлик шаблона сайта с большим количеством div и файлик с css где задаются стили для этого div. У меня такая проблема все дивы выводятся друг за другом и получается что в начале идет название обьекта потом картинка потом описание и потом рейтинг все это идет вертикально. Например http://templatesellers.info/joomla_virtuem...plate=1255tools Мне бы хотелось зделать горизонтально как например тут http://showcase.joomlabamboo.com/simple_sh...id,46/vmcchk,1/ как зделать чтоб дивы строились слева напрво а не сверху вниз? По коду совсем мало понятно идет например в первом div product_name в следующем product_price далее product_image потом product_de…

    Asked by alexandre1,

    0 votes
    1 answer

  • Обсуждения

    • 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