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. Зацентровать слой с position: absolute;

    Возможно ли такое? можно сделать так чтобы слой допустим отчитывал пикселы не от края окна браузера, а от края таблицы? CSS: #menu { position: absolute; top: 107px; left: 255px; width: 100%; height:100%; overflow: hidden; } HTML: <div id="menu"> <table > <tr> <td height="120" width="100" bgcolor="ddffdd" > <a href="index.html">главная</a> <a href="ot4et.html">отчет</a> <a href="doc.html">документы</a> <a href="history.html">история</a> <a href="today.html">сегодня</a> </td> </tr> </table> смысл таков: хочу сделать страницу слоями, но чтобы она всегда бы…

    Asked by bART,

    0 votes
    4 answers

  2. зацикливание анимации css

    Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…

    Asked by anutti,

    0 votes
    2 answers

  3. Зациклить анимацию картинки css

    Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…

    Asked by qhiey,

    0 votes
    4 answers

  4. зачем getElementById

    В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3&lt…

    Asked by rgl,

    0 votes
    1 answer

  5. Зачем в бутстрапе для navbar есть Static top?

    Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;

    Asked by borus,

    0 votes
    2 answers

  6. зачем использовать position: relative

    Приветствую товарищи. Изучаю CSS. Объясните пожалуйста, зачем использовать position: relative без указания значений top и left? ведь объект остается на том же месте и без position: relative.

    Asked by Arroyo,

    0 votes
    2 answers

  7. Зачем использовать решетку?

    В теге <a href="">Nyak</a> Погуглив нашла: http://www.artlebedev.ru/tools/technogrette/html/links/ Статья 2006года... "если оставить href пустым, то MSIE интерпретирует ее как ссылку на текущую директорию. Например, если страница имеет адрес /folder/page.html, то href="" внутри такой страницы ссылается на /folder/. Остальные браузеры интерпретируют пустой href как ссылку на текущую страницу. " И до сих пор во многих туторах используют решетки, хоть и верстают только для хрома, фф и сафари.

    Asked by L1nx,

    0 votes
    1 answer

  8. зачем нужен bootstrap

    Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.

    Asked by SoFuWa,

    0 votes
    4 answers

  9. Зачем нужен position:relative ?

    Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.

    Asked by Andrey44,

    0 votes
    7 answers

  10. Зачем нужен тег?

    Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....

    Asked by Mr.Black,

    0 votes
    3 answers

  11. Зачем нужна следующая конструкция в CSS

    Наткнулся на конструкцию: .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} Зачем в ней ставится "." после блока clear, и зачем переопределяются свойства display, сначала одно, потом другое? Заранее спасибо!

    Asked by newенький,

    0 votes
    4 answers

  12. зачем нужны html, head, body ...?

    Я вот тут покалякал, выяснилось что абсолютно все бразуеры эти теги игнорируют полностью, то есть можно запихнуть куда угодно в тексте и он будет оттуда использован по назначению, а текст вне тагов сабжа отображается без проблем.И вообще есть где-нить описание этих подводных камней, как отображаются странички при неправильном расположении тагов, че делать если таг не закрыт, че делать если лишний таг и т.д.

    Asked by Centuri0n,

    0 votes
    7 answers

  13. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka,

    0 votes
    1 answer

  14. Зачем нужны комбинированные селекторы?

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

    Asked by Bertie,

    0 votes
    3 answers

  15. Зачем нужны новые теги html5?

    Добрый день. Зачем нужны такие теги как <menu>, <main> или <time>?

    Asked by Ururu,

    0 votes
    3 answers

  16. Зачем нужны шрифты в %, если браузеры одинаково масштабируют шрифты и в относительных и абсолютных значениях?

    После прочтения поста http://habrahabr.ru/post/42151/ я сделал тестовую страницу http://cssdesk.com/UCA4e с таким кодом внутри: body { font-size:100%; } текст не в параграфе <p style="width:200px; border:1px solid #ff0000;">текст внутри параграфа</p> <p style="width:200px; border:1px solid #ff0000; font-size:120%;">шрифт в процентах</p> <p style="width:200px; border:1px solid #ff0000; font-size:1.2em;">шрифт в em</p> <p style="width:200px; border:1px solid #ff0000; font-size:16px;">шрифт в пикселях</p> <p style="width:200px; border:1px solid #ff0000; font-size:12pt;">шрифт в пунктах</p> Хочется узнать, почем…

    Asked by clavin,

    0 votes
    11 answers

  17. Зачем отступы и высоты указывают в em?

    Доброго вечера, Подскажите, пожалуйста, зачем указывают размеры в em,а не px? Шрифтов не касаюсь, там понятно зачем. Пример: margin: 0 auto -5em; height: 5em;

    Asked by enhaster,

    0 votes
    1 answer

  18. Зачем прятать скрипты?

    Всем здравствуйте! Не знаю правильно ли я в выбрал рубрику?!?! Модераторы, поправьте. Вопрос такой: Зачем Руукки требует убрать скрипты с сайта??? Что это такое, на что это влияет, как это сделать???? Гуглил-гуглил - ничего вразумительного не нашел, может неправильный запрос делал??? Спасибо!

    Asked by Vic-Tor,

    0 votes
    3 answers

  19. зачем тут нужна явная высота

    в общем, такой вот код html <div class="header"> <div class="logo"><img src="images/logo.png" title="Школа водительского мастерства" alt="Школа водительского мастерства drive-style" /></div> <div class="epigraf"> <table border="0" cellpadding="0" cellspacing="0" width="99%"> <tr> <td class="slogan"><span class="blue">БОЛЬШЕ ПРАКТИКИ - </span><span class="red">МЕНЬШЕ СТАТИКИ!</span></td> <td class="mission"> Дух независимости и предчувствие приключений - лучшие лекарства от серых будней. Сердце бьется в унисон шума колес, тело и авто - единый механизм. Свободный, ка…

    Asked by kukumumu,

    0 votes
    7 answers

  20. Зачем указывать html в стилях?

    Приветствую сообщество. Я заметил в одном уроке по верстке тэг html при задании ширины, высоты и бэкграунда страницы. В уроке об этом нет ни слова, и выглядит как обычная необходимость. Мне не удалось найти информации относительно использования тэга html в стилях css, а очень хочется понять, в чем тут суть. Пример кода из урока: Вопрос - для чего же это был сделано? В чем секрет? В каких случаях и следует ли вообще его так использовать, или это просто ошибка автора?

    Asked by Raccoon,

    0 votes
    3 answers

  21. Зачем форме имя ? <FORM name ="имя_формы"

    Зачем форме имя ? Искал в инете некоторые пишут что используется только для Джавы. Так ли это?

    Asked by Gloft,

    0 votes
    3 answers

  22. Зачем это было сделано?

    Встретил такой код: <table class="html-email" width="100%" cellspacing="0" cellpadding="0" border="0">... Но на почту приходит страничка с таблицей без атрибута class="html-email". Это так, потому что html стандарт диктует отсутствие атрибута class у <table>? Тогда получается такой код был предложен разработчиком по запарке? Второй вопрос. Ширину столбца таблицы получается задать атрибутом width только в %. Другую ширину (в пикселях и т.п.) можно задать только через css?

    Asked by borus,

    0 votes
    1 answer

  23. Зачеркнутые ссылки на сайтах

    Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?

    Asked by aaron,

    0 votes
    4 answers

  24. Защита index.html

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

    Asked by businka,

    0 votes
    7 answers

  25. Защита адресов электронной почты

    :cool:Здоровенько всем, кто хотя бы чуть-чуть понимает что такое HTML и PHP. есть вот такой вопрос: на сайте необходимо выложить адрес эл. почты - надо защитить его от ботов. есть вариант ч-з <script type="text/javascript"> var text='ur.cezarbo!elas'; var link=true; var s=''; for(i=0;i if(link) document.write(''+s+''); else document.write(s); но он не отображается на страничке!!! всю голову сломал. у кого есть монтировка - помогите...

    Asked by Vega,

    0 votes
    1 answer

  • Обсуждения

    • 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