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. Постоянная hover-кнопка

    Здравствуйте! Как можно реализовать следующее? Предположим есть меню: <a>Главная</a> <a>Новости</a> <a>Галерея</a> Мне нужно, чтобы, когда я нахожусь на странице "Новости", ссылке "Новости" придавался псевдокласс :hover

    Asked by Dimusyan,

    0 votes
    8 answers

  2. Постоянное изменение left в jquery

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…

    Asked by ErUnDAK,

    0 votes
    4 answers

  3. Постоянный цвет элемента после клика по ссылке

    Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/

    Asked by Delat,

    0 votes
    15 answers

  4. Постояный размер фрейма

    Как задать постоянные размеры в dreamweaver? на пример topframe будет с шириной = 900 и высотой = 400 как это можно сделать в коде frameset rows="115*,311*" cols="*" Почему для строк используется 2 значения?

    Asked by alvaros,

    0 votes
    2 answers

  5. Постраничная навигация

    Нужна навигация по данным страницам вида: « Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя »с последующим добавлением страниц с данными вида <p class="data">5 июля 2014 года</p> или <p class="data">5 июля 2013 года</p> в архив (числа и месяцы любые):« Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя » Архив новостей Какие есть варианты решения моего вопроса без использования базы данных?

    Asked by Totalist,

    0 votes
    12 answers

  6. Построение URL

    Подскажите пожалуйста: как бы вы посоветовали строить урлы и "хлебные крошки" с точки зрения удобства навигации? Допустим, подразумевается следующая структура: Заметки | |___Компьютеры | | | |___NIX | | | |___Windows | |___Веб | |___html/css | |___cms Сначала хотелось структуру а-ля /заметки/компьютеры/никс/имя_статьи, но эта конструкция кажется слишком длинной, хоть и позволяет прямо из адресной строки перейти в родительский раздел. Но, с другой стороны, есть же еще breadcrumbs. Может, оставить что-то вроде /заметки/имя_статьи (только верхний раздел) или никс/имя_статьи (только родительский), а остальную с…

    Asked by hedgehog,

    0 votes
    4 answers

  7. Построение графика с Excel

    Доброе утро )) У меня вопрос, можно ли с помощью excel тоесть данные которые есть в нем, выводить в виде графика в html ? если да то подскажите где искать ?

    Asked by Homavi,

    0 votes
    1 answer

  8. Построение интерактивной карты с Raphaël (нужна помощь)

    Здравствуйте! Нужна маленькая помощь... может и не маленькая... Как-то на сайте рассматривалась тема "Построение интерактивной карты с Raphaël", http://htmlbook.ru/blog/postroenie-interaktivnoi-karty-s-raphael очень заинтересовал один вопрос... А возможно ли в init.js там где атрибут fill выставить для каждого объекта (страны) изображение, скажем флаг страны? ( я там уже отметился с вопросом, может тут быстрее поможете, очень интересует такая возможность) Помогите, пожалуйста, дайте дельный совет! Заранее благодарен!

    Asked by Женик,

    0 votes
    0 answers

  9. построение страницы в браузере

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

    Asked by ShumNo,

    0 votes
    8 answers

  10. Построил разметку с помощью Flexbox

    Правильно ли я сделал? http://www.cssdesk.com/DynC2

    Asked by DivMan,

    0 votes
    0 answers

  11. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  12. Построчный перенос пунктов меню

    Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…

    Asked by caprella,

    0 votes
    4 answers

  13. посчитать высоту ячейки таблицы

    на странице фактическая высота ячейки .calendar tbody tr.up td такая. согласно css она должна быть такая непонятно как высчитывается высота ячейки. помогите пожалуйста разобраться

    Asked by cyklop77,

    0 votes
    1 answer

  14. Посчитать остаток ширины

    Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});

    Asked by kattiperk,

    0 votes
    2 answers

  15. Посьба помощи по SMARTY

    День добрый! Я очень сильно извиняюсь что я с тупыми вопросами к вам, но я только начал изучать SMARTY параллельно с написанием нового сайта и стал вопрос. Есть функция которая рекурсивно генерирует меню беря данные из БД: function menu_create($pid=0, $level=0) { global $db; // Сейчас запросим у БД меню $query = "SELECT id, name, URL FROM ".MENU_TABLE." WHERE `parent_id`='{$pid}' ORDER BY `priority` ASC;"; // Возьмём меню if( !($res = @$db->sql_query($query)) ) { message_die(CRITICAL_ERROR, "Невозможно получить меню системы", "", __LINE__, __FILE__, $query); } // Выясняем что с этим всем теперь делать и делаем $whid = 0; // Обнулим счётчик итераций $nums…

    Asked by markers,

    0 votes
    3 answers

  16. Потерял статью

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

    Asked by gare4ka,

    0 votes
    2 answers

  17. Потомок прячется за полосой прокрутки

    Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

    Asked by yaparoff,

    0 votes
    1 answer

  18. Потянуть фон

    Не пойму в чем дело, вот стиль: td.header1 { background: url(images/bg1.jpg) repeat-x; height: 154px; } применяю это к двум ячейкам в таблице, но все равно видно стык: Как правильно поступить в данном случае?

    Asked by okunev2,

    0 votes
    7 answers

  19. походу запутался в тэгах таблиц

    приветы. запарился блин пол дня прокопался на месте, но тока мозг забил себе :1128: походу запутался где-то в таблицах. через Dreamveawer пробовал - ни фига не получилось :1128: верстальщик из меня никакой. делаем сайт для группы, я вот на скрине набросал как хочу сделать: фрейм со страницей вставить не могу и в таблицах уже запутался :1128: и изображения на лого криво становятся прикладываю архив со страничками: http://zalil.ru/32579081 либо вот еще html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> <!-- …

    Asked by xSPiRiTx,

    0 votes
    9 answers

  20. Похожие новости

    помогите с кодом. хочу чтоб в полной новости выводился блок похожих носостей. сейчас есть только надпись "похожие новости" файл fullstory.ptl имеет код {full-story}<br /><br /><b>Похожие новости:</b><br /><span class="related-news-ul">{include file="sorting.tpl"}</span></td></tr></table></div> т.е ссылается на sorting.tpl файл sorting.ptl имеет код <!-- S-arts Copyright © --> <noindex> <script language="javascript" type="text/javascript"> <!-- var dle_rn_root = '/'; var dle_rn_place = 'all'; var dle_rn_news_id = 'e8830479dcde699b63ef4403531c40b3'; var dle_rn_group =…

    Asked by furaixp,

    0 votes
    0 answers

  21. Похожий эффект на HTML...

    Что нибудь похожее с графиком можно сделать не на флеш? http://www.videorip.info/kakoj-programmoj-vy-predpochitaete-kodirovat-video

    Asked by brabrobri,

    0 votes
    2 answers

  22. Почему

    Подскажите, почему я не могу поменять бэкграунд? body1 { font-family: Helvetica, Arial, sans-serif; font-size: 11px; } p1 { line-height: 1.5em; } ul#menu, ul#menu ul { font-size: 12px; list-style-type:none; margin: 0; padding: 0; width1: 15em; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top: 1px; width: 100%; } ul#menu li a { background: transparent; back:#333; color: #fff; padding: 0.5em; } ul#menu li a:hover { background: orange; color: #333333; back: #000; } ul#menu li ul li a { background: #1b1c30; back: #ccc; color: #dfddc1; padding-left: 10px; } ul#menu li ul li a:hover { ba…

    Asked by lessless,

    0 votes
    1 answer

  23. Почему "border" синий какой-то?

    Почему у изображений "border" синий какой-то? http://sylvesterstallone.narod.ru/galleryrus.html/

    Asked by Sheena,

    0 votes
    4 answers

  24. Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?

    Помогите пожалуйста разобраться. Вот на этой странице участок кода http://tri4.ax3.net/akado_ural/menu2.html Из-за этого получается ужасный эффект прыгающего меню ((

    Asked by warobushek,

    0 votes
    16 answers

  25. Почему apple подключает eot шрифты отдельно ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…

    Asked by Димитрий,

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