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. Проблема с версткой меню

    Доброго дня всем! Нужно сверстать меню со следующей структурой: В общем, трехуровневое меню. Во вложении для наглядности картинки. Вопрос: реально ли сверстать такое меню под Джумлу и если да - то как ? Сложность в том, что высота блока меню фиксированная, и заказчик требует именно такое меню! То есть первый

    Asked by DmitriyDonetsk,

    0 votes
    15 answers

  2. НЕ ВИДНО ШРИФТ

    Суть проблемы заключается в том что не видно руский шрифт, только английский Вот сам код менюшки <ul class="sf-menu"> <li class="active"><a href="#">PC</a> <ul> <li><a href="#">Топ игры</a> <ul> <li><a href="#">Последние 6 мес</a></li> <li><a href="#">Последние 12 мес</a></li> <li><a href="#">Этот год</a>&lt…

    Asked by Fear1,

    0 votes
    15 answers

  3. Картинка в центре DIV

    Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?

    Asked by Gold Dragon,

    0 votes
    15 answers

  4. Less

    Столкнулся с такой проблемой есть div в нем лежит span с display: none; когда div становится :hover - span становится display: block; В css все просто: div:hover > span {display: block !important;} но к сожалению в LESS символ > используется с другой целью. Кто ни будь знает решение проблемы? Как на less сделать что бы при наведение на 1 объект другой менял свои свойства?

    Asked by GeSTaM,

    0 votes
    15 answers

  5. Тени

    Здравствуйте, возникла проблемка при работе с тенями. Вот css для div body{ background:#000; margin:0; } div.spell{ margin: 0 auto; background:#FFF; box-shadow: 0 0 120px white; /* Параметры тени */ -moz-box-shadow: 0 0 120px white; -webkit-box-shadow: 0 0 120px white; height: 2000px; width: 900px; } В IE всё отображается как надо, по бокам тени, с верху и с низу отступов нет, так что div стыкуется впритык. А вот в Opere 11.51 отступы снизу равны размеру тени, а сверху всё норм, тень невидна. Реально ли сделать без отступа снизу?

    Asked by miningo,

    0 votes
    15 answers

  6. Содержимое head лезет в body

    Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин

    Asked by olegsuv,

    0 votes
    15 answers

  7. Нужна помощь

    Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…

    Asked by koroles,

    0 votes
    15 answers

  8. Эффективный путь изучения вёрстки

    Расскажите ваш путь изучения вёрстки? О себе: я технически грамотный человек, программист по профессии, но вёрсткой никогда серьёзно не занимался. Как лучше построить свой путь изучения? Что почитать (какие статьи, книги - можно на английском), какие упражнения-задачки поделать, может быть начать свой проект, в котором всю вёрстку выполнить самому? Форумы, mailing lists и т.д.?

    Asked by empi,

    0 votes
    15 answers

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

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

    Asked by bigperson,

    0 votes
    15 answers

  10. Как избавится от тормозов?

    Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.

    Asked by Lednar94,

    0 votes
    15 answers

  11. h1 и скрытие текста

    Здравствуйте. Хочу поставить лого в заголовок H1. При этом написать в него текстовую версию логотипа. Встал вопрос как лучше скрыть этот текст, я думал visibility:hidden, но не знаю будут ли его индексировать поисковики и как они вообще относятся к данному правилу?

    Asked by param,

    0 votes
    15 answers

  12. Скролл в ячейке таблицы

    Приветствую всех. Есть таблица на всю ширину экрана из двух ячеек. Верхняя должна быть высотой по содержимому, а нижняя на оставшуюся высоту окна. В нижнюю ячейку выводиться таблица, и если она не вмещается, то в ячейки появляется скролл. Полазив по просторам интернета выяснилось, что в ячейку просто так скролл не добавить (при "overflow: scroll;" визуально появляется, но не работает). С помощью добавления "DIV" в ячейку такое можно провернуть, но есть нюанс. Если "DIV" добавить свойство "height: 100%;", то в IE 8 "DIV" растягивается на 100% относительно окна, а не ячейки. (в Хроме все нормально) Собственно вопрос в том, как это поправить? Часть кода: <!DOCTYPE html …

    Asked by Sinot,

    0 votes
    15 answers

  13. Нужна помощь!)

    Добрый день! Пишу к вам с просьбой о помощи! Начал изучать HTML и CSS, есть какие то начальные достижения, но некому показать, посоветоваться что не то или не так... Да и вообще, что за чем лучше изучать... Догадываюсь, что таких тут бывает много, но все же надеюсь на ваше понимание и сочуствие!

    Asked by b0d,

    0 votes
    15 answers

  14. Перевод pt в px ?

    Размеры шрифта в макете заданы в пунктах (12pt). Нужно ли эти размеры при верстке переводить в px или em ? Если да , то как это сделать ? Спасибо.

    Asked by Melnik,

    0 votes
    15 answers

  15. Как доработать рамку для картинки?

    Здравствуйте. Сделал набросок того, что хочу получить здесь Хочу совершенствовать его в следующем: 1. управлять типом внутренней и внешней черной рамки отдельно. 2. регулировать расстояние между черными рамками. так чтобы внешний радиус скругления равнялся внутреннему плюс ширина белого пространства между черными рамками. 3. чтобы изображение обрезалось первой рамкой (сейчас его углы отдельно скругляются)

    Asked by borus,

    0 votes
    15 answers

  16. Верстка кнопки

    Не получается сделать овальную динамичную кнопку с помощью картинок. У меня 3 картинки - левый край, центр(полоска) и правый край. CSS background:url(левый_край.gif) no-repeat; background:url(центр.gif) repeat-x; background:url(правый_край.gif) no-repeat 100% 0; Все хорошо, все работает, но края у меня скругленные, с прозрачными углами. И получается, что в этих местах видна картинка центр.gif Вот собственно вопрос, можно сделать так, чтобы под картинками левый_край.gif и правый_край.gif небыло картинки центр.gif?

    Asked by frog163,

    0 votes
    15 answers

  17. Проблема с background в IE

    Здравствуйте всем! Необходимо на фон страницы поставить градиент(сверху фон светлее). Я вырезал 2 картинки(фиксированной высоты первую, где градиент и вторую просто для фона) Вставляю следующим образом: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title></title> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html> *{ margin:0; padding:0; } body { background: url(.…

    Asked by Lrad,

    0 votes
    15 answers

  18. Скроллинг на сайте

    Здравствуйте! Если кто знает как сверстать сие чудо. http://tsetserskaya.jino.ru/t/scroll.png .ПЖЛ не откажите в совете.. Этот блок будет большой и будет прям посередине сайта.. А контент должен будет прокручиваться вот такой замечательной фичей на скроллинге вниз.. Задумка дизайнера..Ни че не могу поделать..

    Asked by Demon_gms,

    0 votes
    15 answers

  19. Прижать footer к низу страницы

    Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…

    Asked by romanov,

    0 votes
    15 answers

  20. Горизонтальное меню (LI пропорционально)

    Имеется горизонтальный UL длинной 1000px в нем несколько LI Пример кода: Ссылка на код Пункты меню могут добавляться из CMS. можно ли равномерно распределять пункты по всей длине списка?

    Asked by lost,

    0 votes
    15 answers

  21. Ajax и индексация

    Я сделал навигацию на сайте с применением аякса, то есть просто подгружаю содержимое в определенный див. У меня такой вопрос: не повлияет ли это на индексацию? насколько я знаю краулеры по ссылкам ведь шарят, а тут ссылки в скрипте зашиты.

    Asked by Sensei,

    0 votes
    15 answers

  22. Нашел хороший метод для сохранности уникального текста

    Нашел в сети хороший способ запретить копирование текста <body topmargin=5 leftmargin=5 rightmargin=5 bottommargin=5 oncopy="return false" bgcolor=white text=black> Вопрос: На сколько это вредно для SEO?

    Asked by B-Real,

    0 votes
    15 answers

  23. html +css ссылка на ехе файл

    Мне необходимо, чтобы с html страницы запускалась программа, заранее установленная на стационарный ПК. Как создать ссылку на ехе-файл программы?

    Asked by lga74,

    0 votes
    15 answers

  24. Дробный font-size

    Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }

    Asked by seemax,

    0 votes
    15 answers

  25. Выбрать самый последний элемент

    Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает

    Asked by VitaliyAT,

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