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: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Delesive Game - игровые сервера Counter Strike 1.6</title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="header"> <b><i>Delesive Game</i&g…

    Asked by Sodeum,

    0 votes
    2 answers

  2. проблема с margin

    вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...

    Asked by Odrin,

    0 votes
    11 answers

  3. Блок на растягивается на height:100%; min-height: 100%;

    Подскажите пожалуйста, почему мне не получается растянуть блок во всю высоту браузера? Вроде бы везде где нужно стоит height:100%; min-height: 100%; http://77.105.164.89/stat.aspx

    Asked by vlad275,

    0 votes
    3 answers

  4. Заполнение input'ом свободного пространства

    Здравствуйте! Необходимо растянуть input#child на свободную ширину div#parent, причём учесть, что текст label'а может быть любой длины. Всю ночь работал, под утро уже голова не варит... Пример на JSFiddle.

    Asked by Crystall,

    0 votes
    2 answers

  5. Передача данных

    Приветствую. Наверное, не совсем относится к вёрстке, но в других разделах создать тему не дает Необходимо реализовать фичу, которая будет при переносе на страницу заказа товара вносить автоматически название товара в инпут под лейблом "Название товара*". Возможно ли такое реализовать? Если да, то с помощью чего? CMS - FlexoCMS.

    Asked by Seemann,

    0 votes
    2 answers

  6. Искажение шрифта в IE7 и ШУ9-10

    Получил искажение текста (шрифта) в самодельном выпадающем select-е. Проблема наблюдаема в только IE7 и IE9-10. В остальных браузерах проблемы нет. Когда я прокручиваю список ползунком вниз, у некоторых пунктом искажен текст. Он или вытянут по высоте или приплюснут. Когда я навожу указатель мыши на эти пункты, текст становится нормальным. Пробовал разные шрифты, это не помогает. Ничего особенного в css не применялось: font-size, line-height, padding, hover и так далее. Скрин (искаженные пункты селекта отмечены стрелками): The items of the drop-down select are loaded by the .js. It has the following code: window.indx = 1; $(document).ready(function () { $.fn…

    Asked by Zero108,

    0 votes
    3 answers

  7. В Джумле

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

    Asked by Imperil,

    0 votes
    2 answers

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

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

    Asked by ShootingStar,

    0 votes
    13 answers

  9. vertical-align

    Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…

    Asked by Arinden,

    0 votes
    8 answers

  10. аналог background-position-y

    Есть ли валидный аналог CSS свойства background-position-y? Использовал его, чтобы изменять координаты фона независимо друг от друга (в страйтах), но наткнулся на то, что его к сожалению не поддерживает опера и фаерфокс.

    Asked by Tmin10,

    0 votes
    11 answers

  11. Ну и куда мне податься?

    Вопрос к модераторам: Почему закрыты верхние 4 темы? Это же раздел для начинающих или полупрофи или профи? Я что-то не пойму. И потом. В программировании не бывает глупых вопросов, это сказал проф. на ютубе иа Гарварда. Вот, к примеру, я начал изучать программирование с нуля, практически не имея ни малейшего представления что это и как. Делаю только первые шаги, т.е. HTML-CSS-JScript. Ну и куда мне податься? То, о чем пишут в этом разделе для меня пока далековато, а другие разделы вообще за пределами понимания (пока). Может есть другие форумы для стартующиx в этом деле?

    Asked by www...,

    0 votes
    57 answers

  12. Свернутое окно

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

    Asked by Web,

    0 votes
    6 answers

  13. Меню - раздвижное

    Встретил вот такую проблему. Как можно сделать, чтобы после нажатия ссылки "News" - выехала "вертикальная" табличка с новостями. Видимо тут уже javascript нужен? Если есть у кого пример выполнения такой задачи или "если не сложно кто может продемонстрировать примерчик" прямо тут. Горит ппц . <table width="100%"> <tr> <td width="100%"> <table width="100%"> <tr> <td class="bgcolornews" align="left"> <img src="img/3star.png" width="9" height="8"><span class="news"><a href="">News</a></span> <-- Клик </td> </tr> </table> <!-- Во…

    Asked by sparta,

    0 votes
    5 answers

  14. Разделение страницы вертикально на две части

    Всем привет! Устал уже гуглить... Нужно вот что: Разделить страницу на две части в процентах. Колонки должны быть до самого низа окна, даже если контента меньше. Если больше, то появляется, как обычно, полоса прокрутки, но колонки остаются одинаковой высоты. В каждом из блоков внутренние отступы со всех сторон в процентах. Да, и чуть не забыл, работать должно в IE 6<, Opera 8.1<, Firefox 1.5<, Chrome и Safari. Может кто сталкивался с такой задачей или ткните, если кто-нибудь знает, в какую-нибудь супер-крутую ссылку. P. S. Вот эту можно не предлагать. Там, если убрать шапку и подвал, получается почти, как надо, но не доходит до низа, если мало контента.

    Asked by Владимир Н,

    0 votes
    18 answers

  15. Проблема в опере с 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

  16. Стоит ли угождать динозавру?

    Имеется сайт с софтом под win всех версий, вплоть до NT (хоть их очень мало). Нужно ли писать фикс для IE<7 (не включительно)?

    Asked by and_zheltukhin,

    0 votes
    2 answers

  17. нет фона

    у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…

    Asked by dmr,

    0 votes
    2 answers

  18. Подскажите скрипт местоположения

    Добрый день. http://s018.radikal.ru/i509/1203/d0/21d1cdd747ec.jpg У кого есть данный скрипт? Заранее благодарю.

    Asked by arturhome,

    0 votes
    3 answers

  19. Как отодвинуть 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

  20. Проверка кода на валидность

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

    Asked by VladimirML,

    0 votes
    2 answers

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

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

    Asked by diden05,

    0 votes
    7 answers

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

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

    Asked by Perf2k2,

    0 votes
    2 answers

  23. Нестандартный вид select

    Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select. Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков... Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select? Заранее спасибо.

    Asked by droncl,

    0 votes
    15 answers

  24. overflow: auto; ipade не отображается полоса прокрутки

    На сайте есть блок текста, прокручивается скроллингом. .text { margin-top: 20px; width: 100%; height: 510px; padding-right: 20px; overflow: auto; } во всех браузерах все работает, на ipade текст прокручивается, но ползунка нету. В чем может быть проблема?

    Asked by vasilisa1210,

    0 votes
    3 answers

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

    Всем привет. При конструировании плагина для радиобаттона столкнулся с трудностью того, что во время нажатия на сам радиобаттон у меня в блоке с виртуальным баттоном(<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

  • Обсуждения

    • 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