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://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!
0 votes0 answers -
Картинка (при уменьшении броузера)
Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }
0 votes0 answers -
Расширяется слой(блок)
У меня такая проблема: у сайта из двух блоков второй(#position3), где находится контент и текст при вводе текста слой расщиряется, а в результате чего опускается вниз. Помогите пожалста сделать так чтоб он не расширялся! #container { width: 850px; /* Ширина слоя */ margin-right: auto; /* Отступ справа */ margin-left: auto; /* Отступ слева */ background-color: ; height:1008; } #position1{ /* Этот слой накладывается поверх */ position: relative; /* Относительное позиционирование */ left:0px; /* Положение от левого края */ top: 0px; /* Положение от верхнего края */ width: 150px; /* Ширина правой колонки */ height:1000px; background-image: url(fon1.jpg); …
0 votes1 answer -
Обтекание картинки
Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }
0 votes2 answers -
3 дива по центру
подскажи как построить 3 дива по центру типо как на _lostfilm.tv 3 подряд получается сделать но они висят в левой стороне и на центр не получается их выгнать .. и нужно что бы они были на всех разрешениях ... так что отступ просто не получиться сделать ..
0 votes1 answer -
Не указывается размер в %
Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…
0 votes2 answers -
размещение кода баннера на сайте для партнера
Здравствуйте, подскажите, пожалуйста, как разместить код баннера для партнеров на своем сайте, что бы его могли копироватьи размещать на другие сайты?
0 votes1 answer -
подберите фон
помогите подобрать фон на школьный сайт нужно чтото типа бумаги если что вот сайт http://xn--8-mtbvk1b.in.ua/
0 votes3 answers -
убрать отступ.Таблица
Помогите разобраться с помощью HTML. сверху чтоб не было отступа от обозревателя к таблице
0 votes1 answer -
Проблема с высотой <div>
Здравствуйте! Ситуация такая: блок #page, растянутый на 100% высоты страницы, содержит в себе два блока: #content и #footer. Блок #footer зафиксирован внизу блока #page, и его высота зависит от содержащегося в нем текста (текст, при этом, может быть различный, т.е. высота не фиксирована). Задача: нужно максимально растянуть #content по высоте, так, чтобы он не перекрывал #footer (по центру блока #content будет выровнено изображение). Иными словами, #footer растет вверх от нижнего края страницы, а #content должен занимать все свободное пространство от верха страницы до блока #footer. Подскажите, пожалуйста, как этого добиться.
0 votes6 answers -
Проблема с блоком - обвёрткой
Добрый день. На принте видно, что основной блок - обвёртка <wrapp> как то странно себя ведет, налазиет на свои дочерние блоки при уменьшении окна, другими словами он не растягивается по высоте дочерних блоков, а вытягивается по высоте экрана. Такого же быть не должно. Как сделать так, что бы у него минимальная высота была не меньше чем суммарная высота его дочерних блоков? Заранее спасибо. Пример кода HTML <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &…
0 votes1 answer -
Мониторы и пропорции
Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?
0 votes2 answers -
Как поместить кнопку в окне формы поиска
Как поместить кнопку в окно ввода и выровнять по правую строну окна? форма
0 votes2 answers -
Сайдбар поехал
Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp вот код: <div id="container"> <div id="header">шапка</div> <div id="content">контент</div> <div id="sidebar">Это сайдбар</div> <div id="footer">футер</div> Вот css * { margin: 0; padding: 0; } html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } #container { width:980px; margin:0 auto; } #content { padding-bottom: 100px; margin-right:200px; } #footer { position: absolute; bo…
0 votes2 answers -
обрезание плавающего элемента
помогите пожалуйста решить проблему при уменьшении ширины окна на этой странице происходит сначала обрезание элемента списка. ссылка. и только после этого перестройка плавающих элементов.ссылка мне хотелось бы сделать так чтобы элемент списка не обрезался. то есть нужно чтобы перестройка плавающих элементов произошла в момент соприкосновения границы окна и крайнего плавающего элемента
0 votes1 answer -
Проверка кроссбраузерности
Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?
0 votes0 answers -
Проблема с кодировкой в jquery табах
Есть страница index.php В ней выставлена кодировка ютф-8 при помощи <?php header("Content-Type: text/html; charset=utf-8");?> и стандартно <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> . Есть страница test.php. Если заинклюдить страницу test.php в index.php, то все нормально (русский текст нормально отображается), но если страница подгружается при помощи ajaxa вот этим скриптом, то наблюдается беда с кодировкой (кракозябры). Почему так происходит? Картинка для наглядности: http://awesomescreenshot.com/000lxdf66
0 votes2 answers -
Помогите с отображением спойлеров.
Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.
0 votes1 answer -
float
как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>
0 votes3 answers -
Как сверстать данный макет
Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.
0 votes4 answers -
как сверстать
Всем привет! Подскажите как сверстать такие картинки? http://yadi.sk/d/OsQJ_TpxLPxNm
0 votes2 answers -
Bootstrap. С чем его есть?
Доброго всем. Задался целью изучить bootstrap, но посидев и почитав офф. русские сайты про него всё равно не понимаю ничего. Так было когда-то и с JS, не понимал, а потом в один момент понял, что всё просто, но почему-то раньше не мог его догнать вообще. Может посоветуете, как его изучить?
0 votes3 answers -
Вписать содержимое в одну страницу при печати
Добрый день! Подскажите можно ли средствами css вписать все содержимое на одну страницу при печате?
0 votes2 answers -
Как сделать оберточный блок на всю высоту?
Здравствуйте. Ситуация следующая... При верстке сайта ещё точно не знал, какие виджеты будут, какие блоки будут, и.т.д. Поэтому, размер контентного фона указывал в пикселях. Сейчас сайт полностью сверстан и необходимо центральному фону, в котором находятся все сверстанные блоки и виджеты дать ширину, которая будет тянуться в зависимости от количества блоков и информации на странице. Перепробовал множество различных вариантов, но пока безуспешно... Буду всячески благодарен за советы. P.S. height:100%; не работает. На хабре есть тема, где можно подключить скрипт, который будет тянуть блок на всю высоту, правда работает не особо корректно.
0 votes2 answers -
Разные размеры изображений в браузере?
Создал картинку в фотошопе определенной высоты, вставил ее в страницу, а она меньшего размера отображается, хотя размер прописан тот же. Вообще не понимаю как браузеры отображают картинки... открыл картинку просто через браузер, она нормального размера, открыл на html странице стала меньшего размера. Скриншот здесь https://yadi.sk/i/mrfI32TNZXyiL слева картинка в просмотровщике, справа html страница в браузера. Разобрался, вот я заработался и на масштаб не смотрел)
0 votes0 answers