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. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF,

    0 votes
    11 answers

  2. изменение вида кнопки поиск

    Здравствуйте, создаю поле "Поиск по сайту" и справа хочу добавить кнопку с картинкой, картинку добавила но теперь никак не могу убрать слово "искать" с этой картинки, где его можно убрать подскажите пожалуйста.

    Asked by Elma,

    0 votes
    0 answers

  3. Есть ли программа для управления сайтом на html-файлах?

    У меня есть сайт, когда я его начала делать, то не знала про CMS, поэтому сделала сайт вручную на html-файлах. Сначала сайт был небольшим, в нем было 40 страниц, но со временем сайт разросся, сейчас на нем около 300 страниц и управлять ним стало сложно. На данный момент, сайт занимает хорошие позиции в поисковых системах, и, если его сейчас перенести на CMS, то он может потерять свои позиции в поисковиках и придется опять тратить деньги, силы и время на него раскрутку. Скажите, есть ли такая компьютерная программка, которая помогает редактировать html-файлы?

    Asked by anna-2010,

    0 votes
    5 answers

  4. Равномерное выравнивание блоков в несколько строк

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

    Asked by ruslan.savenok,

    0 votes
    5 answers

  5. Не растягивается картинка в IE.

    Здравствуйте! В шапке сайта есть картинка которая имеет заданную высоту. Во всех браузерах работает, а в этом ср*ном IE нет(. Как выйти с положения? Вот код: div#cat-nav { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../images/nav.png"); - сама картинка. background-origin: padding-box; background-position: center bottom; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; clear: both; float: left; height: 130px;- высота картинки. margin: -5px 0 0; width: 960px;- ширина картинки. }

    Asked by PREDATORik,

    0 votes
    1 answer

  6. Откуда берётся <p align="justify"> перед доктайпом?

    Вот сайт - http://www.shark.ru/sharknew/ Это то, что я вижу в шаблоне: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <?$APPLICATION->ShowHead();?> <meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" /> <?$APPLICATION->ShowMeta("robots")?> <?$APPLICATION->ShowMeta("keywords")?> <?$APPLICATION->ShowMeta("description")?> <title>Shark ID | <?$APPLICATION->ShowTitle();?></title> <!--?$APPLICATION->ShowCSS();?--> <!--?$APPLICATION->ShowHeadStrings()?--> <script type='te…

    Asked by maritca,

    0 votes
    7 answers

  7. Выравнивание списка.

    Привет всем! Буквально десять дней назад начал изучение HTML и СSS, три дня назад создал свою первую страницу, элементарную. Получилось неплохо, но вот в чем проблема: у меня на странице есть два ненумерованных списка, которые идут один за другим, так вот суть проблемы в том, что второй список выравнивается по первому и получается больший отступ от левого края страницы. Чтобы не быть многословным привожу скриншот. Скриншот Пока что не могу понять, что я сделал неправильно. Фрагмент кода:

    Asked by <href>,

    0 votes
    2 answers

  8. Фреймы... Возможно ли такое?

    Добрый день! Интересует такой вопрос. Можно ли в фрейм загнать страницу полностю, а потом как то задать ее падинги или марджинги так, чтобы в фиксированном размере фрейма отображалась только нужная часть страницы, например только футер сайта. Может ест какой-то иной способ загрузить в фрейм кусок странички...?

    Asked by myav4ik,

    0 votes
    5 answers

  9. CSS Горизонтальное меню

    Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans seri…

    Asked by die_frage,

    0 votes
    5 answers

  10. Интересная задача.

    Встала задача сделать такое же меню как и на данном изображении. Вроде все просто, но не могу добиться выравнивания пунктов меню как нужно. Все меню должно быть заключено в div шириной 1000px. Самый первый пункт должен быть прижат к левому краю без каких либо отступов. А последний к правому. Между всеми пунктами должно быть равное расстояние. Подскажите как правильно и красиво это реализовать. P.S. Подскажите похожий шрифт используемый в картинке но только для кириллицы. Спасибо.

    Asked by italant,

    0 votes
    6 answers

  11. Правильно ли использую <figure> и <figcaption>

    У меня есть таблица и от нее идет сноска, которая находится сразу после таблицы. Я заключил всю таблицу в тег <figure> а после таблицы сноску обернул тегом <figcaption>. Хочу узнать ваше мнение, правильно ли я сделал (так как в описании тега <figure> сказано — "Используется для группирования любых элементов, например, изображений и подписей к ним.") или лучше после таблицы добавить <p> и в него вставить эту сноску? Вот таблица — http://starbuzz.16mb.com/table/

    Asked by mrnobody,

    0 votes
    3 answers

  12. Искал, аналогичной темы не нашел, помогите новичку!

    Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…

    Asked by bogdaniman,

    0 votes
    7 answers

  13. Собственный дизайн на DLE

    У меня есть несколько html-страниц и таблиц стилей к ним. Можно ли их адаптировать к DLE и как это сделать? Читал информацию в гугле, многие писали что можно это сделать у себя на компе через дэнвер. Не могли бы помочь в этой ситуации и объяснить что и как?

    Asked by Neek,

    0 votes
    1 answer

  14. Будущее html-верстальщика

    Вот взять среднестатистического программиста. Какая у него может быть карьерная лестница? Junior, Intermediate, Senior, Team Leader, Head... Не знаю, архитектор там какой-нибудь, не знаю как точно он вписывается в эту иерархию. А какое возможно будущее у верстальщика, кроме как "супердуперверстальщик"? Вот сеньоры в Москве получают 100k, это если смотреть по вакансиям, где размер оклада открыт. Но сеньору есть куда расти. Верстальщик может в Москве получать 90k-100k. Но правда ли, что это потолок? Есть ли куда развиваться дальше?

    Asked by sifilis,

    0 votes
    20 answers

  15. colspan почему-то не срабатывает

    <table id="content" name="content"> <tr><td id="lists" name="lists" rowspan="2" width="200">ololo</td> <td id="main_info" name="main_info" colspan="3"> ololo2 </td></tr> <tr style="background-color: white;"><td class="materials_explain"> A little bit more </td> <td class="materials_explain"> And more... </td> <td class="materials_explain"> And this is the end </td></tr> </table> Вот такая таблица. Несмотря на то, что вроде бы должна, ячейка с именем main_info не растя…

    Asked by Mosya,

    0 votes
    5 answers

  16. Горизонтальный скроллбар

    Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/ Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387

    Asked by Webster,

    0 votes
    13 answers

  17. Два дива друг на друге по диагонали

    Как это реализовать,помогите

    Asked by anar1811,

    0 votes
    2 answers

  18. Блочная Верстка(5 div в одну строку)

    Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…

    Asked by SunMaria,

    0 votes
    15 answers

  19. Кастомизированная кнопка с текстом

    Нашёл на сайте Эврики (kontur-evrika.ru) интересный вариант создания текстовых кнопок с динамическим бекграундом с использованием тега <ins>. Решил взять этот метод на вооружение и применить в своём макете. HTML-код: CSS-код: И всё бы хорошо, но в последней версии оперы правый край сдвигается влево. Включаю border для блока ins и вижу, что распределён он не по 50%. Можно подправить тег width:50% (в .button ins), но тогда другие браузеры "обидятся". Что можно подкрутить, чтобы всё ровно было? В FF: В Opera: Файл active-types-bg.png : P.S. Всякие "трюки", типа создание отдельного файла со стилями "opera/css" или "text/opera" не помогают P.P.S У эврики в опере всё…

    Asked by ciwl,

    0 votes
    1 answer

  20. почему разваливается футер

    верстаю страницу http://tuuut.16mb.com/DB/ При ее уменьшении футер разваливается. В чем может быть проблема? и почему margin: auto для боди не работает?

    Asked by olechic,

    0 votes
    2 answers

  21. Прозрачный input

    Здравствуйте, часто замечаю что на многих сайтах input заменен на свое изображение. Уважаемые верстальщики, подтолкните пожалуйста в нужное направление. Нашел PSD исходник с Login формой. Естественно пробовал найти уже разобранную тему, не чего нормального нет. (Возможно руки не из того места растут) За ранее благодарю.

    Asked by x7g100,

    0 votes
    3 answers

  22. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst,

    0 votes
    12 answers

  23. Не могу включить border-radius for IE<9

    При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт Вот скрин:элементы с border-radius

    Asked by Aleksey19881988,

    0 votes
    19 answers

  24. нужна помош

    http://www.wallcollection.ru/ - вот мой сайт я пока ток начал делать сайты люди попробуйте в опере приблизить маштаб точней увеличить и картинка там где разрешения идёт в бок вот код <img src="table.png" style="position: absolute; top: 160px; right: 450px"> З.Ы. если убрать "position: absolute то етого гона небудет но картинка забьётся в левый верхний угол и немеяет позиции вообще

    Asked by 2rikyo,

    0 votes
    3 answers

  25. Как установить шрифт в html документ.

    Да я чёт найти не могу, где про это говорят, а через поиск выдаёт font-family но font вродежь устаревший тег? В общем, как вставлять шрифты в xhtml код?

    Asked by jentlmen,

    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