HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
img shadow-box inset проблема
Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.
0 votes1 answer -
img src и backgroun-image запрос к серверу
Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.
0 votes2 answers -
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; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?
0 votes7 answers -
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 тоже сжимать картинку?
0 votes32 answers -
img в body
При вставке изображения шириной более 150 пикс в документ все тело сдвигается влево на 10-15 пикс. В чем может быть проблема подскажите.
0 votes8 answers -
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…
0 votes12 answers -
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> выглядит так но на телефоне растягивает?
0 votes4 answers -
img в дивах
В общем когда верстаешь на дивах допустим так <div id="shapka"><img src="1.png"></div> картинку (допустим шапку) можно как бы "перетаскивать", открывать в новом окне и сохранять у себя. Т.е. если весь сайт так построен можно его всего на комп поставить. И к тому же это не удобно, когда текст на картинке вставлен допустим ты пытаешься его скопировать или выделять, а вместо этого (бывает) что зацепляешь картинку. Можно ли как-нибудь сделать чтобы, картинку мышка "не замечала" как на таблицах через background вставляешь, и не зацепляет картинку, и не мешает, и сохранить не получится.
0 votes3 answers -
img в качестве фона страницы
есть изображение 1900*1000 оно в теге img размещено в div'е, у которого самый низкий z-index для div'а задана max-width и max-height таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается проверял от 800 до 1600 - больше монитор не показывает картинка ужата до 115Кб, качество осталось вполне сносное какие могут быть минусы у такого решения?
0 votes3 answers -
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>
0 votes2 answers -
img в тексте
Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css
0 votes7 answers -
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…
0 votes0 answers -
img вывод случайной картинки
Как сделать, чтобы при загрузке страницы, на ней отображалась случайно выбранная из заданных файлов картинка?
0 votes3 answers -
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…
0 votes6 answers -
img заместь background для менюшек в дизайне.
Есть меню в котором кнопочки как картинки + снизу их текста. Так как background'ом это реализовать не удобно. Сделал вот так <a><img />ТЕКСТ ссылки</a>. Это плохо или нормально? Просто часто виду темы наподобие что все элементы дизайне должны быть сделана свойством background!
0 votes2 answers -
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 {…
0 votes3 answers -
Img и IE
Есть скрипт, который позволяет загружать картинки и вставлять их в сообщение. При выводе максимальная высота и ширина картинки ограничена: max-width: 600px; max-height: 600px. Все здорого, но в ИЕ как обычно возникает ужас Резать картинки на стороне сервера не вариант. Что можно сделать?
0 votes1 answer -
IMG и обтекание
Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?
0 votes17 answers -
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…
0 votes2 answers -
img после input сдвигается
вот код <input type="textarea" cols="15" rows="1"><img src="{THEME}/images/ok.png"/> пробовал выставлять маргины/паддинги и туда и обратно, в любом порядке, пробовал их обьединять в одном блоке. результата нету. как их выставить в одну полосу?) ЗЫ высота картинки 18пх
0 votes2 answers -
img Случайный путь для картинки
Как задать случайный путь для картинки в src="...", чтобы при загрузке страницы, каждый раз появлялась другая картинка ?
0 votes1 answer -
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…
0 votes12 answers -
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…
0 votes2 answers -
img:hover ?
Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках
0 votes1 answer -
Impact встроен в Windows?
Шрифт Impact встроен в Windows?
0 votes10 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-