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. img shadow-box inset проблема

    Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.

    Asked by Wahlberg,

    0 votes
    1 answer

  2. img src и backgroun-image запрос к серверу

    Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.

    Asked by Velidan,

    0 votes
    2 answers

  3. img width 100% в IE6

    Здравствуйте Никак не могу преодолеть проблему. В шапке есть хайрезовая картинка: <div style="width:100%; height:200px; overflow:hidden;"> <img src="img/pic.jpg" style="max-width:100%;" /> </div> Как сделать так, чтобы картинка ресайзилась в IE6? В IE7 помогла max-width:100% Нарыл в и-нете фикс для этой проблемы: img { -ms-interpolation-mode: bicubic; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?

    Asked by Chervontsev,

    0 votes
    7 answers

  4. IMG width в %

    Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?

    Asked by lazybaby,

    0 votes
    32 answers

  5. img в body

    При вставке изображения шириной более 150 пикс в документ все тело сдвигается влево на 10-15 пикс. В чем может быть проблема подскажите.

    Asked by Siclar,

    0 votes
    8 answers

  6. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst,

    0 votes
    12 answers

  7. img в div по центру

    Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?

    Asked by lev99,

    0 votes
    4 answers

  8. img в дивах

    В общем когда верстаешь на дивах допустим так <div id="shapka"><img src="1.png"></div> картинку (допустим шапку) можно как бы "перетаскивать", открывать в новом окне и сохранять у себя. Т.е. если весь сайт так построен можно его всего на комп поставить. И к тому же это не удобно, когда текст на картинке вставлен допустим ты пытаешься его скопировать или выделять, а вместо этого (бывает) что зацепляешь картинку. Можно ли как-нибудь сделать чтобы, картинку мышка "не замечала" как на таблицах через background вставляешь, и не зацепляет картинку, и не мешает, и сохранить не получится.

    Asked by ret,

    0 votes
    3 answers

  9. img в качестве фона страницы

    есть изображение 1900*1000 оно в теге img размещено в div'е, у которого самый низкий z-index для div'а задана max-width и max-height таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается проверял от 800 до 1600 - больше монитор не показывает картинка ужата до 115Кб, качество осталось вполне сносное какие могут быть минусы у такого решения?

    Asked by theo_,

    0 votes
    3 answers

  10. img в строчном элементе span

    Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

    Asked by graf,

    0 votes
    2 answers

  11. img в тексте

    Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css

    Asked by Beck,

    0 votes
    7 answers

  12. img в теле html рассылки

    Всем доброго времени суток. Ночью столкнулся с e-mail менеджментом, а именно с рассылкой html писем. Верстка сделана таблицей, css'ка задана как атрибут. Все красиво, гламурно, няшно и т.д. Но изображений нет. Ни один почтовый сервис их не видит. Прописал абсолютный путь - не помогло. Как же быть то, как сделать, чтобы почтовики видели картинки? P.S. Изучил массу литературы по этому поводу, но к окончательному выводу так и не пришел: можно ли организовать это в хтмл, или я обречен юзать php, MIME и "cid:"? (если да, то как?) Помогите, пожалуйста. Код в студию: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…

    Asked by Ankh,

    0 votes
    0 answers

  13. img вывод случайной картинки

    Как сделать, чтобы при загрузке страницы, на ней отображалась случайно выбранная из заданных файлов картинка?

    Asked by ztim,

    0 votes
    3 answers

  14. img выезжает из div!

    Помогите пожалуйста решить такую проблему верстки: Скрин проблемы.... Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(. вот код html: ... <div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </div> ... и CSS: ... #ads_carrier{ position: relative; width: 100%; cle…

    Asked by tarkinsky,

    0 votes
    6 answers

  15. img заместь background для менюшек в дизайне.

    Есть меню в котором кнопочки как картинки + снизу их текста. Так как background'ом это реализовать не удобно. Сделал вот так <a><img />ТЕКСТ ссылки</a>. Это плохо или нормально? Просто часто виду темы наподобие что все элементы дизайне должны быть сделана свойством background!

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  16. img и form в линию

    Добрый день, допустим нужно, разместить лого по центру, а выбор языка с краю. Если расматривать этот кусок кода, почему элемент form ведет себя так, будто img растянут на всю страницу ? http://jsfiddle.net/dmhrvs9L HTML <div class="top"> <img class="logo" src="http://aux.iconpedia.net/uploads/dog-paw-icon-256.png" width="100" height="" alt="logo"> <form name="language" class="lang" action="#" method="get"> <select> <option>EN</option> </select> </form></div>CSS .top { height: 200px; background-color: #dadada;}.logo { margin: 0 auto; display: block; padding: 15px 0 0 0;}.lang {…

    Asked by Fastfold,

    0 votes
    3 answers

  17. Img и IE

    Есть скрипт, который позволяет загружать картинки и вставлять их в сообщение. При выводе максимальная высота и ширина картинки ограничена: max-width: 600px; max-height: 600px. Все здорого, но в ИЕ как обычно возникает ужас Резать картинки на стороне сервера не вариант. Что можно сделать?

    Asked by bFree,

    0 votes
    1 answer

  18. IMG и обтекание

    Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?

    Asked by Kenshi45,

    0 votes
    17 answers

  19. Img и расчёт height блока

    Есть проблема, дело в том что Картинка img не участвует в расчёте высоты блока в отличие от абзаца в том же блоке, то есть если текст заполняет больше высоты картинки то всё выглядит ОК, но если текста меньше то картинка вылазит, как будто overflow:visible Вот код <div> <div class="container" id="down"> <img src="img/pic5.jpg" width="213" height="166" align="left" border="0" alt="pic5"/> <h1>Welcome to the site!</h1> <p> Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum do…

    Asked by strangerliquid,

    0 votes
    2 answers

  20. img после input сдвигается

    вот код <input type="textarea" cols="15" rows="1"><img src="{THEME}/images/ok.png"/> пробовал выставлять маргины/паддинги и туда и обратно, в любом порядке, пробовал их обьединять в одном блоке. результата нету. как их выставить в одну полосу?) ЗЫ высота картинки 18пх

    Asked by Proks,

    0 votes
    2 answers

  21. img Случайный путь для картинки

    Как задать случайный путь для картинки в src="...", чтобы при загрузке страницы, каждый раз появлялась другая картинка ?

    Asked by ztim,

    0 votes
    1 answer

  22. Img, div и float

    Косяк: Код страницы: <!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" /> <title>yomoto:.beta</title> <link rel="stylesheet" type="text/css" href="mainstyle.css" /> <link rel="shortcut icon" href="images/favicon.ico" /> </head> <body> <div id="header"><img src="images/logo.png" class="logo" alt="yomoto.ru:. ты и твой телефон"/></div> <div id="main"><div class="content"><h1…

    Asked by M.org,

    0 votes
    12 answers

  23. img, вылезающая за пределы div?а в Opera при уменьшении размера окна

    Имеется код: <!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> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…

    Asked by WM,

    0 votes
    2 answers

  24. img:hover ?

    Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках

    Asked by musulman,

    0 votes
    1 answer

  25. Impact встроен в Windows?

    Шрифт Impact встроен в Windows?

    Asked by Sheena,

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