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. Javascript-ом получить текст из cgi

    есть 2 поля (id="in", id="out") вводим в поле "in" текст "tt" и при клике по "out" надо передать из "in" в cgi скрипт ("../cgi/test.cgi?text=tt"), а ответ вставить в "out". Подскажите с javascript-ом.

    Asked by ErshKUS,

    0 votes
    5 answers

  2. переход окна на новую позицию

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

    Asked by KapSuLa818,

    0 votes
    3 answers

  3. тег <p> в диве

    Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…

    Asked by Softlink,

    0 votes
    41 answers

  4. помощь с выпадалкой

    Проблема с выпадающим меню. Сам список прячется под следующим блоком. Вот так это все выглядит. <div id="menu" style="z-index: 10; position: relative;"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Контакт</a> <ul> <li><a href="#">Часы работы</a></li> <li><a href="#">Местоположение</a></li> <li><a href="#">Часы работы</a></li> <li&g…

    Asked by Softlink,

    0 votes
    1 answer

  5. Юзербары

    Вот допустим сайт и то что меня у них заинтересовало http://vseodote.ru/news/iccup-userbar-ot-vseodote-ru.html Вводим например [bT4M]WAGHHH и получаем картинку со статистикой этого акка на сервере http://ru.iccup.com/dota/ Подскажите как такое реализовать.

    Asked by bolgar66,

    0 votes
    5 answers

  6. Господа, ай нид хелп

    ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто

    Asked by d0ublezer0,

    0 votes
    4 answers

  7. Почему в IE6 не происходит обтекание

    Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…

    Asked by W1nD,

    0 votes
    16 answers

  8. "alt" у <input type="submit" />

    Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?

    Asked by monsterr,

    0 votes
    2 answers

  9. вопрос по шрифтам

    Всем привет!! Что означает Font:100%/1.4 Arial???! И что означает Font-size:100.01%!! Зачем их используют??? Пасиб

    Asked by bot87,

    0 votes
    4 answers

  10. Как включить повтор в embed плеере?

    Здравствуйте, я поставил на сайт плеер <object style="WIDTH: 400px; HEIGHT: 90px" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" viewastext="" width="400" height="60"> <param name="url" value="1.mp3"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value=""> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value=""> <param name="volume" value="100"> <param name="mute" value="0"&gt…

    Asked by Maskca,

    0 votes
    4 answers

  11. Js или PHP?

    Всем доброго... вопрос собственно о том, что выбрать в ПРОСТОЙ и до нельзя тупой ситуации... есть такой вариант если на сайте в текстбокс ввести например 12345 затем нажать кнопку то идет переадресация на субдомен 12345.мойсайт.ру... просто с системой поиска по папкам разобрался только с субдоменами.... так вот вопрос: Чем и как сделать такой простой до глупости текстбокс?.. тесть саму функцию... ты ввел он подставил и переадресовал...

    Asked by muhomo,

    0 votes
    8 answers

  12. footer залазиет на блок

    Здравствуйте. Делаю сайт, возникла проблема, блок-растяжка (у меня в коде id="text") налазиет на контент, а не идёт после него, из-за этого футер закрывает часть контента. Ниже скрин: - Тут видно, как распорка ушла под блок с цифрами "454", если эти три блока (зелёные и синий, с цифрами "454") продолжить в высоту они будут идти поверх распорки и зайдут под футер. Подскажите, пожалуйстка, как это исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>КРЕПОСТЬ РУСЬ</title> <meta http-eq…

    Asked by Flashton,

    0 votes
    1 answer

  13. Фон фикс. макета

    Если макет фикс. ширины (1000px), и фон (который будет виден, только на широких мониторах) не предусмотрен дизайном, как вы обычно поступаете в таких ситуациях?? как делаете такой фон??

    Asked by DrStrangeLove,

    0 votes
    1 answer

  14. Странные отступы между блоками.

    Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…

    Asked by arthyrgrex,

    0 votes
    5 answers

  15. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

    Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

    Asked by artlayers,

    0 votes
    11 answers

  16. Помогите пож с проблемой растягивающегося фона

    вот ссылка на всякий случай http://imglink.ru/show-image.php?id=56dac35f77026dabfa3ff780a89f18c2 В общем нужно чтобы нижняя часть растягивалась в зависимости от контента помогите плиз

    Asked by KapSuLa818,

    0 votes
    6 answers

  17. Логотип

    Доброго времени суток. Помогите пожалуйста. Не могу поставить логотип. При нормальном масштабе логотип стоит на месте: , когда меняется размер окна, логотип сдвигается в центр: . Вот код: <style type="text/css"> html, body { margin: 0px; width: 100%; } #background { position: absolute; width: 100%; } #body { position: relative; width: 100%; height: 100%; z-index: 1; } </style> </head> <body > <img id="background" src="http://s54.radikal.ru/i146/1104/7a/87d90093aa7a.jpg" /> <div id="background"> <a href="http://csk.biz.ua/"> <img src="http://i030.radikal.…

    Asked by ATNC,

    0 votes
    4 answers

  18. При нажатии на элемент формы value очищается

    Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

    Asked by shaltay,

    0 votes
    9 answers

  19. Как писать в файл?

    Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…

    Asked by EventPromo,

    0 votes
    1 answer

  20. Проблема с шириной DIV элементов в IE и FF

    Здравствуйте. Наткнулся на такую проблему. Есть следующий код для страницы <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Audit Log</title> <style type="text/css"> html {font-family: arial; font-size: 9pt} table {font-size: 9pt;} h1,h2,h3 {font-style: bold} div.container {display: inline-block; border: 2px solid black; padding: 4px;margin-bottom: 32px;background-color: #f6f6f6} h1 {font-size: 14pt;margin: 4px 0px 4px 0px}h2 {font-size: 12pt;margin: 12px 6px 6px 26px} h3 {margin: 0px 4px 4px 4px;font-size: 10pt;font-style: italic} table.itemHeader td {border: 1px solid black;padding: 2px 4px 2px 4…

    Asked by VladislavLysov,

    0 votes
    5 answers

  21. Кнопки для смены шрифта

    Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?

    Asked by Rustick,

    0 votes
    5 answers

  22. В IE6 не копируется текст

    Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.

    Asked by folibis,

    0 votes
    6 answers

  23. растягивание фоновой картинки в ИЕ

    Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?

    Asked by stone86,

    0 votes
    2 answers

  24. ЧаВО

    Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…

    Asked by s0rr0w,

    0 votes
    8 answers

  25. Height 100% + Repeat + ie 6

    Здравствуйте. При вёрстке документа столкнулся с очередной проблемой в IE 6. На странице имеется декоративный элемент со свойствами: position:absolute; background-repeat:repeat-y; height 100% Родительский элемент имеет свойства (пробовал разные сочетания) min-height: 100%; height: auto !important; height: 100%; html и body имеют (пробовал разные сочетания) height: auto !important; height: 100%; Проблема: Декоративный элемент успешно растягивается на всю высоту экрана, его фон повторяеться, но если страницу проскроллить вниз обнаружаеться, что элемент не растягиваеться дальше. То-есть элемент не растягиваеться на высоту большую чем первоначальная видимая область. Это д…

    Asked by Kujibiki,

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