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. Проверка кода на валидность

    Здравствуйте, уважаемые форумчане! Мысль сделать свой сайт у меня возникла давно, а вот реализовать идею дотянулись руки совсем недавно. Я решил сделать сайт на хостинге Ucoz. Написал каркас дизайна. Решил проверить его на валидность. Проверял через http://validator.w3.org/. Он мне выдал: "6 Errors, 3 warning(s)", но в чем ошибка я не могу понять. <br /> исправил, но ошибки все-равно остаются. Код прикладываю: <удалено> Заранее благодарен.

    Asked by VladimirML,

    0 votes
    2 answers

  2. Как отодвинуть div от div'a ?

    Есть @charset "utf-8"; /* CSS Document */ .header { background: #000; width:1100px; height:150px; margin:auto; border:0px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:2; } .headeron { border:0px solid #000; background-color:#FFF; width:1080; height:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:5000; }? И <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…

    Asked by Zerro76,

    0 votes
    5 answers

  3. Пустые тэги(пробелы)

    Доброй ночи Уважаемые! Как Вы считаете нужен ли пробел в пустом тэге? Привожу пример: <div style="clear:both"></div> или <div style="clear:both"> </div> Как Вы считаете, со стороны семантики, как будет более правильно? И не упоминается ли про это в стандартах?

    Asked by systemiv,

    0 votes
    21 answers

  4. Плагин для Радиобаттона...

    Всем привет. При конструировании плагина для радиобаттона столкнулся с трудностью того, что во время нажатия на сам радиобаттон у меня в блоке с виртуальным баттоном(<i id="virtual_radio">) не срабатывает появление необходимой картинки? При клике по <i id="virtual_radio"> всё происходит так как и задумано!? Не пойму в чём причина? js код следующий: var myRadio = document.getElementById('myRadio'); var virtualRadio = document.getElementById('virtual_radio'); virtualRadio.onclick = function(){ if (myRadio.checked == false) { myRadio.checked = true; virtualRadio.style.backgroundImage='url(images/checked.png)'; } }; myRadio.onclick = function(){ if (myRadio.checke…

    Asked by Yamaradg,

    0 votes
    14 answers

  5. Проблема в опере с rtl стилями

    Блин, эта опера, мать ее... Короче, имеется инлайновые элементы, с указанными для них margin-left, margin-right. Так вот, если версия страницы rtl, тоесть например арабский язык, то в опере эти отступы отражаются по горизонтали. Тоесть <span style="margin-left: 20px;"></span> оперой интерпретируется как <span style="margin-right: 20px;"></span> Во всех остальных браузерах все нормально. Это че за выкидон, ктонибудь сталкивался с таким? как это обходится? display:inline-block не помогает..

    Asked by danik.html,

    0 votes
    1 answer

  6. текстовое содержание дива наезжает на соседней див

    текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…

    Asked by dmr,

    0 votes
    6 answers

  7. Пунктирное подчёркивание многострочных ссылок

    Как быть, если ссылка должна занимать не 1 строку, а 2 и более, рамкой уже не получается?

    Asked by Tmin10,

    0 votes
    4 answers

  8. Сторонние шрифты

    Как можно добавить 2 сторонних шрифта сразу? С одним проблем нет, а вот второй не получается добавить.

    Asked by egoregor,

    0 votes
    1 answer

  9. DIV "вываливается" за пределы родительског DIV

    есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…

    Asked by TrueTrue,

    0 votes
    4 answers

  10. Оптимизация моих трудов)

    Допустим у меня будет много страниц с одинаковым дизайном, в которых меняется только серединка. Какими способами можно размножить этот дизайн на много страниц, чтобы потом, например при правке, не менять +100500 страниц, а изменить в одном месте? Я знаю такой способ: В начале файла <?php require('na4alo.php') ?> Тут сама начинка страницы <?php require('konec.php') ?> Но мне кажется есть какой-то более рациональный способ.. Есть ли таковой?

    Asked by Dazar,

    0 votes
    3 answers

  11. Изменить размер фонового изображения с помощью CSS?

    Здравствуйте! Назначаю тегам <a> фоновые изображения по background, которые велики для тех слов, что будут над ними. Как с CSS можно сжать размеры фоновых картинок, не уменьшая разрешения исходных картинок в граф. редакторах и не добавляя внутрь <a> тегов <img> c заданными размерами?

    Asked by borus,

    0 votes
    4 answers

  12. Увеличение картинок в IE 6.0

    Сам сайт Тут три картинки, наводишь мышь - увеличивается одна. В ИЕ6 картинки не увиличиваются. Это просто ИЕ древний или какая-то беда с кодом? CSS .megaweb { text-align:center; background:#ffffff; width: 490px; } .megaweb a img { width:160px; height:220px; display:block; border:0; position:relative; top:0; left:0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .megaweb a { display:inline-block; width:160px; height:220px; position:relative; } .megaweb a:hover img { width:320px; height:439px; position:absolute; top:-218px; left:-80px; z-index:2; } HTML <center> <div class="megaweb"> <!--CSS3 увеличение ка…

    Asked by Uvelirr,

    0 votes
    2 answers

  13. Снова о IE, z-index

    Всех приветствую, достался тут сайт "в наследство", на нем есть левое вертикальное меню, во всех браузерах все отображается как задумано, кроме IE. Версии IE 7-9 везде одно и тоже В верстке не специалист, знатоки посмотрите что можно с этим сделать, уже все мозги об этот z-index сломал. Ссылка на сайт Заранее спасибо за помощь.

    Asked by diden05,

    0 votes
    7 answers

  14. Помогите с браузерами

    В опере шапка отображается нормально Опера а в мазиле и гугле хроме Гугл мазила В чём проблема?помогите пож

    Asked by Gvard,

    0 votes
    6 answers

  15. Web Developer

    Возникла проблема. Установил Web Developer 3.3 на Firefox 10.0.2, дополнение отображается в списке, но не включить панель дополнения ни через меню "вид", ни "инструменты". В чем может быть проблема?

    Asked by Sketch,

    0 votes
    6 answers

  16. Условные комментарии IE в XSLT

    Условные комментарии к браузеру IE вида <!--[if lte IE 7]><link href="ie.css" rel="stylesheet" type="text/css" /><![endif]--> не читаются совсем, хотя находятся внутри пространства имен xmlns="http://www.w3.org/1999/xhtml" В чем причина?

    Asked by hike,

    0 votes
    2 answers

  17. При увеличении масштаба разваливается меню.

    Подскажите пожалуйста как это поправить. Ширина пунктов меню не указана.

    Asked by skygazer,

    0 votes
    8 answers

  18. Столкнулся с проблемой (.swf)

    Вобщем, ситуация такая: Имеется файлик .swf, скомпилированный прогой для снятия видео с экрана (делаю уроки по CMS). Соответственно, никакого исходника нет, задать параметры в .fla не могу. А видео снято в большом разрешении (около 2000px по ширине). Если в object в html просто прописываю нужную ширину, то края обрезаются. Нужно, чтобы ролик резинился. Или я туплю, или нужно декомпилировать (и не факт, что все корректно потом обратно компильнется). Подскажите решение без декомпиляции. Ссылка на архив — http://freeway-design.ru/files/tutorial.rar Там сам .swf и html скомпилированный. Спасибо.

    Asked by Verder,

    0 votes
    3 answers

  19. Размер картинки по размеру ячейки

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

    Asked by Oranskaya_Olga,

    0 votes
    1 answer

  20. При загрузке страницы div c display:none виден на 2-3 секунды

    ..., да еще и верстка на эти секунды уезжает не туда, куда я ей написал)) Никто не сталкивался с этим? Как проблему решить? Пробовал и размер делать 1 на 1 пиксель и margin-top: 1000px, но ничего не помогает пока. Есть соображения? Заранее благодарю)

    Asked by Perf2k2,

    0 votes
    2 answers

  21. Как это работает?

    Приветствую...Помогите мне просветится. Как вот такой код может создать треугольник? Ну как? width:0; height:0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 200px solid blue; —-- Код взят из http://tantek.com/CSS/Examples/polygons.html

    Asked by Mr.Black,

    0 votes
    2 answers

  22. редактирование модуля последних новостей Joomla 1.5

    Не могу справиться с CSS стилями для модуля Последние Новости в Joomla 1.5. Прописал модулю суффикс _lastnews, в css шаблона добавил: div.moduletable_lastnews{ list-style-image: none | url('../images/orange/menu_arrow.png') | inherit font-family:Verdana; font-size:10px; } все ок, шрифт и размер его поменялись. Но вот: исчезли графические маркеры над каждой новостью, не могу задать ширину блока....например новость "Обновлен раздел оборудование" прописывается в две строки, а нужно в одну без обрыва,

    Asked by xSPiRiTx,

    0 votes
    1 answer

  23. Разметка блока

    Здравствуйте, верстаю учебный урок №2. Думаю вот так разметить блок: Подскажите как правильней. Чистый скриншот если кто-то захочет нарисовать свою разметку:

    Asked by ShootingStar,

    0 votes
    13 answers

  24. многоуровневое вертикальное раздвижное меню

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

    Asked by supernet95,

    0 votes
    16 answers

  25. Скруглённое поле ввода

    Как сделать скруглённое поле ввода типа этого без css3: иконка поиска не активна, пытался просто на фон поставить, так как в этом случае задать смещение указателя, чтобы не было текста на иконке и голках?

    Asked by Tmin10,

    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