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
-
Подгрузка *.swf в Safari = белый прямоугольник
Подгружаю *.swf-ролик (никакого активного содержимого только короткое видео, типа Intro), для всех браузеров справился а с Safari не получается. Суть проблемы: пока сафари грузит ролик, на его месте остаётся белый прямоугольник по размерам swf-a для IE решился вопрос через библиотеку swfobject для всех остальных браузеров (кроме сафари) стандартным указанием <param name="wmode" value="transparent"> и только сафари не могу никак победить ... Вот проблемная страница: _http://alfabet.ru/test/ Вот значимый код : <!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.…
0 votes2 answers -
Фиксированный элемент
Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?
0 votes4 answers -
Отключить появление скролла для нижней части страницы
Можно ли запретить скролл для нескольких дивов на странице? Ситуация такая, страница состоит из нескольких рядов дивов. На на похожей странице из-за нижнего ряда появляется скролл, из-за чего происходит смещение относительно страниц без скролла. Грубо говоря скролл нужен, но можно ли его отключить его на 5м и 6м диве? Т.е. если граница окна на них попадает - скролл не появлялся. Нетривиальный вопрос какой-то получился, но мало-ли. Вдруг есть какой рецепт.
0 votes3 answers -
Помогите с таблицей
Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.
0 votes4 answers -
Яндекс.Детектор
Подскажите, пожалуйста, как настроить Яндекс.Детектор, чтобы люди, которые заходят на мой сайт с мобильного телефона, автоматический перенаправлялись на него мобильную версию?
0 votes0 answers -
Не фиксируется фон
Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.
0 votes2 answers -
Как правильно сделать адаптацию к маленькому экрану?
В общем, есть это: http://jsfiddle.net/78DAJ/ Справа должен быть навигационный блок. Слева должен быть контент. Когда экран меньше 1024 пикс, то панелька справа налазит на текст контента. Так вот вопрос: 1. Сделать через @meta фиксацию размера сайта, типа отступа в 896 пикс? 2. Поставить какой-нибудь чудо-тег, скорее всего из jQuery, который считает размер контента и ставит автоматически отступ для right? 3. Может, я не вижу более очевидного решения? PS Отмечу, что параметры блока right нельзя менять, т.к. он должен ползать за пользователем по странице, в 100% высоту.
0 votes6 answers -
Высота фона боковых блоков
Добрый день! У меня на сайте имеется фоновая картинка 4х4 пикселя, которая повторяется по всей высоте и ширине страницы Над ней сверху по бокам сайта накладываются ещё две картинки (я это сделал созданием двух div) Не могу сделать так чтобы эти 2 div были на всю высоту страницы. Если ставлю height:100% то они только на высоту экрана, а при пролистывании дальше их нет. Пока сделал height:500% чтобы примерно подогнать под высоту страницы с учетом контента, но если контента на странице мало, то в нижней части страницы остаётся куча пустоты.
0 votes6 answers -
резиновая вертска
В общем есть такая проблема. дана табличка <title>Резиновая табличная верстка сайта</title><style type="text/css">.header {height:60px; background-color:#717dc9; padding:20px; text-align:center}.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}.center_col {background-color:#ffffff; padding:15px; vertical-align:top}.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}.footer {padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}</style></head><body><table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td colspan="3…
0 votes2 answers -
Сделать высоту родителя canvas == высоте canvas
День добрый всем. Необходимо, что бы родительский элемент, содержащий канвас, был равен размеру канваса - что бы родитель-контейнер никак себя не проявлял себя визуально. На первый взгляд ничего сложного:<div style="margin:0; padding:0"> <canvas style="margin:0; padding:0" width="18px" height="18px"></canvas></div> Доктайп: <!DOCTYPE html> Но - не работает Высота элемента, обрамляющего канвас, больше на 2px сверху и снизу. Тоесть, в сумме, по высоте он больше на 4px, чем содержимый канвас.При том, данное поведение сохраняется и для ячейки таблицы. Что я упускаю из виду?Возможно ли сделать родителя канваса строго совпадающим по размерам с…
0 votes2 answers -
Верстка составной иллюстрации
Здравствуйте. Я столкнулся с такой проблемой: есть иллюстрация, разбитая на три блока — левый, средний и правый, каждый из них имеет свой hover. Проблема в том, что кусок иллюстрации из правого блока наслаивается на кусок иллюстрации из среднего. Вопрос в том, как это сверстать? Как видите, просто порезать изображение на три части не выйдет. Заранее спасибо.
0 votes1 answer -
Проблема отображения сайта в ie
Добрый день! есть такой сайт. во всех браузерах навигация отображается как нужно в ie все разваливается даже в последней версии. я так понимаю что тут дело не в верстке, а в какой то особенности ie. может у кого то есть идеи как исправить? может что то отключить нужно или наоборот подключить? всем спасибо!
0 votes1 answer -
0 votes2 answers
-
Как активную ссылку снова сделать "до-активной"?
Добрый день всем! a:link { color: #0000FF; outline: none; text-decoration: none; } a:active { color: #0000FF; outline: none; text-decoration: none; } a:hover { color: #00006A; outline: none; text-decoration: underline; } a:visited { color: #0000FF; outline: none; text-decoration: none; } это кусок из css после посещения ссылки и возврата на страницу с этой ссылкой, при повторном наведении на ссылку мышкой, свойства hover не отрабатывается... как "деактивировать" использованную ссылку? сорри, если запутано выразился...
0 votes2 answers -
Вид кнопки
Господа, помогите с такой проблемой! Обычная кнопка типа button, чуть стоит только добавить ей фон, сразу меняет свой внешний вид! Пример: http://www.subbota.proba.ru/primery_dvuh_knopok/index.htm Мне же нужно сделать кнопку вида стандартного (та, что справа), но с рисунком в конце. Я делал с помощью скриптов - рисовал две стандартные кнопки - в нажатом и не нажатом состоянии, и менял их соответственно. С кнопкой типа button почему-то браузер подтормаживал, поэтому сменил тип на image, соответственно добавил onclick="return false;" , дабы не обновлял форму (некорректно выразился, думаю, вы меня поняли) В итоге вышло примерно это: http://www.bezlimitno.ru/gold_number/index…
0 votes1 answer -
Непонятки с кодировкой
В head прописано <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />, а отображается в utf-8 в чем проблема?
0 votes2 answers -
превью фоток с другой страницы
Ещё раз всем привет, ...И ещё вопрос (неверное, это даже не хтмл, но тогда подскажите, на каких форумах узнавать?) Допустим у меня есть страница , куда я загружаю фотографии произвольного размера И я хочу сделать на стартовой странице сайта некий раздел превью этих фотографий, допустим 3х случайных, и размер строго 300*100, то есть высвечивается не фото целиком, а случайный её фрагмент.. КАк это сделать?
0 votes3 answers -
Изображение (увеличение)
В общем ситуация такая. На многих сайтах видел, как по щелчку на картинке, она увеличивается и оказывается по центру окна браузера, при этом основной контекст страницы как бы становится приглушенным. Сие хочу тоже реализовать. То есть есть сайт, на нем картинки, оформленные пока как <a href='ссылка на полную картинку'><img src='ссылка на уменьшенную картинку'></a> Как сделать так, что бы основной контекст страницы становился темным, а картинка оказывалась увеличенной по середине окна браузера? Заранее спасибо.
0 votes6 answers -
Замена цвета, вообще первый раз столкнулся с версткой...
Здравствуйте уважаемые. Первый раз столкнулся с темой верстки тегов и инет программирования, или как правильно называется не знаю. Темой не владею вообще. Поэтому если вопросы будут совсем дуратские просьба ногами не пинать. Небольшая вводная для понимания... Пользуюсь оперой, в ней есть возможность подсунуть css файлик и авторские стили будут заменены на те, которые указаны в файле. У меня была задача поменять белый фон на черный, а буковки белые на зеленые... содрал образец из одного места и заменил белый на зеленый dl, ol, ul {outline: 1px solid #00ff38 !important;} dt, dd, li {outline: 1px dashed #00ff38 !important;} p {outline: 1px solid #00ff38 !important;} addr…
0 votes4 answers -
css3 скругление углов и flash объект
Мне нужно, чтобы блок со скругленными углами (используется css3) всплывал при наведении на пункт меню над flash-объектом (используется jQuery). Проблема: при отображении всплывающей подсказки над флешкой скругления не отображаются, а углы выглядят, как-бы, "выкушенными". Может кто знает, решается ли эта проблема для css3 ? Спасибо!
0 votes1 answer -
Вложенность строчных элементов в блочный. Зачем?
Очень часто в примерах на htmlbook.ru и готовых сайтах используются конструкции типа <p> <input> </p> либо <p> <a></a> </p>. Для чего используется именно такой формат записи и чем плохо применение CSS свойства display: block для строчных элементов?
0 votes3 answers -
Увеличение картинки при наведении на ссылку
Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>
0 votes3 answers -
Странное поведение тега IMG
Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…
0 votes2 answers -
Отступ с верху сайта
Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…
0 votes3 answers -
Линейные градиенты в разных браузерах и таб
При помощи сервиса http://www.colorzill...radient-editor/ создал линейный градиент, немного доработал код и сделал то, что хотел: так отображается в FireFox, а в IE 9.0: как видите, не то что хотелось бы, причём в последней версии Хрома, граница также видна. Как исправить? (http://prodpak.ru) background: white; /* Old browsers */ background: -moz-linear-gradient(top, #F3EEEB, white, white, white, white, white, #F3EEEB); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3EEEB), color-stop(83%,white), color-stop(100%,#F3EEEB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3EEEB 0%,white 83%,#F3EEEB 100%); /* Chr…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-