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. Как в % уменьшить размер всех элементов в div'e

    Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке

    Asked by Walk,

    0 votes
    3 answers

  2. как в <input type="text" /> описать href и style hand

    Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …

    Asked by yok,

    0 votes
    4 answers

  3. Как в <option> установить свой размер шрифта и цвета?

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

    Asked by rug_1,

    0 votes
    3 answers

  4. как в css при наведении на картинку плавно менять размер

    подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …

    Asked by greenggc,

    0 votes
    4 answers

  5. Как в css прописать стиль текста для UL?

    Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?

    Asked by VjikZel,

    0 votes
    1 answer

  6. Как в CSS сделать вот так?

    Здравствуйте, я только начал заниматься версткой, и наткнулся на проблему. Как при помощи CSS сделать шапку сайта вот такого вида? (без голубых полосок)

    Asked by Lomovskiy,

    0 votes
    2 answers

  7. Как в CSS-селекторе учесть пробелы в аттрибутах class и id?

    Есть пример из трех дивов <div id='a1'> a1 </div><br> <div id='a2'> a2 </div><br> <div id='a1 a2'> a1 a2 </div><br> Как должен выглядеть селектор, если требуется обратиться третьему диву, не затрагивая 1-и и 2-й? Такой селектор почем-то не работает .a1 a2

    Asked by freeneutron,

    0 votes
    5 answers

  8. Как в CSS2 задать что-то типа переменных (идентификаторов)?

    Никак не могу понять как это делается (и делается ли вообще). Т.е. например, можно ли задать переменную color01 = "#e00", а затем при описаниия стиля использовать идентификатор color01 вместо цвета? Или как можно сделать (может через наследование) что-то вроде этого: .t1 { background-color: #e00; border: 1px solid #fff} а затем каким-то образом "подключить" уже описанный ранее стиль, чтобы вместо кода: .t2 { background-color: #e00; border: 1px solid #fff; width = 20%} написать что-то вроде: .t2 {style="t1"; width=20% } Читал спецификацию по CSS2, так и не понял принципов наследования. Помогите кто-нибудь или дайте хотя бы ссылку на нормальную книжку про CSS!

    Asked by retk213,

    0 votes
    13 answers

  9. Как в herf добавить переменную?

    Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Переход</title> <script> function someFunc(){ alert(document.getElementById("quantity").value); } document.getElementById("doc").onclick = someFunc; var link = document.getElementById("doc").value; </…

    Asked by pug1n,

    0 votes
    1 answer

  10. Как в htaccess открыть html страничку?

    Приветствую! Подскажите как в htaccess открыть страничку files.html ? ErrorDocument 400 / ErrorDocument 401 / ErrorDocument 403 / ErrorDocument 404 / ErrorDocument 500 / <IfModule mod_dir.c> DirectoryIndex index.html$ index.php </IfModule> <Files cron.php> deny from all </Files> RewriteEngine On RewriteRule ^$ index.php RewriteRule ^register$ index.php?id=add RewriteRule ^search$ index.php?id=search RewriteRule ^contact$ index.php?id=contact RewriteRule ^server-([0-9]+)$ index.php?id=info&serv=$1&info=$1 [NS] RewriteRule ^all_servers$ index.php?id=all_servers RewriteRule ^userbar-([0-9]+).jpg$ userbar.php?id=$1 RewriteRule ^server-([…

    Asked by IOzer,

    0 votes
    6 answers

  11. как в html делается аналог тега background-repeat: "no-repeat"

    как он выглядит в теле?

    Asked by vovchikku,

    0 votes
    1 answer

  12. Как в html страницу вкрутить просмотр видео?

    так как это выглядит на yourtube для CMS такие решения есть, а для обычного сайта на html? заранее спасибо

    Asked by vovchikku,

    0 votes
    2 answers

  13. Как в html5 в "резиновой" странице сайдбар разместить перед контентом, а не после?

    Подскажите пожалуйста, как приведённом примере резиновой страницы: http://habrahabr.ru/post/119127/ сделать, что бы сайдбар при сужении соскальзывал не ниже контента, а перед контентом?

    Asked by arthur1974,

    0 votes
    1 answer

  14. Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

    Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…

    Asked by Nightingale81,

    0 votes
    3 answers

  15. Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?

    Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…

    Asked by luxwood,

    0 votes
    1 answer

  16. Как в IE6 списки отобразить квадратиками и оранжевого цвета

    Народ, кому не сложно загляните по этому адресу - http://sendlab.ru/sympa/home, через IE6 Через Оперу полный порядок, а вот через IE6, маркеры превращаются в черные кружочки. Добавил "list-style: square;", но нет возможности проверить, как отображается в IE6. Ответьте, превратились ли кружочки в квадратики и как их сделать оранжевого цвета, как в Опере??? .mailing_lists_menu { padding: 10px; margin: 5px 2px 5px 2px; float: left; font-size: 1.1em; text-align: left; width: 40%; list-style: square; list-style-position: inside; } Спасибо.

    Asked by Alek7y7,

    0 votes
    2 answers

  17. Как в JavaScript отличить правую кнопку мыши от левой?

    Надо отличить правую кнопку мыши, от левой.. В событии OnMouseDown Причем чтобы работало и в Опере...

    Asked by OneginZheka,

    0 votes
    4 answers

  18. Как в JavaScript растянуть картинку только по ширине

    document.images[0].width+=1; вот это растягивает и высоту тоже, пропорционально можно ли скриптом растягивать ТОЛЬКО в ширину?

    Asked by OneginZheka,

    0 votes
    4 answers

  19. Как в joomla 2.5 указать пункту меню путь на главную?

    При создании и редактировании пункта меню, как указать просто переход на главную страницу? Есть обычно меню..Главная Статьи Поиск Контакты... Так вот как кнопку главная сделать направляющей на главную страницу?

    Asked by Noraad,

    0 votes
    4 answers

  20. Как в materializecss добавить вроде доп текста

    Всем привет, Обычное поле с лейблом в materializecss выглядит как : <div class="row"> <div class="input-field col s12"> <input id="email" class="validate" type="email"> <label for="email" data-error="wrong" data-success="right" class="">Email</label> </div> </div> Подскажите, как можно добавить ниже инпута что-то вроде доп текста: <p class="help-block">Name of Attribute. Must be unique in system.</p> Чтобы было красиво и в стиле materializecss ? Спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  21. Как в php-письме текст выделить bold'ом

    Добрый день, Уважаемые! Уже перерыл весь гугл, но никак не могу понять следующий вопрос. Через php отправляю письмо, оно приходит, но bbcode хоть в хтмльном хоть в таком виде приходят все равно как есть, bold не срабатывает. Например отпрвляю такой текст: <b>Необходимые инструменты</b> - Молоток - Гвоздодер Приходит письмо ровно с тем же текстом: <b>Необходимые инструменты</b> - Молоток - Гвоздодер Что читать, что делать?

    Asked by jomcat,

    0 votes
    2 answers

  22. Как в XML файл вставить другой XML файл ?

    С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?

    Asked by itwoker5,

    0 votes
    3 answers

  23. Как в данном случае работает наследование?

    Здравствуйте! Есть такой код css html, body {width:100%; padding:0; margin:0;} body {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;background:#F6F8F7;padding:0 40px ;} body .wrap-body{} И собственно HTML (весь не пишу только часть) <body> <div class="wrap-body"> <div class="header"> <div id='cssmenu' class="align-right"> <ul> <li class="active"><a href='index.html'><span>zSawyer</span></a></li> <li class=' has-sub'><a href='archive.html'><span>Blog</span></a> <ul> <li class='has-sub'><a …

    Asked by tigrus2014,

    0 votes
    3 answers

  24. Как в ИЕ6 флоальнутым блоком растянуть контейнер, у которого overflow: hidden?

    Приветствую верстальщиков! Необходима ваша помощь. Не знаю, как заставить в IE6 растянуться контейнер, в котором лежит прифлоаченный бокс с содержимым. Вот схематически показываю ситуацию: HTML: <body> <div class="wrapper"> <div class="column">Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст</div> </div> </body> CSS: html, body { margin: 0; height: 100%; } .wrapper { background: #CCC; overflow: hidden; min-height: 50%; position: relative; } * html .wrapper { height: 50%; } .column { background: #FF9; width: 200px; float: left; padding-botto…

    Asked by Torm,

    0 votes
    6 answers

  25. Как в конкретном случае всё уместить в окно

    Пациент: http://demo.imatte.us/fomru/messages.html Необходимо, чтобы чат по высоте был максимум до нижней границы браузера как в VK/FB. Подскажите, как это сделать?

    Asked by posthack,

    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