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. Прозрачный текст с тенью в Chrome

    Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?

    Asked by afdw,

    0 votes
    8 answers

  2. Прозрачный текст(можно ли это осуществить в CSS?)

    Задался таким вопросом: Можно ли создать с помощью СSS прозрачный текст?. В интернете искал, но не нашёл(не исключаю тот факт, что плохо искал) Помогите кто чем может.

    Asked by zjzulay,

    0 votes
    18 answers

  3. Прозрачный угол для каринки

    Сейчас создаю дизайн, задумался смогу ли я это реализвать. Есть объект, он статической высоты стической ширины, вот его фрагмент: Красным выделена своеобразная рамка, в правой части будет текст поэтому там опросов особо то и нету. А что касается картинки, я хочу сделать так, чтобы пользователь заморачивался лишь о высоте картинки и ни в коем случае вручную не обрезал уголки. Тоесть как сделать посредством css и html так, чтобы картинка в div с определенным классом сама себе обрезала уголки в нужном месте? Например вот этак картинка: Нужно чтобы когда её вставили в ДИВ получилось вот так: На что способен я, вы можете видеть в первом изображении. Идеи: Текст будет на фон…

    Asked by 92ave,

    0 votes
    26 answers

  4. Прозрачный угол у блока

    Добрый день. Помогите пожалуйста ) Нужно сделать эффект "загнутого уголка", но что бы под блоком был не однотонный фон. Чего-то, не могу придумать, как это реализовать: http://jsfiddle.net/1pkm61ou/

    Asked by dion,

    0 votes
    1 answer

  5. Прозрачный указатель

    Привет. Подскажите как верстают подобные прозрачные указатели на активную ссылку?

    Asked by ghrd,

    0 votes
    5 answers

  6. Прозрачный фон

    Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

    Asked by Отто-Могер,

    0 votes
    18 answers

  7. прозрачный фон

    Всех приветствую Столкнулся с проблемой, нужно сверстать страничку таким образом: 1. в самом низу лежит растянутая на весь экран картинка 2. на ней блок с полупрозрачным фоном пишу вот такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title> test </title> <style type="text/css"> html, body { margin: 0; padding: 0; } #background_image { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0.40; } #con…

    Asked by ]-[иколай,

    0 votes
    6 answers

  8. Прозрачный фон

    Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

    Asked by nickostyle,

    0 votes
    12 answers

  9. прозрачный фон png на ссылке Hover

    Подскажите решение для того что бы прозрачный пнг на a:hover работал.

    Asked by ArtOfHuman,

    0 votes
    2 answers

  10. Прозрачный фон в выпадающем списке

    Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…

    Asked by StormMan,

    0 votes
    6 answers

  11. прозрачный фон для gif изображения

    добрый вечер уважаемые форумчане. вот такой вопрос: у меня на страничке имеется n-ое кол-во изображений в формате gif, которые посредством javascript могут быть наложенны друг на друга... дело в том, что если одна картинка попадает на другую, то фон (белый) картинки, которая сверху виден на нижней...что не очень красиво. как на html, или может даже на css или javascript сделать прозрачный фон?? заранее спасибо.

    Asked by ???,

    0 votes
    15 answers

  12. Прозрачный фон у изображения

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

    Asked by Sinigamiruyk,

    0 votes
    7 answers

  13. Прозрачный цвет фона

    Подскажите пож-та, как сделать прозрачный цвет фона у DIV? <style> #blocks_box { background-color:black; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.30; opacity:0.30; } </style> <div id="blocks_box"> Здесь много текста... </div> Так не получается

    Asked by Ars_Art,

    0 votes
    46 answers

  14. Прозрачный цифры на фоне

    Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC

    Asked by greenastra,

    0 votes
    1 answer

  15. Проигрывание AAC на веб-страницах

    Всем привет . Как говорится в ваших правилах, сразу указываю свой сайт: http://russianquaker.ucoz.ru А дело вот в чём. Я размещаю на своём сайте разные музыкальные треки, если точнее, то демо-отрывки и с низким битрейтом в онлайн-прослушивании, т.е. исключительно для ознакомления здесь и сейчас (а пользователь далее сам решит, искать ли ему остальное творчество артиста или нет, тем более необходимые ссылки привожу...). Я упомянул про низкий битрейт, а раз для ознакомления здесь и сейчас, значит очень низкий битрейт. И тут столкнулся с одним нюансом. Мне кажется, тема довольно-таки популярная должна быть, но однозначного решения я так и не нашёл, поэтому прошу вашей помощ…

    Asked by RussianQuaker,

    0 votes
    9 answers

  16. Проигрывание mp3 в фоновом режиме

    Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.

    Asked by Fid,

    0 votes
    11 answers

  17. Проигрыватель

    Народ помогите, горю!!!! Мне нужен код плеера, для того чтобы воспроизводить видео на сайте!!! Я с этим не сталкивался и ничего не знаю по этому поводу!!! Что вы посоветуете????? Помогите, нужно позарез!!!

    Asked by sufokol,

    0 votes
    5 answers

  18. проигрыватель 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

  19. Проигрыватель wav

    Добрый день! Подскажите, как установить проигрыватель на сайт для wav-файла? Спасибо!

    Asked by julie83,

    0 votes
    1 answer

  20. Проигрыватель из соцсети ВКонтакте

    Доброго времени суток! Подскажите, пожалуйста, как вставить на сайт аудио и видео проигрыватели из вк? http://joxi.ru/rZYAVIwyTJDjAruD16U Что бы внешний вид и функционал были идентичны социальной сети ВК Заранее благодарен

    Asked by GusevIvan,

    0 votes
    2 answers

  21. Производительность при вращении изображений HTML

    Всем привет. Недавно столкнулся с задачей реализовать анимацию блока в HTML. Блок должен растягиваться на весь экран и даже немного больше, чтобы при повороте не было видно краёв блока. В блоке должно быть изображение, которое весит около 1.5 Мб и имеет разрешение приблизительно 2500х1800. Я пробовал 2 способа. 1-й - размещал абсолютный блок 120х120 % и устанавливал background-size в cover. Таким образом при анимации увеличения блока фоновое изображение растягивалось. При этом блок должен ещё поворачиваться на определённый градус, для чего я использовал jqeury.rotate. 2-й - некрасивый. Вставлял изображение в img. Но проблема не ушла, которая заключается в следующем. В IE …

    Asked by msfive,

    0 votes
    0 answers

  22. Происходит смещение в низ.

    Не удается поставить блок н3 третьим. Происходят смещения вниз. Надо что-бы бирюзовый блок встал в ряд после синего. Общая длина 960 поделена между 3емя блоками. сделал все сам.

    Asked by jontsk,

    0 votes
    2 answers

  23. Проклятый height: 100%

    Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/

    Asked by Freakmeister,

    0 votes
    11 answers

  24. Проклятый select!

    Как ограничить длину выпадающего списка на <select>-<option>? чтобы он показывал, скажем 10 позиций, а потом скроллил. size="10" не предлагать! Вроде как на чистом html/css не возможно...

    Asked by Nanto,

    0 votes
    2 answers

  25. Прокомментируйте код

    Прокомментируйте код, это css и javascript, ваши комментарии будут паказаны автору кода в качестве убеждения тех или иных позиций, сам автор неможет зайти по технико/религиозным причинам /* pagination */ .pagesWrapper { width: 100%; float: left; } #pages { padding: 0 10px; margin: 0 0 10px; color: #91969c; font: 12px Verdana, Geneva, sans-serif; } table#pages_table { width: 100%; border-collapse: collapse; table-layout: auto; } table#pages_table td { } table#pages_table td .count_result, table#pages_table td .count { font-weight: bold; } table#pages_table td .count_result {} table#pages_table td .count {} table#pages_table td .paginator { display: block;…

    Asked by warpig,

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