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
-
Chrome: Анимация срабатывает сразу после загрузки страницы
Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…
0 votes1 answer -
Chrome: проблема с временным отображением hidden слоев
Есть одно выпадающее меню CSS+jQuery. (И сразу: в остальных браузерах различных версий все ок.) Позиционирование смешанное (релатив, абсолют), z-index'ы везде верные (и думаю, причина даже не в этом). В Хроме, после очередного обновления, возникли проблемы в отображением этих слоев: при наведении курсора на пункт, появляется слой, а если курсор убрать, часть слоя остается видимой (но не активной, есс-но). Письмо в саппорт Хрома как в Лету кануло. Картинка релейд: Как лечиться?
0 votes9 answers -
chrome Chrome: сбрасываются стили при сворачивании видео
Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и са…
0 votes2 answers -
Chromium добавляет пиксельную solid-рамку только для textarea
Привет всем! Намедни столкнулся с интересным багом(?) при создании форм на сайте. Было замечено, что при создании в Chromium (Ubuntu 10.04/MacOS X, во всех браузерах под Windows не замечено) поля textarea, браузер автоматически создает рамку вокруг этого элемента, то есть он перестает быть нативным. Мне кажется это началось с тех версий, когда появились именно resize-textarea. Думал, что проблема в resize, но убрав его (resize:none) ничего не поменялось. Вопрос принципиальный для клиента, а переделывать все формы под "1px solid" не хотелось бы, к тому же select-боксы выглядели бы уродливее. Кто сталкивался с подобным, к чему пришли в итоге? Заранее спасибо!
0 votes1 answer -
cid
Здравствуйте, подскажите пж верстаю html-письмо путь к картинке указываю через cid: <img src="cid:logo.jpg" alt="" width="186" height="49" /> но письмо приходит без картинок. Письмо выглядит так <!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=utf-8" /> <title></title> </head> <body> <table> <tr> <td> <img src="cid:logo.jpg" alt="" width="186" height="49" /> </td> </tr> </table> </body> <…
0 votes1 answer -
cid: в html-письмах
Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.
0 votes2 answers -
class
Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?
0 votes1 answer -
class vs #
Вроде далеко не первый день верстаю, но у меня складывается такой вопрос? Зачем надо ставить в стилях где то #, а где то class писать. У меня все прекрасно на классах работает и не парюсь, иногда ставлю # но это чисто для визуального выделения чтоб быстрее заметить. А так везде и всегда на классах пишу. Поясните пожалуйста мне неразумному.
0 votes11 answers -
class и id в одном теге
Подскажите, употребление class и id в одном теге приемлемо? Это не ошибка? Работает оно так прекрасно, мне просто интересна концепция.
0 votes4 answers -
class="на русском"
Недавно у одного из знакомых видел названия классов на русском, он сказал что это работает. Это нормально давать классам русские названия? У меня лично подозрения, что Windows какого-нибудь американца просто не поймет этого. Или это поймут все компьютеры во всех странах? :cool: P.S. Повторюсь это не я так делаю, мне такая писанина даже в голову прийти не могла, пока я сам не увидел код, правда не проверял его работоспособность в разных браузера
0 votes2 answers -
Clear
Во многих шаблонах доступных в интернете, в коде встречал <div class="clear"></div>,.clear { clear: both; }, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?
0 votes5 answers -
clear both
Есть сайт: cbs-kurgan.com, сверстан на блоках. При вставке блока <div style="clear:both;"></div> Текст в центральном блоке опускается до уровня последнего символа в правой колонке. Подскажите, что поправить в стилях. Мне кажется это распространенная ошибка..
0 votes6 answers -
clear внутри float-блока
Вот суть моей проблемы: при использовании div:clear внутри блока контента, все съезжает вниз, ровно на высоту левой колонки. если div с параметром clear находится внутри таблицы, то такого не происходит.
0 votes4 answers -
clear и margin-top
Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…
0 votes5 answers -
clear: both - применить без разрыва строки.
есть шаблон для парсера, который применяется к выкачанным статьям. выглядит так: {Photo} <strong>Цена: {Price} </strong><br/>{Description} <strong>Фотоальбом</strong></p> <div> {OtherPhoto} </div> <!--Шаблон для верхнего фото--> [Photo] <a href="{bigPhoto}" target="_blank"> <img style="float: left; alignleft; border: 1px solid #e4e4e4; margin: 5px 20px 10px 0pt; padding: 3px; display: inline;" title="{Name}" src="{smallPhoto}" alt="{Name}" /></a> <!--Шаблон для нижних фото--> [OthetPhoto] <a href="{bigPhoto}" target="_blank"> <img style="alignleft; border: 1px…
0 votes7 answers -
clear: both как то не так работает
Вот сама страница ОНО Народ, который раз уже встречаю такую проблему и опять те же виллы, смысл таков, есть средняя часть ceenterPart, в нее никоем образом не вложены leftPart и rightPark, centerPart идет по коду после левого и правой части, leftPart и rightPart зафлоачены то есть их вообще как бы в структуре нет, НО почему то начиная с "КАК ЗАПИСАТЬСЯ НА ПРИЕМ?" (перед этим в centerPart стоит пустой див с clear: both, верхние 2 блока с флоатами), вобчем происходит сами видите что, будто левая часть вложена в центровую, весь моск сломал не могу понять в чем дело, схлопыванием границ тут вроде не пахнет - ведь кентрен слой никак и в него не вложены боковые , что то другое …
0 votes7 answers -
clear: left не убирает обтекание при стиле "div div { float: left
<div style="clear: left;"></div> в такой конструкции не отрабатывает <!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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…
0 votes9 answers -
clearfix
столкнулся с проблемой знакомый попросил исправить баг на сайте(вот сайт http://xn--80adkkb3aeirm.net/. тут можно смотреть в ие - http://netrenderer.com/index.php) какие только клирфиксы не делал, не работает и все тут. только внизу какая-то полоса куцая появляется и все.
0 votes2 answers -
clearfix
http://jsfiddle.net/G7X7N/1/ зачем нужен visibility: hidden; ? ведь без него всё также работает
0 votes3 answers -
Clearfix'ы - работа
Добрый вечер. Есть ли ситуации в которых может не работать данный clearfix: .parent:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } а работать этот (через вставку пустого div'а): .clear { clear: both {
0 votes1 answer -
cleartype ie
из-за cleartype у меня шрифт не такой как в других браузерах. что можно сделать, забить на это? или есть способы отключить его ?
0 votes1 answer -
click fallthrough
Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …
0 votes7 answers -
Click в jquery
Привет!!! Помогите разобраться. Почему в jquery не срабатывает click() $("#click").click(function() { $("#block").slideToggle(2000); }); <a href="#" id="click">Ckuck here</a> <div id="block" style="width:500px; padding:40px; background:#f6f6f6;"> <p>block</p> </div>
0 votes6 answers -
Clip
Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).
0 votes4 answers -
clip
Не берет размеры в %, в пикселах - берет.
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-