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. как сделать пробел между ячейками в таблице?

    как сделать пробел между ячейками в таблице? вот сайт http://new-site.16mb.com/ нужно сделать пробел между шабкой и контентом, контентом и подвалом. а пробел был цветом фона.

    Asked by flatron,

    0 votes
    3 answers

  2. Как сделать - 3-х колоночная верстка, бока резиновые, центр с минимальной шириной.

    Необходимо сделать вот такой макет (за исключением проблемных мест) Макет Левая и правая внешняя колонка "резиновая". Центральная колонка должна быть по центру, тоже "резиновая", но есть минимальная ширина. Еще дело осложняется тем, что центральная колонка обрамлена справа и слева разделителями 2px (разделитель должен быть растровый из картинки) В центральной колонке тоже "резиновые" 3 колонки (решение брал отсюда Резиновая 3-х колоночная верстка). <html> <head> <style type="text/css"> html, body { height:100%; min-height:100%; margin:0; padding:0; b…

    Asked by dmitry_d,

    0 votes
    3 answers

  3. Проблема с div (наверное). Помогите!

    Вот такой вот код: #prodbtn a { font-family: Century Gothic; font-size: 14px; text-decoration: none; background: #e5e5e5; padding: 5px; border: solid 1px black; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px } #prodbtn a:hover { text-decoration: underline; background: #c1c1c1; } <a href = "http://link"><div id = "prodbtn">Оборудование</div></a> <a href = "http://link"><div id = "prodbtn">Программное обеспечение</div></a> Я в верстке шарю чуть лучше, чем никак. Хочу сделать 2 кнопки простенькие, на которых написано слово, а по клику пер…

    Asked by Shimmy,

    0 votes
    3 answers

  4. Кастомные шрифты

    Добрый день друзья, вставляю кастомный шрифт с помощью следующего кода @font-face { font-family: 'sss'; src: url('fonts/sss.eot'); src: url('fonts/sss.eot?#iefix') format('embedded-opentype'), url('fonts/sss.woff') format('woff'), url('fonts/sss.ttf') format('truetype'), url('fonts/sss.svg#TerminalDosisMedium') format('svg'); } шрифт формата .ttf скачивал с fontzone.net, а конвертировал через сервис http://onlinefontconverter.com/ ну шрифт правильно отображается только в opere, а еще бы хотелось бы в мозиле с 3.6 и в гугл хроме, что не так? Или оставить один ttf ну в мозиле все равно не работает..... даже в самой новой, для мозилы…

    Asked by Hol1killer,

    0 votes
    3 answers

  5. Тег <br/> Как убрать?

    Здравствуйте, подскажите, пожалуйста, почему у меня в конечном варианте виден тег <br/> и как его убрать? Выкладываю слова песни. Если делаю как обычное стихотворение с тегом <br>, то всё получается нормально. Если же добавляю скролл через textarea , то в конце каждой строчки при просмотре на сайте пропечатывается <br/>. Привожу здесь пример без <br/> в конце строчек, т.к. что с ним, что без него, что сплошным текстом с этим тегом, всё получается одинаково – он пропечатывается сам. <textarea rows="5" cols="30" name= I don't wanna talk About the things we've gone through Though it's hurting me Now it's history I've played all my cards And th…

    Asked by SimSim77,

    0 votes
    3 answers

  6. Проблема с футером

    как сделать так чтобы футер обтекал див с абсолютным позиционированием с низу?

    Asked by daggi,

    0 votes
    3 answers

  7. Непонятка с относительным размером шрифтов

    Здравствуйте. Начну с исходных данных: DOCTYPE страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Нужные части CSS: body{ font: 62.5%/1.6em Arial, sans-serif; } СУТЬ ПРОБЛЕМЫ: Весь текст на странице изначально (при дефолтном размере шрифта в настройках браузера 16px) отображается как задумано и размер шрифта сопоставим с 12px. Но, если на данной странице часть данных подгрузить с помощью AJAX, размер шрифта в загруженных данных будет визуально отличаться (он будет меньше) от размера шрифта в "родных" элементах страницы. А если некий JS код из подрруженных с помощью AJAX данных ещё …

    Asked by kitrish,

    0 votes
    3 answers

  8. Как получить доступ к jquery в другом скрипте?

    Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?

    Asked by Feel,

    0 votes
    3 answers

  9. помогите с меню

    нужно меню сделать по центру вот пример

    Asked by xenux58,

    0 votes
    3 answers

  10. кнопка скрытия элемента

    Написал скрипт закрытия элемента. Можно его упростить? <script type="text/javascript"> <!-- function Сlose() { var cl = document.getElementById('idd'); return cl.style.display = "none"; } //--> </script>

    Asked by apexis,

    0 votes
    3 answers

  11. Рамка на DIV с частичным перекрытием текста

    Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…

    Asked by Rasmussen,

    0 votes
    3 answers

  12. Помогите победить IE

    Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

    Asked by webair,

    0 votes
    3 answers

  13. подсказки Яндекса съехали

    В форме поиска (справа) подсказки Яндекса съехали из-за каких-то стилей. Подскажите, как поправить?

    Asked by fowl,

    0 votes
    3 answers

  14. Добавить выпадающее меню

    Пожалуйста, помогите добавить выпадающее меню, в уже имеющуюся панель. Вот css #navigation { width: 1000px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 50px; margin: 0px auto; background-color: #D6E2E8; background-image: -webkit-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -moz-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -ms-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -o-linear-gradient(top,#D6E2E8,#bccbd3); background-image: linear-gradient(top,#D6E2E8,#bccbd3); box-shadow: rgba(0, 0, 0, .2) 0 4px 16px; -moz-box-shadow: rgba(0,0,0,.2) 0 4px 16px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px…

    Asked by zoom,

    0 votes
    3 answers

  15. Вертикальная линия во всю высоту

    Имеется блок 1, который имеет ширину 1000 пикс, у него фон картинка. Этот блок растягивается полностью вниз. Необходимо сделать вертикальную линию (блок 2) на блоке 1 на всю высоту, при увеличении высоты, линия так же растягивалась бы в низ. Блок 1 работает с параметром min-height, а блок 2 не хочет. <body id="body"> <div id="blok1"> <div id="blok2"> </div> </div> </body> #blok1{ width:1000px; margin:auto; background-image:url(../images/zz.jpg); background-repeat:repeat; min-height:100%; _height:100%; } #blok2{ width:46px;; min-height:100%; _height:100%; background-image:url(../images/l…

    Asked by RK3DNP,

    0 votes
    3 answers

  16. Структура сайта

    Столкнулся с вопросом когда начал создавать вторую страницу своего сайта. Как я понимаю сайт это скрепленные между собой документы HTML находящиеся в одной папке , а сколько должно быть таблиц стилей к этим документом ? меня волнует как оперативние будет работать browser читая один файл css или бегая по разным. Ну и хотелось бы узнать как делаете Вы. Спасибо за внимание и ответы.

    Asked by Mirabo4,

    0 votes
    3 answers

  17. Выравнивание элементов

    подскажите как выровнять элементы по вертикали вниз?

    Asked by AndreyT,

    0 votes
    3 answers

  18. Скрыть контент от поисковика

    Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо

    Asked by Imperil,

    0 votes
    3 answers

  19. несколько элементов в строку

    не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.

    Asked by mafinok,

    0 votes
    3 answers

  20. Как лучше реализовать?

    У меня идёт панелька с категориями, в ней содержатся ссылка на категорию, картинка-разделитель и так должно повторятся несколько раз и после этого форма поиска. Должно получиться примерно так Как можно это реализовать? Обязательно нужно что бы текст не прилегал к низу, а "висел в воздухе", пока в голову пришло только, что нужно каждую ссылку закинуть в отдельный див, и для каждого дива в классе прописать размеры блока, отступы от низа и float: left. Но что-то мне подсказывает,что это бред P.S. текст на фотке пляшет, но не было времени выравнивать

    Asked by Cooooop,

    0 votes
    3 answers

  21. как "раздвинуть" пустой эелемент?

    Приветствую! Верстаю меню, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> * { padding: 0; margin: 0; } body { padding: 5px 10px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; } #main_menu ul { list-style-type: none; display: block; } #main_menu li { display: block; float: left; position: relative; } #main_menu li a { display: inline-block; padding: 10px; color: #000; border-color: #000; border-bottom: 1px solid; text-decoration: none; } #main_menu li span { display: inl…

    Asked by stalker_2000,

    0 votes
    3 answers

  22. Полезные страницы для сайта на хостинге

    Здравствуйте. Обычно просто верстал сайты на html + css, а на хостингах работал с движками, а там все базисные вещи сами по себе настроены. Решил сделать сайт на html + css и поработать с ним. Соответственно закинуть на хостинг. 1. Какие страницы, кроме страниц самого сайта обязательно должны быть на хостинге? 2. Какие страницы, кроме страниц самого сайта полезно размещать на хостинге? 3. Например, думаю создать свою страницу ошибки-404 404.html Соответственно добавить в файл .htaccess ErrorDocument 404 http://site.ru/404.html 4. Если не создавать свою 404-страницу, будет же выдаваться 404-страница от хостинга, типа просто будет написано, Not Found 404?

    Asked by Rustick,

    0 votes
    3 answers

  23. Относительные адреса никак непойму всё до конца

    Читал читал, так помоему до конца и не понял корень сайта это у меня на диске D например находится папка спаун и в ней веб страница спаун эта папка и есть корень сайта? (Две точки перед именем указывают браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» в папке help файл me.html.) Это я как полагаю расшифровывается, так :в папке спаун, которая является корнем сайта находятся каталоги над веб-страницей спаун иодин из этих каталогов help и в нём будет искаться файл me.html. Правильно всё понял?

    Asked by jentlmen,

    0 votes
    3 answers

  24. IE показывает границы между картинками фона

    Здравствуйте, помогите новичку советом. Делаю сайт yasenevka2012.narod.ru В IE видны границы между картинками, как их убрать, привожу код шашки: <table border="0" cellpadding="0" cellspacing="0" width="1000" align="center"> <tr> <td class="menu1" colspan="2" background="images/up01.jpg" width="1000" height="60"><blockquote><blockquote><blockquote> <a name="start" id="start"></a> Транспортные услуги <a href="contact.htm">Контакты</a> </blockquote></blockquote></blockquote></td> </tr> <tr><td width="1000"> <!--2 table begin --> <table width="1000" b…

    Asked by bmgen,

    0 votes
    3 answers

  25. Проблема с банером

    Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?

    Asked by simonit,

    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