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. position: fixed для html

    Здравствуйте. Подскажите пожалуйста, является ли извратом назначение position: fixed для тела страницы (тоесть тегов html или body), или это норм и можно применять? Спасибо.

    Asked by Chp,

    0 votes
    2 answers

  2. Некорректное отображение в Chrome

    Здравствуйте, уважаемые форумчане! Столкнулся с проблемой некорректного отображения одного блока в Chrome. Помогите исправить, пожалуйста. Скриншот:

    Asked by beliy,

    0 votes
    2 answers

  3. Внутри <button>неработают события и псевдоклассы

    Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?

    Asked by El-Clasico,

    0 votes
    10 answers

  4. Зависание горизонтально выпадающего подменю.

    В общем такая проблема: Написал этот код CSS: <div class="section-top-menu-content"> <ul> <li><a href="#">Главная</a><span></span></li> <li class="activ"> <a href="#">Каталог<span class="arrow"></span></a><span></span> <div class="section-top-menu-sub"> <a href="#">Шины</a> <a href="#">Диски</a> <a href="#">Аккумуляторы</a> <a href="#">Элементы крепления</a> </div> </li> <li><a href="#">Акции</a><span></span></li&gt…

    Asked by Killerblade,

    0 votes
    4 answers

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

    Здравствуйте. Такая проблема: если у таблицы поменять align с center на left,подвал оказывается наверху. Скрин с align="left": Скрин с align="center": Код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body> $ADMIN_BAR$ <div class="wrap"> $GLOBAL_AHEADER$ <?if($MODULE_ID$='forum')?><div style="width: 95%; margin-left: 3%;"><?endif?> <!-- <middle> --> …

    Asked by mcdude,

    0 votes
    3 answers

  6. запутался в изучении совсем

    Добрый день. Вопрос скорее относится к тем, кто уже достиг определенных высот в изучении веба. Предыстория. Первый раз с HTML я столкнулся когда сестра училась в универе на первых курсах(разница 6 лет), я лазил по столу и обнаружил зеленую книженцию, это была методичка по HTML. Полистав ее, я смотрел словно в пустоту, но код и картинки под ним, подсказывали что написав это, мы получаем то, что показано на картинке. Мне показалось это интересным и я спросил у сестры что это. Она объяснила и даже показала что они делают по этой методички. Интернета тогда в доме еще не было, так что я не сильно понимал, что вообще происходит на страничке, но смотрелось все забавно и меня с…

    Asked by maxsnw,

    0 votes
    5 answers

  7. На что стоит обращать внимание начинающему, чтобы выйти на уровень профи в верстке

    Хотелось бы совета от опытных верстальщиков, на что следует начинающим заострять внимание начинающим в процессе верстки, чтобы выйти на уровень профи. Какие темы подробнее рассматривать и т.д. К примеру, я как начинающий не видел ничего плохого в больших количествах id и class, совсем не знал про спрайты и т.п. Хочется узнать подобные темы, на которых стоит заострить внимание, чтобы избегать их в следующих проектах.

    Asked by thebesttraining,

    0 votes
    2 answers

  8. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook,

    0 votes
    3 answers

  9. Голова отдельно, тушка отдельно - вопрос по таблицам.

    Доброго времени суток. Есть проблема - шапка таблицы и тело таблицы находятся в разных блоках (во всем виноват аякс если чо =)) ) Тушка таблицы резиновая (на данный момент времени), а как сделать так что бы столбцы шапки таблицы всегда имели такие же размеры как и столбцы тушки таблицы? З.Ы. Вопрос в догонку - часть информации в паре столбцов иногда не влезает в ячейку и хотелось что бы информация которая не влезет просто заменялась (троеточием) - как такое сделать? Благодарю за ответы.

    Asked by doom,

    0 votes
    6 answers

  10. Выравнивание текста по нижнему краю в пустом блоке

    Проблема нижеописана. Возможно, нет решения. Тогда знать бы, что нет, буду юзать таблицы. Сайт состоит из двух столбцов. Слева меню, справа основная часть. Меню довольно длинное. В основной части в некоторых случаях не больше одного абзаца. То есть много пустого места. Как расположить, скажем, строку текста по нижнему краю правого столбца, примерно, где заканчивается меню в левом столбце, когда на этой строкой будет много пустого места. Да. Если высота блока фиксирована, можно. Но высота столбца переменна. Это возможно?

    Asked by Эдди,

    0 votes
    9 answers

  11. Прокрутка клавиатурой

    Здравствуйте. Имею сайт с прокруткой, заданой свойством {overflow: auto;} для тега <body>. Мышью сайт прокручивается, клавой - нет. ЧЯДНТ?

    Asked by Chp,

    0 votes
    3 answers

  12. DIV съезжает

    1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?

    Asked by FinFan,

    0 votes
    1 answer

  13. Верстка табов. Прошу помощи и совета

    Здравствуйте! Подскажите как правильно сверстать табы изображенные на картинке?

    Asked by n-dimasss,

    0 votes
    3 answers

  14. странный хром

    Я новичок, и вот в очередной раз занимаясь версткой, делая обычное горизонтальное меню с помощью ul Li. Ничего необычного все как всегда, открываю в хроме там все ок. Посмотрел в других браузерах, тоже все ок. И тут в хроме я нажал ф5 и меню сжалось все в левую сторону и замерло. Я полез смотреть в коде ...ничего не нашел, возвращаюсь в хром навожу мышкой на меню и оно возвращается само на место. Обновляю опять-сжалось. Снова навожу курсор, реакция ноль, и только минут через 3-4, при наведении курсора меню возвращается на место. И так все время. В других браузерах все ок. Только хром аудит. Возможно понадобиться код, но это чуть позже. Может у кого то было что то подобное…

    Asked by Jaysid,

    0 votes
    8 answers

  15. margin/padding

    скажите, почему родитель с min-hight 100% не учитывает margin-bottom? как решить проблему? html, body, .container{ height:100%; } *{ margin: 0; padding: 0;} #parent{ background: #aaa; min-height:100%; } #child{ margin-bottom: 2000px; background: pink; } <div id="parent"> <div id="child">hello</div> </div>

    Asked by valera,

    0 votes
    4 answers

  16. как выделить текущий элемент

    Всем привет, Есть сайт http://oherron.com/backend.php с меню в левой счасти Это меню реализовано с помошью картинки http://oherron.com/i...ns-3-states.png и следующих стилей : #category-buttons { padding:0; margin:0; list-style:none; } #category-buttons ul { margin:0; padding:0; position:relative; left:14px; top:22px; } #category-buttons li { margin:0; padding:3px 0 3px 0; list-style:none; } #category-buttons a { display:block; width:128px; height:28px; text-decoration:none; /* background:url("backend-buttons-3-states.png") no-repeat; */ background:url('../images/backend-buttons-3-states.png') no-repeat; } #category-buttons li a span { display:none !important; } a#menu-…

    Asked by mstdmstd,

    0 votes
    2 answers

  17. Прошу совета

    здравствуйте! Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки. Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например, фон для названия страницы: или фон для цитат: Т.е. что тут видно, в первом случае это фон названия старницы (материала). По сути просто представляет из себя блок из светлого фона, но у него в начале идет внутреняя стрелочка (честно говоря не знаю как ее еще назвать), и в конце идет стрелочка вниз. Во втором же эллементе фон для цитаты, с внешними эллементами с…

    Asked by devid89,

    0 votes
    3 answers

  18. Смежные селекторы

    В конструкции .one + .two {...} стиль задается для класса .two, как задать стиль для класса .one? http://jsfiddle.net/VBHY5/

    Asked by chocolate_moles,

    0 votes
    1 answer

  19. Проблема с высотой колонок (обрезается высота)

    Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…

    Asked by angelxalfa,

    0 votes
    3 answers

  20. После обновления Joomla центральный DIV сползает в низ страницы

    Всем привет! Подскажите, пожалуйста, из-за чего может слетать информация о товаре вот на этой странице? Может показаться, что страница пуста, но если пролистать страницу вниз, можно увидеть съехавший div maincont. А выскочил этот баг после обновления CMS (Joomla 1.x и соответствующей версии VirtueMart). Колупал css, но ничего не нашёл. Прошу помощи знатоков. Откатывать CMS назад совсем не вариант, сравнение шаблонов вариант, если подскажете, какой шаблон может отвечать за вывод шаблона товара :-).

    Asked by vkapas,

    0 votes
    4 answers

  21. html 5 range+number

    <form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?

    Asked by Tikson,

    0 votes
    1 answer

  22. Разная реакция браузеров на float

    Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в d…

    Asked by Borka,

    0 votes
    14 answers

  23. Кроссбраузерная верстка (Windows VS Ubuntu)

    Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…

    Asked by Snek17,

    0 votes
    3 answers

  24. Блок выходит за пределы экрана и текст не виден

    Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;"> <a class="buble" href="#"> <span class="buble-m"> Длиннотекст </span> <span class="buble-b"></span> </a> </li> buble имеет свойство display:none li:hover - display:block Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу…

    Asked by MAzZY,

    0 votes
    9 answers

  25. Строка текста из "слов-столбиков"

    Ищу решение для такой задачи: есть строка текста, где каждое "слово" состоит из столбика слов в 1-4 строчки. Причем эта строка из таких столбиков должна перетикать на следующую строку, если достигнут край ее области, как у обычной строки из обычных слов. Возможно ли такое вообще реализовать через html, css2, javascript? Пример: fff kkkk jj bbb dd hhh cc ppp nnn kkk mmm zzz vvv mmm bb ddd

    Asked by Feonik,

    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