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. К тегу <a> можно применить только padding-right\-left?

    По задумке у тега <a> с каждой стороны должно было быть по отступу 20px. Особо не рздумывая ввожу padding: 20px; однако отступ получается только справа и слева. Даже конкретно если прописать padding-top, то ничего не срабатывает. Может ли кто-нибудь поделиться опытом?

    Asked by Mosya,

    0 votes
    3 answers

  2. Посоветуйте инструмент для нарезки макетов

    Интересны ваши мнения о плюсах и минусах вашего инструмента для нарезки макета. Мне нужно будет резать PSD и JPG макеты. Основные плюсы и минусы, которые меня интересуют: -сложность освоения инструмента; -цена инструмента; -удобство и быстрота нарезки при использовании этого инструмента.

    Asked by zhenyaku,

    0 votes
    2 answers

  3. ползунок скролла браузера не перемещается до нижней границы блока

    помогите пожалуйста решить проблему и по возможности объясните ход решения. для стилизации скролла браузера использовал это в результате получил это проблема в том, что когда пользователь прокручивает документ до конца, ползунок скролла( представляет из себя красный квадратик) не прокручивается до низа(остаётся примерно посередине). мне же нужно сделать так, чтобы если пользователь прокрутил документ до конца, то и ползунок соответственно переместился до самой нижней точки блока удивительный плагин. почитаешь описание, так там настроек куча, на все случаи жизни. а такой важной нет. как я понял высота этого скролла рассчитывается в яваскрипте динамически (прописывается в т…

    Asked by cyklop77,

    0 votes
    0 answers

  4. стилизовать скроллы

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

    Asked by cyklop77,

    0 votes
    1 answer

  5. font-face

    Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?

    Asked by delch,

    0 votes
    3 answers

  6. Золотая середина ограничения ширины для резинок

    Здравствуйте. Какое ограничение по ширине для резиновых сайтов принято считать оптимальным? Или лучше делать вообще без ограничения?

    Asked by Squidward,

    0 votes
    6 answers

  7. Изменение цвета подчеркивания у ссылки

    Такая проблема: нужно сверстать электронное письмо, применение стилей запрещено. Для изменения цвета ссылки использую конструкцию <a href=""><font color="цвет">Ссылка</font></a> Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

    Asked by karlitos32,

    0 votes
    12 answers

  8. проблема с тегом audio

    Вставляю <audio src="kva.mp3" controls></audio> в блокноте. Изображение плэера появляется, а звука нет. В чём причина?

    Asked by Рябинка,

    0 votes
    6 answers

  9. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param,

    0 votes
    4 answers

  10. Родительский блок не тянется за дочерними

    Уважаемые знатоки, прошу вашей помощи. Не где не смог найти ответ на свой вопрос. Родитель не тянется за вложенными блоками. overflow:hidden не помогает, исчезает полоса прокрутки. На clear:both не реагирует. Не тянется блок container /*—--HTML—--*/ <div id="container"> <div id="header"> <div id... </div> <div id="component"> <div id... </div> </div> /*—--CSS—--*/ *{margin:0;padding:0;} html{height:100%;} body{height:100%;} #container{ width:1024px; min-height:100%; background:url(../images/background.jpg) repeat-y; margin:0 auto; position:relative; } #component{ width:944px; …

    Asked by Luciefear,

    0 votes
    2 answers

  11. bg for wrapper

    У меня есть враппер, которому задаю значения: #wrapper{ min-width: 1240px; width: 100%; ьшт-height: 100px; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.3); } И когда он рисует bg то рисует его весь в ширину и хейт равный 100пикс, как сделать, что бы он занимал вплоть до конца страницы. п.с. clan-amp.ru

    Asked by Wahlberg,

    0 votes
    5 answers

  12. <div> шире окна браузера без появления скроллера.

    Доброе время суток! Есть такая конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…

    Asked by calebelt,

    0 votes
    11 answers

  13. Резиновая вёрстка

    Хай, # Проблема справо,т.е. когда появляеться полоса прокрутки то фон не закрашиваеться,подробнее на скрине,что можна сделать?)

    Asked by sdasddsa,

    0 votes
    2 answers

  14. Разное начертание шрифта Helvetica в разных браузерах

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

    Asked by kpripper,

    0 votes
    7 answers

  15. отображение в Googl Chrome

    Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал

    Asked by vadimcucherencko,

    0 votes
    3 answers

  16. Форматирование текста в строке таблицы

    Добрый день, люди добрые! Помогите решить проблему. Нужно в таблице объединить два столбца в один, как здесь "ИМЯ ПОЛЬЗОВАТЕЛЯ" и "ЗВАНИЕ" Нужно объединить эту строку <th nowrap="nowrap" width="25%" align="{S_CONTENT_FLOW_BEGIN}"><a href="{U_SORT_USERNAME}">{L_USERNAME}</a></th> с вот этой <th nowrap="nowrap" width="15%"><a href="{U_SORT_RANK}">{L_RANK}</a></th> и вот эту <td class="genmed row" align="{S_CONTENT_FLOW_BEGIN}">{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --> [ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- ENDIF --><…

    Asked by okaton,

    0 votes
    17 answers

  17. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!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=windows-1251"> <title>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico,

    0 votes
    2 answers

  18. Скругление углов (прозрачность под тенью)

    Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…

    Asked by master_alf,

    0 votes
    6 answers

  19. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus,

    0 votes
    0 answers

  20. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski,

    0 votes
    5 answers

  21. Скрытие блоков в зависимости от ширины экрана

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

    Asked by bigperson,

    0 votes
    15 answers

  22. Разорвать бордер...

    Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?

    Asked by Nanto,

    0 votes
    11 answers

  23. Спрайты

    спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!

    Asked by Гость,

    0 votes
    5 answers

  24. Теги в селекторах

    Часто слышу про то, что мол надо избегать употребление селекторов типа. Например, вместо div.block div.sub-block писать .block .sub-block. В этом, конечно, есть смысл, поскольку теги иногда приходится менять при вёрстке/программинге или в угоду SEO, сохраняя при этом структуру документа. Однако этак можно дойти до маразма. Вот, скажем, у меня есть список, в котором десять элементов, в каждом элементе — ссылка, а в каждой ссылке — спан. Вешать классы на всю эту радость — сущий дурдом. То есть от подобных селекторов: ul.primary-nav li a span никуда не денешься. Ну ладно, li можно выкинуть — если считать, что код у нас по умолчанию валиден. Да и вообще, я вот верстаю в…

    Asked by Gaspode,

    0 votes
    12 answers

  25. проблема с изображениями

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

    Asked by f0rzik,

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