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 botyaslonim,

    0 votes
    12 answers

  2. Hover

    Суть проблемы такова, нужно правильно поставить hover. Вот код html <body> <div id="images"> <img src="images/6.jpg" width="130" height="120" /> <img src="images/7.jpg" width="120" height="140" /> <img src="images/8.jpg" width="130" height="120" /> <img src="images/2.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/2.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/3.jpg" width="120" height="…

    Asked by JoyStick,

    0 votes
    11 answers

  3. Что за ошибка

    Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.

    Asked by Mr.Black,

    0 votes
    5 answers

  4. Фон в Opera и Mozilla Firefox, прокрутка в Opera

    Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…

    Asked by Flashton,

    0 votes
    2 answers

  5. css

    Помогите найти ошибку, пожалуйста, не могу применить сss <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Первая страница </title> <link rel="stylesheet" type="text/css" href="E:\mai_sait\scripts\mystyle.css"> </head> <body> <table cellspacing="0" width="1000" summary="первая страница"> <tr> <td height="150" width="1000" bgcolor="#CCFF99" colspan="4"> <center>Шапка</center> </td> </tr> <tr> <td height="850" width="200" bgcolor="#CCFF99"> <center><h1>Меню1</h1> <img src="file://E:\mai_sai…

    Asked by Клава,

    0 votes
    7 answers

  6. А зачем вообще нужен id?

    Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?

    Asked by angel12,

    0 votes
    26 answers

  7. Футер наползает на контент в IE 7

    Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт

    Asked by HESHES,

    0 votes
    2 answers

  8. аудио і видео на сайте

    ВСЕМ ПРИВЕТ!!! помогите плиз!! нужны ссылка на информацию как правильно размещать видео и аудио на сайте с готовыми примерами!! киньте шаблоны у кого они есть ))

    Asked by bot87,

    0 votes
    1 answer

  9. Отображение картинки

    Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…

    Asked by ShurikEv,

    0 votes
    7 answers

  10. выбор имён классов

    Буду рад выслушать ваши советы по теме, ну или ссылки на ресурсы В больших проектах особенно возникает путаница и сидишь думаешь над именем класса, ещё и когда тематику контента очень сложно определить, поэтому хочется разобраться с классами раз и навсегда. Раньше я для каждого блока указывал свой класс, близкий по теме, например, если речь шла о бизнесе, то я писал - .business. Теперь же думаю сделать так: .sidebar>.box1 .sidebar>.box2 .sidebar>.box3.....content>.box1 .content>.box2 .content>.box3. Одобряете? Что посоветуете, товарищи?

    Asked by angel12,

    0 votes
    23 answers

  11. Как работает такой стиль?

    Подскажите плиз, как работает этот стиль? что означает запись вида "div.dashicon a {" или "div.di_network a {" ? @charset "utf-8"; @media all { div.dashicon { float: left; } div.dashicon a { background-image: url(icons/default.png); background-repeat: no-repeat; background-position: top; display: block; width: 70px; padding-top: 70px; color: #000000; text-decoration: none; text-align: center; margin: 2em; font-weight: bold; } div.di_network a { background-image: url(icons/network.png); } div.di_luci a { background-image: url(icons/desktop.png); }

    Asked by neiro,

    0 votes
    4 answers

  12. css position в absolute

    Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …

    Asked by gradus,

    0 votes
    22 answers

  13. Резиновый бэкграунд, как луше поступить?

    Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?

    Asked by angel12,

    0 votes
    7 answers

  14. Анимированую иконку в адресную страку

    можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???

    Asked by Joko,

    0 votes
    4 answers

  15. как разрезать шаблон?

    подскажите пожалуйста по каким принципам производится резка psd-шаблона? какие части необходимо вырезать и желательно объяснить почему. потому что сколько не искал, везде уроками показано КАК резать, но принципа, почему мы режем это, нигде нет, вот и интересуюсь.

    Asked by maxsnw,

    0 votes
    6 answers

  16. Локальные ссылки

    При создании сайта на локальном компьютере прописываются ссылки относительно папки, т. е. без слеша ( / ), но когда помещаешь сайт на сервер, без слеша ничего не будет работать. Нужно проставлять относительные или другие ссылки. Вопрос: подскажите новичку, как технически правильно изменять ссылки перед помещением на сервер? Вручную или есть другие способы? Всем заранее спасибо за помощь.

    Asked by IgorSt,

    0 votes
    7 answers

  17. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er,

    0 votes
    9 answers

  18. Положение элементов на странице

    Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??

    Asked by NeoMurderer,

    0 votes
    3 answers

  19. SVG и Opera 11

    На странице http://emacsformacosx.com/ пример, как можно использовать векторный SVG на странице. Все мануалы и статьи по верстке SVG ведут на этот пример. (вообще тут прочитал про SVG: http://habrahabr.ru/blogs/svg/82649/) Он отлично открывается и в FF 3, 4 и в Opera 11, и в Chrome 11. Но, когда я весь исходный код страницы скопировал и выложил у себя на хостинге получилось вот что: http://www.ddvhouse.ru/svg.htm В FF всё работает, в Chrome пропал фоновый градиент, а в Opera вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?

    Asked by ddvhouse,

    0 votes
    3 answers

  20. Помогите идентифицировать баг IE6

    приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…

    Asked by alb,

    0 votes
    5 answers

  21. float:left и выравнивание по центру

    Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

    Asked by bobo,

    0 votes
    2 answers

  22. Размытые края iframe

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

    Asked by AKstoAK,

    0 votes
    3 answers

  23. Вопросы новичка

    Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?

    Asked by Alexey1988rus,

    0 votes
    24 answers

  24. Открыть ссылку в новом окне

    Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?

    Asked by Rustick,

    0 votes
    9 answers

  25. разбить бэкграунд

    привет! есть бэкграунд - приямогульник с закруглёнными краями...весит 3,5 кб! Есть ли смысл разбивать на низ, верх и середину на repeat ставить? спасибо

    Asked by andys,

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