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. Прозрачность

    Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>

    Asked by SLameN,

    0 votes
    1 answer

  2. Прозрачность "Opacity"

    Есть div блок с "opacity: 0,2" И внем текст span, мне нужно что бы span был opacity:1 !important;, но он не реагирует!? в чем ошибка?!

    Asked by Zzz_,

    0 votes
    5 answers

  3. Прозрачность a:hover в IE6

    Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь

    Asked by Oliany,

    0 votes
    4 answers

  4. Прозрачность background в IE

    Добрый день ! Сталкнулся с проблемой background . В мазиле он прозрачный т.е. наследует по умолчанию отцовский а в IE нет , просто белый , пытаюсь убрать его не получается помогите .

    Asked by bgraf,

    0 votes
    11 answers

  5. Прозрачность DIV и наследование

    Добрый день уважаемые дамы и господа!!! В общем есть у меня один вопрос, и разобраться сам я в нём не смог к сожалению. Код чуть ниже. Есть 2 DIV, hr и h2. Первый является полупрозрачным, а второй который является дочерним по отношению к первому, не является полупрозрачным но таковым становится, так как видать наследует это свойство от отца. Скажите пожалуйста, что нужно написать что бы дочерний див не наследовал это свойство от отца, и что нужно сделать что бы <iframe> от VK тоже не становился прозрачным как див в котором он находится. С уважением к вам, вашему опыту и труду hk416!!! <html> <head> <meta charset="utf-8"> <title>backg…

    Asked by hk416,

    0 votes
    8 answers

  6. прозрачность opacity в internet explorer 8

    как реализовать прозрачность opacity в internet explorer 8

    Asked by imolodec,

    0 votes
    7 answers

  7. Прозрачность png

    Как вставить png картинку, чтобы прозрачность е? работала в ИЕ6 и 7, Опере и Мозиле?

    Asked by okunev2,

    0 votes
    28 answers

  8. прозрачность PNG vs IE6

    Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

    Asked by шин,

    0 votes
    4 answers

  9. прозрачность PNG vs IE6

    Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

    Asked by шин,

    0 votes
    1 answer

  10. Прозрачность png в ИЕ6

    Собственно, проблема в том что скрипт http://www.twinhelix.com/css/iepngfix/ в IETestere работает как надо, но люди, сидящие на ие6 присылают скрины с неработающим скриптом (тоесть прозрачные области заполняются белым). Сайт: http://karnavalmasok.ru

    Asked by Sidoruk_sv,

    0 votes
    13 answers

  11. Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?

    Помогите, если кто видит или знает ответ. Есть картинка в формате пнг, в опере и лисе нормуль, вот ие6 его отображает как то странно, нужно, чтобы картинка тянулась по вертикали, вот рипит х работает как нужно, а рипит у нет... вот код: #cent_main { background:url(images/cent_main.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cent_main.png', sizingMethod='scale'); } и хтмл <td id="cent_main"> </td> Вот тут показывается картинка как нужно, все тянется. Вот код, который как раз и вызывает у меня недоумение, если кто может, посмотрите у себя его. кртинка прилагается. ксс .delit { background:url(images/…

    Asked by BRK,

    0 votes
    9 answers

  12. Прозрачность PNG и IE7

    Значит столкнулся я с такой трудностью: мне нужна полупрозрачная кнопочка, для этого я понятное дело использовал PNG формат. Но есть еще одна беда. Кроме того что кнопочка прозрачная сама по себе, я меняю ее прозрачность с помощью стиля(filter:progid:DXImageTransform.Microsoft.Alpha(и т.д. и т.п.) и именно изза етого 7 експлорер выдает баги, а именно: под пнг картинкой появляется черный фон, после чего любые намеки на прозрачность пропадают. прописывание background:transparent мне не помогло. так же я думал сделать два дива, один из них задает первоначальную прозрачность, а второй уже будет менять просзрачность относительно первоночальной, но в моем случае это не возможно…

    Asked by SleepWalker,

    0 votes
    3 answers

  13. Прозрачность textrea и input. Скроллинг textarea

    Можно ли поля textarea и input'а сделать прозрачными, т.е. чтобы текст писался не на белом фоне, а на фоне родительского объекта. И как сделать чтобы полоса прокрутки в textarea появлялась только после выхода текста за границу.

    Asked by Chebas,

    0 votes
    7 answers

  14. Прозрачность блока

    Вот страничка http://tankist10.hosting-test.org.ua/ З.Ы. В брузере Opera,когда открыт этот блок с картинкой при прокрутке или resize window блок исчезает. Как исправить?

    Asked by T@NKIST,

    0 votes
    2 answers

  15. Прозрачность в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.

    Asked by IceBars,

    0 votes
    1 answer

  16. Прозрачность в IE 6

    Делаю кастомный селект. Для этого указываю для селекта -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); Вроде как этого должно быть достаточно для всех браузеров. А вот для ИЕ6 почему-то недостаточно — в нём как всё как было так и осталось. Что я делаю не так?

    Asked by Veseloff,

    0 votes
    15 answers

  17. Прозрачность и IE6

    Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…

    Asked by DImaN,

    0 votes
    40 answers

  18. Прозрачность и тени

    Всем доброго времени суток! Начал верстать макет от Softlink. Вот фрагмент макета: И код, соответственно: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <style type="text/css"> *{ margin:0; padding:0; } #wrap{ width:200px; height:300px; padding:10px; background:url(bg.png); } #header{ width:100px; height:50px; border-radius:15px 15px 0 0; background:rgba(0, 0, 0, 0.15); box-shadow:0 0 1px rgba(255,255,255,0.15), inset 1px 1px 1px rgba(0,0,0,0.15); } #container{ width:100%; height:200px; border-radius:0px 15px 15px 15px; …

    Asked by Doogy,

    0 votes
    0 answers

  19. Прозрачность картинки и z-index

    Доброго времени суток, сегодня начался рабочий день и я продолжил свою работу по web проекту, но вот наткнулся на одну проблему. Есть модальное окно при открытии которого появляется форма отправки сообщений, и решил я на одной странице добавить картинкам (в постах) прозрачности (css opacity) добавил эффект плавного изменения прозрачности для hover этой картинки и все бы хорошо, но при открытии модального окна картинка вылазит на перед этого окна (как будто кто то дописал z-index:99999;) при чем если убрать свойство opacity у картинки то при открытии модального окна все отображается нормально! Что это может быть? http://test.sud-expertiza.dp.ua/available-properties.html - …

    Asked by karakym,

    0 votes
    3 answers

  20. Прозрачность картинки при наведении

    Привет!!! Я недавно начал изучать разработку web-страниц и столкнулся с проблемой, помогите, люди добрые!!! Есть две картинки. При наведении на 1-ую, должна появиться вторая, причём первая должна затемниться. У меня практически всё получилось, вот только с затемнением получилось всё наоборот, как добитиься нужного результата, не знаю. Помогите!!!!!! Ниже ссылка (30 Кб) моей работы, если можете, подскажите пару строк кода, где я ошибся. http://www.kaa.zdorovie.starinet.com/tmp/help.rar

    Asked by Guest Диман,

    0 votes
    6 answers

  21. Прозрачность не работает при наложении div

    Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…

    Asked by warobushek,

    0 votes
    2 answers

  22. Прозрачность при наведении курсора

    Как сделать так, чтобы при наведении на картинку или ссылку определенный div на странице становился прозрачным (к примеру, на половину)? P.S.: по всем правилам w3c.org

    Asked by Online,

    0 votes
    3 answers

  23. Прозрачность слоя

    Здравствуйте. В фотошопе элемент выглядит так: я взял слой градиента и вставил картинкой на background, получил такое - а теперь сам вопрос, - добиваться нужной прозрачности нужно через свойство opacity или я все делаю не так и есть какой-то правильный метод, если да - поведайте. Спасибо

    Asked by a1836g2,

    0 votes
    8 answers

  24. прозрачность у background-color

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

    Asked by ghrd,

    0 votes
    2 answers

  25. Прозрачность фона

    Имеет ли смысл строка в css: BODY { background-color: transparent} Ведь там по умолчанию прописан #ffffff и поменять это значение на transparent у меня не выходит. Заполнить его прозрачными однопиксельными .gif или .png файлами не предлагать. Спасибо.

    Asked by uefa,

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