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. Помогите!Что мне делать?

    Проблема в том что сделал я себе галерею думал будет все хорошо но не судьба! Вот сама галерея http://gta5-fun.narod.ru/galery/galery.html Проблема в том что с низу странице пустое место (видно на скрине)оно не убирается

    Asked by Tory,

    0 votes
    12 answers

  2. Изображение выходит за пределы, включается прокрутка страницы

    Здравствуйте. Только недавно начал заниматься вёрсткой, столкнулся со следующей проблемой: Имеется сайт, дизайн центрированный (фиксированный), в футере изображён паркетный пол. По задумке, при маленьком разрешении экрана пользователя, слева и справа пол должен быть обрезан (по красной лини на приложенном изображении), а при большом, соответственно, должен быть виден весь пол. Вроде, задача несложная =/ Однако, слева у меня всё нормально, а правое изображение отображается полностью и в связи с этим включается горизонтальная прокрутка страницы. У меня div'ы отдельные для шапки, меню, контента и футера. В блоке футера вложены ещё div'ы с изображениями-кусками пола и им п…

    Asked by makcau,

    0 votes
    12 answers

  3. Не отображается елемент в IE7

    Всем привет сайт http://нцн-недвижимость.рф В IE7 по какой-то причине не отображается блок под заголовком Новосибирский Центр Недвижимости специальные предложения Причем если изменить масштаб сайта в браузере или напрмер выделить какую нибудь область в центре и подвести указатель к какой-то странной всплывающей синей стрелочке - блок появляется. Подскажите пожалуйста в чем может быть причина?

    Asked by Enxiro,

    0 votes
    1 answer

  4. boxsizing.htc

    Появилась проблема в ie7 благодаря boxsizing.htc есть картинка которая обрамлена в div, этот div имеет float:left; после этого дива идет параграф <p>Ткст....</p> с текстом, текст должен обрамлять картинку но почему то текст становится справа от картинки столбиком причина это boxsizing.htc если убрать его то всё нормально хотелось бы понять почему так происходит. <style> html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(css/htc-libs/boxsizing.htc); } .md_img {float:left;} .md_text p {line-height:20px;} </style> <div class="md_text"> <div class="md_img"> <i…

    Asked by aleksandr-n,

    0 votes
    0 answers

  5. Проблема с псевдоклассами CSS

    Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …

    Asked by zodcyi,

    0 votes
    3 answers

  6. Как создать такой фон?

    Добрый день! Вот столкнулся с таким фоном. Не могу придумать его решения. Или вставлять просто как картинки слоями через z-index, или вставить просто как одну картинку, или разбить на части, а может есть подобное решения такой абра-кадабры в css?

    Asked by drgreen,

    0 votes
    2 answers

  7. пропадает содержимое в ie8

    Пропадает содержимое в ie8. В остальных все отображается нормально. Сайт сделан в виде большого слайда, то есть высота/ширина по 100%. В чем может быть причина? Может ie8 что-то не понимает в 100% высоте.

    Asked by egoregor,

    0 votes
    1 answer

  8. "Отцы" HTML, помогите!

    Добрый день! Недавно начал изучать HTML и решил сам поэкспериментировать с таблицами. И конечно же у меня сразу возник вопрос, на который я сломав всю голову так и не смог найти ответ. Таблица "обтекает" картинку справа, а хотелось бы чтобы таблица находилась под картинкой. Есть мысль выйти из положения поставив кучу <br>, но это конечно же не выход. Имеется код <html> <head> <title>Моя первая тестовая страница</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1251" </head> <body> <h2 align="center">Англоязычные сайты с пользой</h2> <img src="http://i057.radikal.ru/1210/fa/c9…

    Asked by Nikolaus62,

    0 votes
    9 answers

  9. Галерея Wordpress

    Задумка такая, чтобы простой обыватель, не знакомый с кодом html мог через админку wordpress добавлять изображения на страницу, но чтобы они при этом открывались как через какой-нибудь lightbox, т.е. красивенько так. Есть ли возможность это сделать, т.е. чтобы не в ручную прописывать rel для каждой ссылки-изображения, а чтобы это делалось само автоматом. С фильтрами я не знаком, но может есть такой плагин, который позволяет загружать изображения и добавлять им это свойство?

    Asked by maliyshock,

    0 votes
    8 answers

  10. Поменять местами блоки <div> с помощью CSS

    Извините, если создавали уже такие темы, но не нашел их здесь. Собственно есть два блока див. Допустим <div>первый блок</div> <div>второй блок</div>. Как с помощью CSS можно поменять местами, чтобы первый второй блок был ВЫШЕ первого. Передвижение в пиксилях с помощью позиционирования сразу говорю не подходит, ибо контент блоков будет за частью меняться.

    Asked by pashkje,

    0 votes
    13 answers

  11. Расстояние между элементами

    Граждане, подскажите, я чегой-то не понимаю ничего. о.О В общем, есть вот это: http://share.mozgam.net/insane/html, макет этот: http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin. Я хочу, чтобы между таблицей в article и сайдбаром расстояние было такое же, как между таблицей и хедером. Подскажите, что я не так делаю?)

    Asked by insanecorp,

    0 votes
    2 answers

  12. логика работы clear:both в css

    clear:both отменяет обтекание но нужно чтобы обтекание отменить только внутри блока cont, а не по всей странице, как это сделать? тоесть чтобы отмена обтекания не зависела от высоты боковых колонок (в блоке cont будут картинки с float:left и после них надо текст написать (в cont`е же) (в коде упростил)) проблема частично решилась с помощью overflow:hidden height:1% /*для IE*/ и появилась новая проблема: в IE всё равно отображается не правильно, плюсом какая то странная зависимость со стилями текста жирный и по ширине, по одному они работают в такой схеме (рис 3 и 4), но вместе дают непонятный отступ (рис 1) (как вообще курсив может дать такой отступ??) На всякий попробов…

    Asked by fgdsryat,

    0 votes
    0 answers

  13. Выравнивание страниц под каталогом

    Делаю сайт своего магазина. Не могу выровнять страницы под блоками товаров. Страницы всегда получаются наверху. Как правильно написать, чтобы страницы встали по центру под блоками товаров?

    Asked by vengeance,

    0 votes
    3 answers

  14. Смена фона 2-х ячеек

    Есть таблица, состоящая из 1 строки, содержащей 2 ячейки. Подскажите, пожалуйста, как при наведении курсора мышки на одну ячейку - менять фон сразу в 2 ячейках?

    Asked by TorchTT,

    0 votes
    3 answers

  15. Единая ссылка

    Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!

    Asked by Barsam,

    0 votes
    15 answers

  16. Проблема с рисунками

    Здравствуйте! Пытаюсь создать тестовый сайт на локальном компьютере. Возникла такая проблема. Мне надо из формы отправить на сервер путь к файлу рисунка. Поставил кнопку Browse (Обзор), но она выдает только имя файла. Как можно получить путь к нему? Возможно ли это не в ручном режиме? Поиски в Google ни к чему не привели. Возможно, потому что не смог правильно сформулировать запрос. Если не трудно, дайте ответ или ссылку, по которой можно получить эту информацию. Спасибо!

    Asked by Дедушка3,

    0 votes
    0 answers

  17. Twitter Bootstrap

    Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?

    Asked by F_Z_14,

    0 votes
    3 answers

  18. Помогите доработать шаблон до симпатии Joomla 1.5

    Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /*********************************************************************************…

    Asked by xakerson2012,

    0 votes
    0 answers

  19. Тема для моих (глупых) вопросов

    Здравствуйте! Во первых строках моего письма(с) хочу очень поблагодарить создателей ресурса. Мягко говоря, Клондайк для начинающего(как я)! Теперь к делу. Почему <!DOCTYPE> этой страницы имеет вид <!DOCTYPE html> ? Вопреки описанному в самоучителе? Надеюсь, у кого-нибуть опытного найдется минутка для ответа. Спасибо.

    Asked by один,

    0 votes
    1 answer

  20. Меню с выравненными li

    Помогите сделать вот такое меню Суть такая, чтобы li автоматом подстраивались под ширину. Сперва я подумал, что мне подойдет вот такое решение: xiper, которое и на этом форуме обсуждалось много раз. Но загвоздка в том, что между li есть бордеры, а в том варианте li не стоят в притык, между ними есть отступы. Вот тут я и остановился. Сделал обычный float: left; width: N%; Вот думаю, может есть какие то решения. Или тут только js?

    Asked by npofopr,

    0 votes
    13 answers

  21. Обтекание текста текстом

    Помогите с обтеканием буквы A остальным текстом, плиз! Весь блок должен масштабироваться при увеличении шрифта и изменении ширины окна браузера. ссылка на картинку текста

    Asked by Darya-Jess,

    0 votes
    8 answers

  22. расположение кнопок спрайта

    Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код. CSS док: .button{ cursor:pointer; display:inline-block; height:55px; width:220px; line-height:70px; text-align:center; background-image:url('photo/sprite.png'); background-repeat:no-repeat; } .button.white{ background-position:0 12%; } .button.white:hover { background-position:0 66%; } хтмл: <div id="centerb"> <a href="index.html" title="Главная" class="button white">b1</a> <a href="kontacti.html" title="К…

    Asked by DR.acula,

    0 votes
    3 answers

  23. ошибка z-index

    Я тут писал по этой работе. Сейчас есть 1 ошибка При наведении на пункт подменю "О предприятии" подменю должно быть позади (см. макет http://s019.radikal.ru/i630/1210/07/299ee5283953.jpg) Свойства css установил как нужно Коды: http://jsfiddle.net/rmLS7/ Помогите исправить

    Asked by OlegALL,

    0 votes
    3 answers

  24. Версии браузеров

    Добрый день! Поискала по форуму — ответа не нашла. Ситуация такая. Одна компания разрабатывает для знакомых сайт. В ТЗ, составленном и присланном этой компанией,указаны последние версии большинства браузеров под которыми предполагается корректное отображение сайта. Понятно, что далеко не у всех свежие версии. Собственно интересует, под какие более ранние версии Оперы, ИЕ, Мазилы, Сафари и Хрома нужно адаптировать вёрстку, чтобы охватить большое количество пользователей (совсем динозавров,конечно,не берём=)?

    Asked by zazigalka,

    0 votes
    4 answers

  25. Отображение линейной связи элементов дерева

    Приветствую. К сожалению, дизайнер во мне умер давно, и вряд ли оживет. Имеется древовидная структура такого вида: 2175 | Task #1 | Открыто | N/A 2176 | Task #2 | Открыто | User1 2177 | Task #3 | Открыто | N/A 2178 | Task #4 | Открыто | N/A 2179 | Task #5 | Открыто | N/A 2180 | Task #6 | Открыто | User2 2181 | Yet Another Task | Открыто | User1 Собственно, это дерево заявок в баг-трекере в формате "номер | имя | статус | ответственный". Помимо связи parent issue-child issue баг-трекер позволяет создавать линейные связи issue-issue, которые тоже нужно как-то отображать. Интерфейса у всего этого еще нет никакого, он только прорабатывается и придумывается. Посем…

    Asked by insanecorp,

    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