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

    Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…

    Asked by Hol1killer,

    0 votes
    6 answers

  2. text-rendering и image-rendering

    Кто-нибудь использует эти свойства? Я знаю, что довольно специфичные (только FF), но мне показались любопытными. Только я так и не понял точно про что они и, почему-то в ФФ последнем я не вижу вообще разницы? Стоит ли вообще уделять им внимание? MDN htmlbook

    Asked by alexandr_v-vich,

    0 votes
    3 answers

  3. id и class одновременно

    Всем хорошего дня.Вопрос скорее всего глупый , только явного ответа на него в гугле я не нашел. Подскажите пожалуйста ,правильна ли запись вида <p id="main_text" class="main_text">Text</p> где id , я оставляю для движка (программиста) и вообще его не трогаю в стилях ,в CSS же пользуюсь только классами ?

    Asked by Melnik,

    0 votes
    13 answers

  4. Три div-a подряд

    Доброго всем дня! У меня такая проблемка возникла весь день голову ломаю на форум пришел из крайних мер(( В общем в этом деле я новичок и прошу помощи! У меня есть блок в котором имеются ещё 3 блока(левый,центральный и правый),у левого и правого ширина одинаковая а средним надо заполнить всё оставшиеся место между левым и правым блоком...да что я рассказываю взгляните сами: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" ty…

    Asked by mopnex161rus,

    0 votes
    5 answers

  5. Браузеры не видят изменения в css

    На движке который я использую есть стандартный шаблон. Сразу после установки движка, я начал рисовать новый шаблон. Некоторые элементы со старого я решил не менять. И вот пару дней назад скопировал с css стандартного шаблона кусок кода и вставил в свой. Но на странице где должны были произойти изменения ничего не получилось. Хотя код есть в исходнике. Место расположения файлов не менял. Такое самое и на тестовом сайте. P.S. Если менять код который идёт еще перед тем который я вставил, то всё меняется и реагирует. Помогите решить проблему.

    Asked by Plany,

    0 votes
    2 answers

  6. Обтекание блока другими блоками

    Добрый день! Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6). Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше. Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..

    Asked by mSnus,

    0 votes
    8 answers

  7. Проблема с float в IE

    Добрый день уважаемые форумчане. При верстке страницы возникла следующая проблема в браузере IE: На странице имеется менюха, сверстанная следующий образом: HTML <ul id="steps_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> CSS #steps_ul li { float:left; } #steps_ul li a { display:block; width:114px; height:99px; background-image:url(../images/general/steps_normal.png); background-repeat:no-repeat; Под ней расположен div блок (смотреть картинку) фиксированного размера. Насколько мне известно, когда элементу присваивается float, он ста…

    Asked by nazarlee,

    0 votes
    0 answers

  8. Растянуть блоки по высоте средствами css

    Стандартный шаблон общий контейнер, шапка, середина(в середине два блока слайдбар и контент) ну и футер. Общий контейнер wrapper растянут по высоте 100% (html & body естесвенно высотой 100%), внутри контейнера #wrapper шапка #header сайта фиксированной высоты, ниже контейнер середины сайта #middle для размещения блока сладйбара и блока для контента. Футер прижат к низу сайта стандартными средствами. Проблема: При малом наполнеии слайдбара #sidebar и контента #content которые имеют свои бэграунды получается дыра до футера. Вопрос: вообще возможно растянуть блоки слайдбара и контента до футера средстваи css? P.S. Табличную весртку не предлагать, JS тоже. Выравнивать …

    Asked by Protey,

    0 votes
    11 answers

  9. проигрыватель mp3 на html страничку

    подскажите какой-нить порядочный проигрыватель для HTML сайта. Сайт-визитка группы и несколько треков хотелось запихать туда для онлайн-прослушивания......вот как вконтакте. Юзал теги <audio controls> <source src="audio/the_revolution_europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/the_revolution_europa.mp3">Тогда скачай трек</a>. <br /> </audio> норм, да только он подкглючивает при перемотке и параллельно запускаются по нескольку песен пока не вырубишь предыдущую....(если понятно объяснил) вот пример:

    Asked by xSPiRiTx,

    0 votes
    1 answer

  10. Высота блока

    Есть такая навороченная страница http://fluke-rf.ru/index.php?id=3 Проблема в том, что серые блоки разной высоты, и если внутри блока почти нет текста - блоки начинают некрасиво налазить друг на друга. Подскажите, как справиться и сделать так, чтобы блоки не наезжали?

    Asked by Bredova,

    0 votes
    2 answers

  11. Не крутиться галерея

    http://webtyz.ru/lessons/171010/demo/index.html - вот эту красоту хотелось бы прицепить, все прикрепила, ВРОДЕ вылазит первая картинка, и всЁ стучусь головой об клаву - что не так сделала, помогите, плз, это уже вторая карусель, которая у меня не крутится((( <html> <head> <title>Spacegallery</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <style> #menuCarousel { height:390px; margin:90px auto 120px; position:relative; width:800px; background-color:blue; } #menuCarousel .arrow { width:44px; he…

    Asked by ыра,

    0 votes
    2 answers

  12. Проблема обтекания картинки текстом

    Добрый день, вот какая проблема возникла, вставляю картинку задаю отступы, в админке ставиться, а в браузере на самом сайте текст вплотную к картинке, в общем помогите пожалуйста, что не так у меня сделано, вот скрин на нем все понятно в чем проблема:

    Asked by AlexZandr,

    0 votes
    6 answers

  13. Проблема с отображением блока изображений в IE

    Здравствуйте. Проблема с отображением блока в ИЕ т.е. он вообще не показывается. Мне нужно, чтоб он заработал в ИЕ > 6 версии. В других браузерах все отлично отображается. Вот код, который отвечает за вывод блока: <div> <div style="float:left;width:410px;text-align:center;position:absolute;top:245px;"> <a href="/node/28" class="imagecache imagecache-90_90 imagecache-linked imagecache-90_90_linked"> <img src="397-2001-thickbox.jpg" alt="" title="" class="imagecache imagecache-90_90" width="90" height="90" style="margin:0 7px 0 0;padding:3px;" /> </a> <a href="/node/28" class="imagecache imagecache-90_90 imagecache-linked imagecache-90…

    Asked by darmoid,

    0 votes
    3 answers

  14. Background в 3 слоя

    Помогите сообразить пожалуйста. нужно бэкграунд составной сделать. Общий фон идет текстурой, и уже на общем фоне по обе стороны сайта нужно вставить картинки: как я понимаю можно сделать через абсолютное позиционирование, но при сжатии окна картинки будут залезать поверх основного блока сайта..

    Asked by ViES,

    0 votes
    11 answers

  15. WAP и WEB

    Как сделать так, чтобы при попадании на сайт с компьютера открывалась WEB-версия сайта, а с телефона WAP-версия?

    Asked by Matei,

    0 votes
    0 answers

  16. Изменение стиля маркера.

    Добрый день! Как сделать так чтобы элемент #div_after шел после содержимого элемента #div с фиксированной высотой? <style> #div { background: #fcc; height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Как должно быть и как есть: Решение тут. Проблема подробнее: Пытаюсь контролировать стиль маркера не через картинку или свойство list-style, а через css свойства height, width, background, и т.п. Одна проблема: при переносе строки во вложенном в список элементе div (можно использовать другой, к примеру span), эти строки загораживают следующий элемент т.е…

    Asked by Webkit,

    0 votes
    21 answers

  17. Создание интерактивного справочника

    Цель: разработать оффлайн справочник, который бы открывался с флешки или CD-диска. Будут добавляться слова например машина, интернет, дом... по тематике. При помоши поиска находятся слова - по клику к слову - отображается видео - значение слова на жестовом языке. Такая вот задача. Как можно реализовать? Может быть есть CMS движок который работает с txt базой даных? или инструменты для создания такового? Где то я уже видел такое - офлайн справочник с видео уроками, т.е. есть заголовки - кликаешь и смотришь видео. я так думаю что эти заголовки содержать будут в себе слово которое потом при открытии будет видео с жестом. сейчас набросаю макет. очень надеюсь что кто то под…

    Asked by feniks81,

    0 votes
    2 answers

  18. Почему блочные элементы не обтекают float-блоки?

    Почему блочные элементы не обтекают float-блоки, а выводятся игнорируя их? И почему свойство clear не работает для строчных элементов? Т.е. если установить clear для строчного элемента, то он не перенесётся под float-блок?

    Asked by dump,

    0 votes
    1 answer

  19. К кнопке не применяются стили

    Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …

    Asked by nightgremlin,

    0 votes
    4 answers

  20. Как прилепить футер слева внизу страницы

    Доброго времени суток. Перепробовал массу вариантов, может кто тоже сталкивался с такой проблемой. Нужно сделать футер внизу слева, чтоб спускался вместе с резиновым основным блоком или поднимался если текста мало. Но на деле получается он стоит в середине или далеко внизу. Буду благодарен за любые советы, но желательно все это сделать в css, хотя уже начинаю думать что невозможно =) Страницу с кодом можно посмотреть здесь http://promalp-technology.ru/. По ссылке на изготовление рекламы маленький объем текста. Заранее всем спасибо.

    Asked by Makintosh,

    0 votes
    0 answers

  21. Вложенные min-height

    Тема закрыта.

    Asked by DesiresDesigner,

    0 votes
    0 answers

  22. Две coda slider

    День добрый. Кто пробовал объединить две coda slider? Только не друг после друга, в одна в другой? Например: jsfiddle.net/XtQEL/ Или может подскажите аналоги coda slider? Чтобы динамически менялись высоты у блоков.

    Asked by npofopr,

    0 votes
    2 answers

  23. Проблема

    Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.

    Asked by Webkit,

    0 votes
    4 answers

  24. Menu в WordPress через wp_nav_menu

    Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.

    Asked by TrueTrue,

    0 votes
    19 answers

  25. Разрывная линия через текст

    Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …

    Asked by Svatov,

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