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. Бэкграунд для блока с высотой-авто

    Всем привет! Только начал изучать html и сразу повалились вопросы. Вроде задача пока достаточно простая, надеюсь всё легко решается. _http://dsage.500mb.net/animation/TASK1.jpg собственно DIV1 и DIV2 имеют бэкграунд со способом отображения repeat-y. Если чётко указывать Height, то они отображаются, если нет то их не видно. Но жёстко указывать для каждой страницы высоту это накладно и более того она может быть разной в зависимости от шрифта насколько я понимаю. Так что хотелось бы найти универсальный выход. Первое что приходит на ум это использовать яваскрипт, но пока я откладываю такое решение как самое крайнее. Помогите решить ведь это еще самый простой из вопросов к…

    Asked by DubSage,

    0 votes
    3 answers

  2. Нумерованный список

    Приветствую! Можно ли реализовать нумерованный список такого вида:? 1. Текст — 1.1 Текст — 1.2 Текст — 1.3 Текст 2. Текст 3. Текст Создание структуры вложенности в <li> не работает. Подскажите возможно ли такое вообще?

    Asked by Maxi,

    0 votes
    1 answer

  3. Фиксированное положение элемента

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

    Asked by cartrege,

    0 votes
    1 answer

  4. Трабла с dropdown меню в twitter bootstrap

    Приветствую! Взял я twitter bootstrap v2.1.0 и начал верстать на нем новый сайт. Все бы ничего, но возникли проблемы с dropdown-меню. Когда щелкаешь на списке, который должен раскрыться, он раскрывается не под своим элементом, а в начале навбара. Похоже на косяк в JS, не правильно определяется позиция. Но, точно понять не могу. Может кто сталкивался / знает как решить проблему?

    Asked by keltanas,

    0 votes
    2 answers

  5. ie6 меню

    Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…

    Asked by Nailya,

    0 votes
    2 answers

  6. Меню с позицией fixed и z-index

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

    Asked by voron121,

    0 votes
    4 answers

  7. Div И рисование Геометрических фигур

    Ребят такая ситуация вот я с помощью css нарисовал трапецию ,вот код:#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } потом присваиваю это css правило div контейнеру мне нужно чтобы была рамка горизонтальная по всему сайту с низу из трапеций как это реализовать,думал насчёт функции repeat но она подходит только для background image

    Asked by Stripped,

    0 votes
    3 answers

  8. Проблема с отображением сайта в IE

    Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.

    Asked by openprogs,

    0 votes
    1 answer

  9. Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.

    Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…

    Asked by provoloka,

    0 votes
    5 answers

  10. Как сделать чтоб

    Всем доброе время суток! Как сделать что при нажатие кнопку скачать экран не поднимался вверх само начало страницы? когда сама кнопка внизу с помощью Ajax Вот сам код <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display:none"> <div id="rek-top"></div> <div id="rek-centr"> <p>Скачать файл можно после просмотра рекламы:</p> <div id="reklama"> <!--Ваша реклама--> </div> <div id="hidden" style="display:none"> <!--Ваша ссылка на скачивания--> </div> </div> <div id="rek-bot"></div> </…

    Asked by Bismuth,

    0 votes
    4 answers

  11. Альтернативная поодержка видео

    Столкнулся с одной странностью .Все браузеры ,поддерживающие HTML5 не имеют встроенного плагина для embed.А вот ИЕ этот embed поддерживает.НО в браузерах ,поддерживающий HTML5 есть тэг video.Почему же плагин для embed удалили из современных броузеров?

    Asked by max2012,

    0 votes
    2 answers

  12. Дизайн кнопки

    Здравствуйте. Делаю на ubercart магазин. Кнопка "добавить в корзину" по умолчанию широкая. Надо сделать в 2 строки. Я сделал ее узкой и высокой - но слова не перенеслись. Текст в ней прокручивается, я думаю, в этом дело. Как отключить и сделать как надо? Заранее спасибо. Хтмл файл вот http://yadi.sk/d/Xwy2IH9OMx48, там все пока криво и некроссбраузерно, но проблема моя видна.

    Asked by Rio,

    0 votes
    3 answers

  13. Как расположить дивы в одну строку (в 2 столбца)

    Здравствуйте! Так как я новичок, значит думаю, я правильно выбрала раздел форума... Проблема такова: имеется блог с рецептами, сейчас занимаюсь расположением рекламы от гугла. Хочу разместить текстовый рекламный блок рядом с маркированным списком ингредиентов. Как я понимаю, если использовать верстку дивами, нужно поместить список в один див, а рекламу в другой. Какие параметры нужно задать дивам, чтобы они не разбегались по все странице. Пробовала с помощью float:left/right;, но все расплылось. Текст ниже этих блоков вылез на место рекламного блока, а рекламный блок завис над ним.

    Asked by svetlaya,

    0 votes
    1 answer

  14. Использование переменных в функции с animate

    Всем доброго дня! Остро встал вопрос о необходимости использования переменной для .animate в JQuery, а именно: $(".block").click(function(){ var y = '"top"'; $(".block").animate({y: "+=200"}, "fast"); }); Вышеуказанный код не работает. Если "y" заменить на "top" - работает, но мне нужна переменная. Пробовал разные варианты и не получается. Требуется ваша помощь, дайте наводку пожалуйста.

    Asked by Arinden,

    0 votes
    7 answers

  15. Можно ли выучить стандарты w3c не зная английского

    Здравствуйте меня интересует вопрос можно ли выучить стандарты w3c не зная английского(пользуясь переводчиком в google chrome)??? Если да то за какое время это реально сделать??(примерно)

    Asked by LXVDXXXVI,

    0 votes
    6 answers

  16. План изучения верстки

    Здравствуйте у меня есть типо стратегия изучения верстки Сначала книги: 1)HTML & XHTML. Подробное руководство(не устарела ли данная книга?) 2)CSS. Каскадные таблицы стилей. Подробное руководство(не устарела ли данная книга?) 3)Верстка веб-страниц Автор:Влад Мержевич(не устарела ли данная книга?) 4)Затем изучить информацию которая находиться на сайте htmlbook.ru(то есть на этом) После этого скрипты: 5)Бер Бибо, Иегуда Кац - jQuery. Подробное руководство по продвинутому JavaScript(не устарела ли данная книга?) 6)JavaScript. Подробное руководство(не устарела ли данная книга?) Ну и конечно это все будет сопровождаться тренировками Сколько все это займет времени примерно и…

    Asked by LXVDXXXVI,

    0 votes
    3 answers

  17. Выравнивание input и кртинки

    Есть код <input tupe='text' style='height: 11px;'><img src='/css/images/enter.png'> Хочу эти два элемента выровнять по центру по вертикали. Никак не получается. По стандарту прописываю картинке align='middle' - не работает нигде, align='center' решил проблему, но только в хроме. Хром(как надо): Как всегда получается:

    Asked by Dazar,

    0 votes
    1 answer

  18. Проблема: Аппаратное ускорение в firefox 12 и шрифт Arial.

    Здравствуйте, верстаю шаблон используя версию CSS 2.1 и html 4.01 Transitional. Стоят браузеры chrome 19, opera 12, IE Explorer 8, Firefox 12. Верстать начал недавно где-то месяц назад. Сверстал уже 2 шаблона. Использую reset.css Эрика Мейера. Вопрос: В firefox 12 (другие не тестировал), по умолчанию включено аппаратное ускорение, при этом в таблице прописал: font-family: Arial, sans-serif; Во всех браузерах нормально, но в firefox текст в тегах <p> занимает на одну строку больше (и вид шрифта при этом кажется немного жирнее), все попробовал изменять, а именно: Line-height, letter-spacing,word-spacing, font-weight. Ничего не помогло. Как только отключаю аппаратное …

    Asked by nurik_6,

    0 votes
    0 answers

  19. комментарий

    есть код: <textarea id="comment" tabindex="4" placeholder="Комментарий.." name="comment"></textarea> как сделать что бы при переполнении поля оно растягивалось, а скролл убрать? кто может, помогите, никак не найду..

    Asked by Веди,

    0 votes
    2 answers

  20. Помогите на сайте убрать большой промежуток

    Ребят вот сайт http://new-site.16mb.com/ в правой колонке можно увидеть большой отступ как от него избавиться?

    Asked by flatron,

    0 votes
    14 answers

  21. Нужен совет по меню

    Создал двухуровневое меню,(вернее адаптировал под себя) все в нем мне нравиться, но вот ни как не получаеться выровнять текст в меню чтобы бордер не вылазил снизу,бордер нужен, так как ему потом буду прописывать тень, что можете посоветовать, чтобы и текст в меню был в центре, и бордер сохранен? пример с меню www.times.myjino.ru/test1 код Html <div id="nav"> <ul class="menu" id="menu"> <li><a href="#" class="menulink">О компании</span></a></li> <li><a href="#" class="menulink">Услуги</a> <ul> <li><a href="#">Геодезия</a></li> <li><a href="#">Оф…

    Asked by Times,

    0 votes
    1 answer

  22. Ширина сайта width css

    Надо, чтобы ширина сайта была 1024px. При уменьшении окна браузера (не IE) сайт сужался бы до ширины 800px. Можно ли это сделать в теге body? body { width: 1024px; min-widht: 800px; } Не работает.

    Asked by Эдди,

    0 votes
    4 answers

  23. Обводка у элемента!

    Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак)) В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative Что делать?

    Asked by ELBegemotos,

    0 votes
    5 answers

  24. Центрирование элемента!

    Всем привет!Произошла проблемка при верстке.Значит создал элемент с классом "wrapper" и присвоил в стилях атрибут "width:1000px;margin:0px auto;" Но элемент по чему-то не центрируется.В чем может быть проблема? Сори))Проблему решил)

    Asked by ELBegemotos,

    0 votes
    0 answers

  25. :focus проблемы браузеров

    Проблема следующая. Нет фокусировки на объект в следующих случаях для Chrom Фокус не возможно установить мышкой. Только горячей клавишей в сл. случаях. button:focus и Input:focus В случае <input type="button"> в IE все нормально для IE вышеуказанные примеры работают, но нет фокуса в случае a:focus Вернее он есть но на долю секунды. Потом слетает. Вопрос: Можно ли заставить хром на кнопках фокусироваться или в IE продлить время фокусировки? Хочется сделать без скриптов. Замучилась уже. Пример <!DOCTYPE html > <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> p { opacity…

    Asked by Vika,

    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