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. верстка баннера

    Здравствуйте. Осваиваю фреймворк Bootstrap и возникли некоторые сложности. Необходимо чтобы над горизонтальным меню был баннер такой же шириной как и меню. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Пример Bootstap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row-fluid"> <div class="span11"> <div class="banner"&…

    Asked by prizrak39,

    0 votes
    5 answers

  2. Проблемма с блоками в опере

    Подскажите, как решить данную проблемму. Блоки в опере почему-то отображаются с промежутком в 1px, причем в других браузерах все нормально, суть в том что должно быть два блока, правый и центральный, но промежутка быть не должно. Скриншот ниже. Спасибо В CSS ничего такого вроде нету..

    Asked by Noraad,

    0 votes
    5 answers

  3. как заставить элементы видеть друг друга

    брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если ски…

    Asked by stDragon,

    0 votes
    2 answers

  4. Отображение блока div поверх flash-анимации

    Доброго времени суток! Помогите решить проблему: На странице есть iframe, который подключает файл с флеш-роликом: <iframe src="../../360_240х400.swf" width="240" height="400" frameborder="no"></iframe> И есть див, выезжающий сбоку экрана (форма обратной связи и все дела). Вот этот див, когда он выезжает, оказывается под флеш-анимацией. Причем, только в Хроме. Подскажите, в чем может быть косяк и как его устранить? Заранее спасибо!

    Asked by Ex.clusive,

    0 votes
    1 answer

  5. 2 бордера или как иначе?

    Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…

    Asked by RandyHot,

    0 votes
    4 answers

  6. Область с прокруткой и выходящие за её пределы элементы

    Задача: есть список, который прокручивается в определённой области. По наведению на элементы этого списка всплывают подсказки. Подсказки асолютно позиционированы и выходят за пределы того элемента, над которым всплывают. Список прокручивается в области с overflow:auto. Естественно, что и подсказки не могут выйти за пределы области, в которой прокручивается список, хотя на крайних элементах это нужно. Как правильнее поступить в этой ситуации?

    Asked by LittlePony,

    0 votes
    5 answers

  7. свойство visibility для тега col не работает?

    http://jsfiddle.net/XYwFE/ По задумке ячейки с классом "hide" должны быть полностью скрыты, но скрыт только контент. Более того, если сделать так вообще глупость получается. Почему так?

    Asked by stalker_2000,

    0 votes
    2 answers

  8. Два разных ol li ul li на одной странице

    Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…

    Asked by DedMoris,

    0 votes
    5 answers

  9. Глупая проблема

    del, лаги браузера чтоле

    Asked by Ergonav,

    0 votes
    0 answers

  10. Более компактное построение Div-ov.

    Решили сделать что-то вроде микро-блога для новостей. Не могу сообразить, как сделать так, чтобы не было отступов между двумя дивами в разных строках, если в верхней строке есть див, с большей высотой чем первый. В общем чтобы дивы выравнивались не по нижней границе строки, а по нижней границе дива, над ними, если есть место. http://epicforever.ru/ На фейсбуке сделанно через упорядоченные списки.. но думаю можно проще. http://jsfiddle.net/rR8WU/ вот так Сейчас. Нужно чтобы див слева во 2 строке был сразу под дивом в 1 строке. Заранее спасибо.

    Asked by Briss,

    0 votes
    3 answers

  11. Не могу найти нужную инфу по тегу div

    Как в тег div вставить страницу html(использовать ее как меня) нужно для практики в домашнем варианте. Заранее спасибо за помощь, извиняюсь если это глупый вопрос...

    Asked by plotonij,

    0 votes
    2 answers

  12. Централизация текста

    http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }

    Asked by Bernard,

    0 votes
    4 answers

  13. Проблема вёрстки под iPad

    Сверстал сайт - http://appstore73.ru/ Хром, Ие, Файрфокс, Опера - всё норм, но под айпедом следующая картина Всё перепробовал, исправить не могу. В чём может быть проблема? Таблица стилей - http://appstore73.ru/css/style.css и резет - http://appstore73.ru/css/reset.css Читал, что ширина страницы не должна превышать 1000px, пробовал уменьшить до 999px - уже лучше, но справа всё равно отступ есть.

    Asked by denisyok,

    0 votes
    2 answers

  14. Проблема со стилями!

    Добрый всем час уважаемые посетители форума. Имеется проблема, которую было бы хорошо решить как можно быстрее. Обратился к вам. Мб есть ответ уже на форуме или в гугле, но все же, решил у вас спросить. Имеются стили: img{ width: auto\9; /* ie8 */ height: auto; width:auto; width:100%; max-width: 100%; } Они собственно для всех img на странице. Тут все понятно. Но, вот в чем собственно вопрос, для одного изображения, мне нужны совершенно другие стили. Поступил я так, присвоил ему id="img_test" и написал так: img#img_test{ width: auto\9; /* ie8 */ height: auto; max-width: 100%!important;} Но, изображение все равно придерживается основных стилей. Как поменять при…

    Asked by Skiffsc,

    0 votes
    5 answers

  15. GIMP - шрифты

    Добрый день! Кто-нибудь пользуется GIMP? Не подскажете, как в нем определить шрифт текстового слоя в макете psd? В Photoshop посмотрела - вроде там все просто. Щелкаешь интсрументом Текст на нужном тексте - и в параметрах инструмента тут же отображается шрифт. В GIMP это, похоже, не срабатывает.

    Asked by ElisaD,

    0 votes
    2 answers

  16. Проблемы Сервер Denwer...

    Установил сервер Denwer, запускаю, прописываю localhost, не выдает страницы показывающей что сервер работает, в окне сервера идет отчет времени назад, 30 секунд и он закрывается, в чем проблема, кто подскажет? Заранее спасибо... PS мультипостинг не приветствуется на данном форуме.

    Asked by Reenjeer,

    0 votes
    10 answers

  17. Ie не поддержал градиент кнопки

    Делаю кнопку с градиентом,казалось бы просто,но опера градиент не отображает!я так поняла у оперы проблемы с градиентом,но и IE 9 градиент не отобразил,хотя я вставила фильтр специально для IE. Во всех остальных браузерах проблем с отображением градиента у меня не возникло в данном примере.Что я делаю не так,подскажите,пожалуйста. Мой код здесь http://jsfiddle.net/eleonore/faVkX/

    Asked by eleonore,

    0 votes
    9 answers

  18. Приоритет стиля

    Как правильно определяется приоритет стиля? В Самоучителе используется система начисления "баллов" за каждый использованный в правиле селектор (от 1 до 1000). И это означает, что если в правиле используется 11 классов/псевдоклассов/атрибутов (гипотетически), то они набирают 10х11=110 баллов и "перебивают" правило с id у которого 100 баллов. По этой системе выходит, что более приоритетный селектор возможно перекрыть, используя более 10-ти селекторов из предыдущего "класса приоритетности". В другом источнике мне попадалась информация, что никакого подобного подсчета не производится, а приоритет определяется типом селектора. И id всегда будет выше всех любых классов, псевдок…

    Asked by Kray Storm,

    0 votes
    2 answers

  19. Калькулятор-который умножает одно число на другое!

    Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз

    Asked by vova1212,

    0 votes
    8 answers

  20. font-size в процентах

    Где посмотреть - от чего отсчитывается процентное указание высоты шрифта для разных тегов. Пример - если указать размер для body, то у таблицы высота шрифта не изменится. Ещё пример: обернул таблицу в DIV и назначил DIV-у размер шрифта, у таблицы ничего не назначал, в DIV-е шрифт изменился, у таблицы - нет. Поставил для таблицы шрифт в процентах, в результате, размер шрифта в таблице стал относительным к DIV-у. Спасибо

    Asked by skvor,

    0 votes
    8 answers

  21. Хочу сайт!

    Привет всем! Загорелось мне тут создать в личных целях некий он-лайн словарь наподобие такого http://www.gramota.ru Посоветуйте какой движок лучше подойдет для этих целей? И где найти подобный шаблон? Не сильно серчайте, если что не так....

    Asked by indigenty,

    0 votes
    17 answers

  22. Как закруглить DIV с картинкой внутри?

    Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =) Вот такой код не работает, если изнутри убираю картинку то уголок закругляется... <div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;"> <img src="Pics/LogoBottom.jpg" /> </div> =) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )

    Asked by HappyUser,

    0 votes
    4 answers

  23. Интерактивная Форма

    Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.

    Asked by rentony,

    0 votes
    3 answers

  24. Не работают ссылки

    Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …

    Asked by vzdrizd,

    0 votes
    2 answers

  25. Как сделать такой фон?

    У меня вопрос. Вот картинка: http://savepic.ru/3517825.jpg . Подскажите, как сделать такой фон. Заранее благодарен.

    Asked by joke,

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