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. ПОМОГИТЕ ПЛИЗ

    Как размещать текст и каптинки по странице(чтобы к примеру одна картинка была слева вверху, а другая справа внизу, а не подряд)?

    Asked by Spandr,

    0 votes
    2 answers

  2. Помогите плиз

    Есть сайт. Глючно отображается подпись компании на яндекс карте. Проблема явно из-за верстки. Хочеся поправить, да что то знаний не хватает пока. Почему отъехал крючок вверх, это я вроде нашел, там margin стоял 10px. Вот. А почему идут линии белые, не ясно. Ясно что это скорей всего бордеры таблицы. Но что то я пока их не как не могу нащупать. Помогие плиз. Может у Вас что нибудь получится. Ссылка на страницу с косяком: http://www.rusdor.biz/contacts/. Скриншот прилагаю.

    Asked by Igorpurgen,

    0 votes
    6 answers

  3. Помогите плиз с min-height 100% и двумя div'ами

    Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…

    Asked by Torner,

    0 votes
    5 answers

  4. Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

    Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…

    Asked by Select,

    0 votes
    2 answers

  5. Помогите плиз с картинками.

    Здравствуйте, у меня вот такой вопрос: Мне нужно чтобы картинки изменяли свой размер при изменении расширения экрана, т.е. например, на расширении экрана 1024 - 768 размер картинки был 300 -100 пикс., а на другом компьютере с расширением 1280 - 1024 размер картинки был 450-150. Можно ли так сделать ? Подскажите пожалуйста, как это сделать, и если можно показать на примере. Заранее блогодарен.

    Asked by Пашка,

    0 votes
    9 answers

  6. Помогите плиз создать поисковик

    как создать поисковик по своему сайту, в инете кодов не нахожу. желательно простой на HTML без всяких реклам и поиске в инете. я запарился уже

    Asked by chmel83,

    0 votes
    5 answers

  7. помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/

    помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/ вот код ошибки Ошибки в сценариях веб-страницы Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727) штамп времени: Tue, 17 Mar 2009 09:04:45 UTC Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-m…

    Asked by vovchikku,

    0 votes
    7 answers

  8. Помогите плиз чет я не въезжаю

    #myaccount p.links{ border: 1px dotted; margin: auto; width: 150px; padding: 20px; margin-bottom: 5px; margin-right: 5px; } #myaccount p.links:hover{ border: 1px dotted #5190B2; background-color: #fdfcc8; cursor:hand; } #myaccount a.links{ color: #000000; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; word-spacing: normal; } #myaccount a.links:hover{ color: #000000; } <div id="myaccount"> <table width="80%" align="center"> <tr> <td><a href="" class="links"><p class="links" align="center">Пункт1</p></a></td> <td><a href="" class…

    Asked by pav-pas,

    0 votes
    1 answer

  9. Помогите плиз! Неправильное отображение таблицы...

    Помогите пожалуйста разобраться, не понимаю в чем проблема! Есть таблица с закругленными уголками, сделанными при помощи изображений по углам. Код таблицы правильный, Валидатор не обнаруживает ни одной ошибки. Если я ставлю !Доктайп XHTML 1.0 Transitional, то все в порядке, во всех браузерах отображение нормальное. А если ставлю !Доктайп XHTML 1.0 Strict(в котором как раз я и хочу работать), то во всех браузерах кроме IE6 таблица снизу неправильно отображается. Валидатор же показывает, что код правильный. Не пойму в чем дело, помогите плиз... XHTML 1.0 Transitional XHTML 1.0 Strict Вот сам код: <h3>Создание скругленных уголков:</h3> <table style="width: …

    Asked by Torner,

    0 votes
    3 answers

  10. помогите плиззззз

    подскажите пожалуйста, по какой причине, в выпадающем меню, под эксплорером подменю при наведении мышки не выделяется а скрывается........? код в http://forum.htmlbook.ru/index.php?showtopic=18264

    Asked by Likan,

    0 votes
    6 answers

  11. Помогите плиииз

    Не отображаются картинки которые расположены в таблице, которая вложена в ifreme

    Asked by Vernaja,

    0 votes
    3 answers

  12. Помогите плис

    Помогите плис Вообшем скачал прогу SmartFTP пытался сделать ФТПшник в конечном итоге ничего не поняв бросил эту затею помогите плис как сделать ФТПшник, ведь как я понял что бы сделать сайт нужен ФТП

    Asked by 6apc1k,

    0 votes
    0 answers

  13. Помогите плис

    Помогите плис Вообшем скачал прогу SmartFTP пытался сделать ФТПшник в конечном итоге ничего не поняв бросил эту затею помогите плис как сделать ФТПшник, ведь как я понял что бы сделать сайт нужен ФТП

    Asked by 6apc1k,

    0 votes
    4 answers

  14. Помогите плис новичку

    Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...

    Asked by 6apc1k,

    0 votes
    1 answer

  15. Помогите по CSS - теория.

    1. Это пример из книжки, хоть это вроде и русский, но написанно так, что я не очень то понимаю принцип, хотя конечный результат ясен. Хочется попросить тех, кому это хорошо понятный теоретический момент, перефразировать это как-нибудь. Что именно просходит и почему? 2. В примере используется свойство height со значением auto (это значение мне понятно), но его наличие здесь ни на что не влияет. ? цитата Если у блочного элемента с высотой auto в нормальном потоке есть толко блочные потомки, тогда по умолчанию высота будет расстоянием от верха внешнего края рамки самого верхнего дочернего блочного элемента до низа внешнего края нижней рамки самого нижнего дочернего блочн…

    Asked by sashakiselev,

    0 votes
    4 answers

  16. Помогите победить background-image

    Здравствуйте гуру CSS Помогите пожалуйста дилетанту. Уже который день бьюсь, не могу поменять фон на изображение. Нашел кусок кода, который за это отвечает. Прописал background-image: url(images/111.gif);-ничего не происходит. Причем если меняю фон с помощью тега background:#666666;-то он меняется без проблем. Использую Joomla 1.5 + virtuemart 1.1.9 вот кусок кода из template.css /*——————————————————————————————*/ /*———————————-- Main Design Styles ———————————--*/ /*——————————————————————————————*/ body {background:#666666; background-image:url(images/111.gif); } .indent-content { padding:0 10px 5px 10px;} .main {width:1100px;} .main-indent {padding:22px 4px 25px 4px;} …

    Asked by eralef,

    0 votes
    4 answers

  17. Помогите победить IE

    Необходимо было сделать разноцветные кнопки меню без помощи графики. Я придумала сделать так: <div id="menunav"> <ul> <li1><a href="index/models.htm">Регина</a></li1> <li2><a href="index/now.htm">Сирена</a></li2> <li3><a href="index/cervise.htm">Города</a></li3> <li4><a href="index/accessuares.htm">Погода</a></li4> <li5><a href="index/now.htm">Тесты</a></li5> <li6><a href="index/now.htm">Полезное</a></li6> </ul> </div> Соответственно, разные стили для каждого li. Opera понимает правильно. Все кнопки с р…

    Asked by agentvko,

    0 votes
    3 answers

  18. Помогите победить IE

    Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

    Asked by webair,

    0 votes
    3 answers

  19. Помогите побороть Firefox

    Ребята помогите побороть фаерфокс. Во всех браузерах четко, в FF блок с формой обратной связи уползает. Подскажите где копать, бьюсь уже несколько часов. Спасибо.

    Asked by Buriy,

    0 votes
    6 answers

  20. Помогите побороть INPUT

    вот собственно креатив: http://jsfiddle.net/pbj5S/ надо сделать так, чтобы инпут выглядел точно как зеленый див, т.е. чтобы тянулся в зависимости от ширины контейнера и отступ справа был пытался двумя вариантами, в первом при position:absolute и left:0; right:40px; его ширина почему то не настраивается автоматически - кто знает, почему? во втором настроил контейнер (синий) и в нем задал для инпута ширину 100%, но паддинги выталкивают его вправо (((( помогите, кто шарит!!!

    Asked by registerers,

    0 votes
    6 answers

  21. Помогите подключить Bootstrap

    Скачал Bootstrap пробую подключить но не как не выходить пишет вот такую ошибку - https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970752 Вот сам код в шаблона header `<?php /** * Шаблон шапки (header.php) * @package WordPress * @subpackage your-clean-template */ ?> <!DOCTYPE html> <html <?php language_attributes(); // вывод атрибутов языка ?>> <head> <meta charset="<?php bloginfo( 'charset' ); // кодировка ?>"> <?php /* RSS и всякое */ ?> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="app…

    Asked by virtas,

    0 votes
    1 answer

  22. Помогите подключить SASS

    Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.

    Asked by Dimaslm,

    0 votes
    2 answers

  23. Помогите подключить скрипт к галереи.

    Как подключить скрипт (который скачала здесь: https://github.com/patrickkunka/mixitup ) к этой галереи? ( http://cssdeck.com/labs/lfzgmciq ) Данная галерея должна работать, как здесь: https://mixitup.kunkalabs.com/ Я подключала эти файлы: но ничего не работает. <script src="js/jquery-1.11.2.min.js"></script><script src="js/jquery.mixitup.min.js"></script>

    Asked by Alfa2015,

    0 votes
    1 answer

  24. Помогите подключить шрифт

    Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

    Asked by Feel,

    0 votes
    1 answer

  25. Помогите поднять div

    Помогите пжст, не могу поднять блок sidebar widget-area-22 он должен быть сразу под верхним меню, справа. Скрытый текст адрес

    Asked by DimonS,

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