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
29542 questions in this forum
-
Помогите сделать картинку, как ссылку !
Помогите - не могу создать ссылку на картинку гл. страницы http://saveimg.ru/show-image.php?id=668faa5bc8ff77ffd891c18dceaddc48
0 votes2 answers -
Нужен совет как сверстать такое
Здравствуйте! Есть картинка, нужен совет по верстке. С хедером и футером и иконками проблем нет. Как сделать контент: слева и справа думаю как табы, (справа картинки с кратким описанием это кнопки табов, слева контент таба который меняется при клике),у видео также при клике менять SRC (Использовать плагин или тег <video>, ролики скачать или подключать с ютуба), или может я вообще не в ту сторону мыслю и все это делается иначе? Спасибо!
0 votes0 answers -
Неадекватный IE
Люди, подскажите, может кто знает. Кроссбраузерный вариант отображения фоновой картинки по высоте и ширине страницы. Используется правило для IE, однако, когда подключается css - страница отображается, но при этом не работают ни ссылки ни текстовые поля, даже текст нельзя выделить. Вот проблемный код (если отключить - все работает, но фоновая картинка, естественно, не отображается). .body { width: 100%; position:fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); z-index: 0; }
0 votes1 answer -
Производительность при вращении изображений HTML
Всем привет. Недавно столкнулся с задачей реализовать анимацию блока в HTML. Блок должен растягиваться на весь экран и даже немного больше, чтобы при повороте не было видно краёв блока. В блоке должно быть изображение, которое весит около 1.5 Мб и имеет разрешение приблизительно 2500х1800. Я пробовал 2 способа. 1-й - размещал абсолютный блок 120х120 % и устанавливал background-size в cover. Таким образом при анимации увеличения блока фоновое изображение растягивалось. При этом блок должен ещё поворачиваться на определённый градус, для чего я использовал jqeury.rotate. 2-й - некрасивый. Вставлял изображение в img. Но проблема не ушла, которая заключается в следующем. В IE …
0 votes0 answers -
почему не показывается фоновое изображение?
Почему когда я указываю путь для фона из интернета, то он отображается http://jsfiddle.net/sjUW9/ А вот когда с компа, то не отображается? body{ background-image: url(images/background.png);}
0 votes1 answer -
Смещаются блоки
Подскажите пожалуйста, почему смещаются блоки, когда я вставляю закомментированный текст? http://jsfiddle.net/oleg126/Mgy87/
0 votes1 answer -
Как отобразить контекстное меню тэга?
Помогите пожалуйста, что-то нечаянно нажал, и в следствии этого пропало контекстное меню тэга. Допустим, прописываю я тэг - <img... , нажимая пробел, и мне не высвечивается контекстное меню, где бы я мог выбрать какой либо далее тэг, например src и т.д. Помогите восстановить контекстное меню тэга...
0 votes1 answer -
Квадратный див с относительными размерами
Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <body> <div id="wr"> <div id="circle1"> </div> </div> Модераторы, удалите тему, будьте добры, случайно отправилось
0 votes0 answers -
Проблема с наследованием
Привет ВСЕМ! Делаю генератор форм ... Столкнулся с проблемой верстки: При добавлении полей в форму - блоку bg_image передается длина.Он должен быть аналогичен форме, он-же вылезает за пределы... В чем может быть проблема ? вот код: <div class="scene-editor"> <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form" style="z-index: 1;width: 354px; border: 2px solid rgb(188, 188, 188); margin: 0 auto; margin-top: 60px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; "> <div style="position: absolute; display: bloc…
0 votes0 answers -
Мелкий вопрос про яндекс-метрику
Чтобы установить заказчику яндекс метрику на его сайт - он ведь должен сам код метрики создать в своем аккаунте яндекса, чтобы потом из своего аккаунта отслеживать статистику? Или как?
0 votes1 answer -
Мобильная верстка. Закрепит элемент.
Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.
0 votes0 answers -
Не могу разобраться с <div class="...">
вот мой код html <!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" /> <link rel="stylesheet" type="text/css" href="style.css"> <title>Анкета</title> </head> <body> <div><div class="block1">11</div></div> <div></div> <div></div> </body> </html> и вот код сss body { background-image: url(images/back.jpg); } div { width: 100%; } .block1 { width: 80%; …
0 votes1 answer -
Музыка на сайте. (используя петлю, Loop)
Друзья подскажите как вставить на сайт n...... кол-во плееров до 90 шт ОБЯЗАТЕЛЬНО с loop. Весь код онлайн (дома). Вот код но петля не работает. Как грамотно делаются такие вещи? Спасибо. <object type="application/x-shockwave-flash" data="player/player.swf" id=audioplayer1 height=24 width=290> <param name=movie value="player/player.swf"></param> <param name=FlashVars value="playerID=1&soundFile=Track 03.mp3"> </param> <param name=quality value=high></param> <param name=menu value=false></param> <param name=wmode value=transparent></param> <param name=loop value=true></param> </object&g…
0 votes0 answers -
ie10 - border-box и height: 100%
Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки. Я написал CSS .top { position: fixed; height: 35px; top: 0; left: 0; } .bottom { height: 100%; padding: 35px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .bottomContent { height: 100%; overfow: auto; } Везде работает кроме IE. IE делает блоку .bottomContent высоту такую же как и у .bottom У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема. Подскажите пожалуйста решение, нужно …
0 votes0 answers -
встроить форум от гугл групп в html? форум без php.
Вот ссылка на то как встроить код группы на свою html страницу. у кого получится скажите что сделали или скинте код страницы. https://support.google.com/groups/answer/1191206?hl=ru
0 votes0 answers -
Анимация
Доброе время суток! Подскажите, пожалуйста, как можно написать код (можно с помощью с другого языка программирования, но только, чтобы приложение работало на web-сайте), к примеру, пользователь дует по микрофону и парус может плавать по воде. Заранее благодарна!
0 votes1 answer -
Проблема с передачей данных между страницами
Здравствуйте дорогие форумчане! Наткнулся на проблему при передаче данных. Дело в том, что через форму хочу передать данные про товар на вторую страницу. С помощью <input type="hidden" name="price" value="1000 рублей"> можно передать цену на второю страницу. Но дело в том, что при изменении исходного кода в браузере на <input type="hidden" name="price" value="1 рублей">, то на новой странице передается значение 1. Может быть это из-за того, что сайт работает на локальном сервере? Попробовал также вариант с php <input type="hidden" name="price" value="<?php echo "1000"; ?>" /> но такой же результат. Если перейти на хостинг,…
0 votes1 answer -
помогите справится с IE - школьный сайт
http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!
0 votes0 answers -
Не понимает запроса
Здравствуйте. Помогите, пожалуйста. У чайника три вопроса. Первый, когда захожу к себе на сайт как администратор и пытаюсь пролистать записи, то у меня открывается только первая из трёх страниц с перечислением размещённых на сайте тем. Когда пытаюсь перейти на вторую или на третью, то всё равно включается первая. Как это можно устранить? Второй вопрос. На сайте на главной странице в разделе управления появилась активная ссылка на игровой сайт, которую я не размещал. И удалить её не могу. Третий вопрос. На сайте периодически появляются "левые статьи". Все требования по установке технической защиты я, вроде бы, сделал. А они лезут и, что самое неприятное, я не могу убрать и…
0 votes1 answer -
Сufon
Здравствуйте. При подключении нестандартных шрифтов через сервис Cufon столкнулся с трудностью в виде неподдающихся регуляции различных св-в блока<canvas>! По следующей ссылке можно увидеть скрин с обозначенным для примера блоком, на свойства которого мне не удаётся воздействовать: http://yamaradg.narod2.ru/history/canvas.jpg Все сss свойства в файле cufon-yui.js тщательно пересмотрел - но не могу понять от куда берутся стили указанные на принтскрине? Решить вопрос через стили именно в самом CSS не удаётся - поскольку корректно воздействовать на величину высоты например - невозможно(искажается дизайн текста) До этого генерировал этот шрифт без знаков пунктуации и вс…
0 votes0 answers -
Блок по центру и масштаб
Здравствуйте, товарищи ! Столкнулся с такой вот проблемой: когда height не влезает, то делается нежелательный отступ (по-сути сдвиг: с права на лево). Вот html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function load() { $.ajax({ url: "/text.txt", cache: false, success: function(xml){ $("#m").html(xml).show(); setTimeout("$('#m').html('Python (англ. python — питон, произноситс…
0 votes1 answer -
последняя страница
Начал работать с PHP. Встала такая задача, как занести в переменную адрес последней посещенной страницы?
0 votes0 answers -
Как сделать один файл контента на 2 версии сайта?
Добрый день. Помогите, пжлста, найти способ и реализацию довольно простой задача: Есть две версии сайта — дескопная (HTML, CSS, JQ) и мобильная (HTML, CSS). Никаких наворотов. Все просто. В каждной версии сайта есть страницы с дублирующей друг друга информацией, например, "Регламент игры". Периодически "Регламент игры" обновляется — текст, картинки, ссылки пр. Задача: Как можно реализовать использование единого файла контента, но для 2-х версий сайта? Сразу оговрюсь, я не владею JS и JQ в полной мере — могу сделать copy/past и подправить параметры. Как вариант, думал сделать через <include>, но в декстопной версии верстка табличная, а в мобильной на div'ах. Да и чув…
0 votes0 answers -
Проблема отображения сайта в IE
Может кто может подсказать где ошибка? Сайт http://klimat.studio-domino.com/shop.html нормально отображается во всех форумах кроме IE и ни как не пойму в чем ошибка. Дайте, пожалуйста, хоть направление.
0 votes1 answer -
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-