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. DIV средствами CSS: вертикально максимальный, горизонтально центрированный?

    Здравствуйте, новичку нужна консультация гуру. Для некоторых сайтов (например, чатов) крайне желательно, чтобы их контент занимал по вертикали всю высоту окна. Захотелось попробовать сделать необходимое макетирование с помощью <DIV>, в результате накропал следующий код: HTML <body> <div id="mainDiv"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint o…

    Asked by Kostia.Ivashchenko,

    0 votes
    15 answers

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

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

    Asked by vengeance,

    0 votes
    3 answers

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

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

    Asked by drgreen,

    0 votes
    2 answers

  4. Галерея Wordpress

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

    Asked by maliyshock,

    0 votes
    8 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. Смена фона 2-х ячеек

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

    Asked by TorchTT,

    0 votes
    3 answers

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

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

    Asked by Barsam,

    0 votes
    15 answers

  8. 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

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

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

    Asked by egoregor,

    0 votes
    1 answer

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

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

    Asked by insanecorp,

    0 votes
    2 answers

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

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

    Asked by npofopr,

    0 votes
    13 answers

  12. Проблема с добавлением слайд-шоу nivo-slider на Wordpress

    Сайт на wordpress и Вот какая проблема: Когда я добавляю код слайдов (используется nivo-slider), напрямую в файл content.php (рис 1) все отображается нормально. Однако файл content.php грузит определенный контент из базы данных, в зависимости от того к какой странице идет обращение. И здесь есть вот какой недостаток, сл-шоу отображается на всех страницах повсеместно, что на "главной", что "о нас". Казалось бы решением должно бы быть добавить код отвечающий за сл-шоу в ту ячейку базы данных, где хранится наполнение конкретной страницы, например "главная" (рис 2). Но не тут то было, в этом случае слайд-шоу работает не корректно ( не все слайды "собираются" правильно, глючат…

    Asked by maliyshock,

    0 votes
    21 answers

  13. логика работы 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

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

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

    Asked by Дедушка3,

    0 votes
    0 answers

  15. Верстка просто сайта

    Привет всем, "сверстал сайт" к показано в примере на этом сайте divhack.com хотелось бы услышать что сделал правильно а что не стоит делать. мое творение здесь yarkiy.ho.ua Спасибо за внимание

    Asked by x86test,

    0 votes
    3 answers

  16. Помогите доработать шаблон до симпатии 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

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

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

    Asked by один,

    0 votes
    1 answer

  18. Блок на всю ширину экрана

    Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?

    Asked by necro,

    0 votes
    11 answers

  19. Бесплатный скрипт поиска по сайту

    Нужен скрипт поиска по сайту, поиск по названиям заболеваний. При вводе чтобы показывались варианты болезней(пример на картинке).

    Asked by apexis,

    0 votes
    4 answers

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

    Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,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

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

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

    Asked by zazigalka,

    0 votes
    4 answers

  22. Как сверстать меню под углом

    Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.

    Asked by denbon,

    0 votes
    2 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. Scroll внутри блока без полосы прокрутки

    Задача: сделать scroll внутри div, избегая полосу прокрутки. Причина: полоса прокрутки не вписывается в дизайн сайта (ну как обычно). Выбранный путь: #block { position: absolute; height: 256px; width: 256px; overflow: hidden; } .info { position: relative; padding: 0; margin: 0; } #block:hover .info { position: absolute; bottom: 0; } <div id="block"> <p class="info"> Вот дом,<br> Который построил Джек.<br> <br><br> А это пшеница,<br> Которая в темном чулане хранится<br> В доме,<br> Который построил Джек.<br> <br><br> А это веселая птица-синица,<br> Которая часто ворует…

    Asked by iDrugov,

    0 votes
    9 answers

  25. Помогите с менюшкой

    При переходе на предыдущую страницу (не через само меню, а через стрелку "назад" в браузере) на сайте меню выглядит вот так: Т.е. как-будто кнопка активна. а должно вот так: Такая проблема только в браузере Mozilla Firefox Вот код css: #main_menu_master{width: 268px; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; line-height: 30px;} #main_menu_master a{display: block; color: white; text-decoration: none;outline: none;} .top_button a:{background: url(image/bt.png); height: 30px; width: 238px; padding: 10px 15px 6px 15px;} .bot_button a:{background: url(image/bb.png); height: 30px; width: 238px; p…

    Asked by borovikalexey,

    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