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
-
Более широкий блок вылезает на мобильных
На мобильных устройствах, по понятным причинам, блок, ширина которого шире всех остальных, некрасиво вылезает, из-за чего образуется белая пустота справа. Как правильнее всего пофиксить это? Смотреть тут: http://demo.imatte.us/krovel
0 votes2 answers -
Не работает last-child
Подскажите пожалуйста, Почему не работает last-child? http://rghost.ru/57018468
0 votes1 answer -
проблема с фреймами
начинаю учить html. в процессе возникла такая ситуация - создал страницу, разбитую фреймами на 3 области (заголовок, слева список и справа основная часть). при переходе по элементу списка в основную часть, как и задумано, загружается отдельное окно. однако, если обновить страницу (ф5 или тыкнуть обновить), то в основную часть автоматически загружается главная страница (та, которая отображается изначально на главном окне). как сделать так, чтобы при обновлении в основной части оставалось то, что я загрузил туда со списка?
0 votes4 answers -
Переключатели картинок в слайдере
Подскажите пожалуйста, где стили переключателей картинок (кругляшей)? Хочу поменять цвет, но не могу найти! http://rghost.ru/57016291
0 votes1 answer -
Передается только первый checkbox
Передается только первый checkbox (acc). Остальные значения (man, inr) пустые. Подскажете в чем дело? HTML <form method="post" action="sender.php"> <input type="checkbox" name="acc" value="on">бухгалтерия<br> <input type="checkbox" name="man" value="on">отдел продаж<br> <input type="checkbox" name="inr" value="on">отдел закупок<br> <input type="submit" name="submit" value="Отправить"> </form> PHP <? if ($_POST['acc'] == "on") { echo "Бухгалтерия"; } if ($_POST['man'] == "on") { echo "Продажи"; } if ($_POST['inr'] == "on") { echo "Закупки"; } ?>
0 votes2 answers -
Показать скрытые элементы при клике и оставить видимыми
Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться. Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть. По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем.. Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)
0 votes2 answers -
Слайдер, подстраивающийся под любые размеры изображения
Всем привет, Есть задача сделать вот такой слайдер Макет 1 - http://prntscr.com/44iae1 Макет 2 - http://prntscr.com/44iaeh Страница сайта имеет фиксированную ширину 1000px За основу взяла вот такой слайдер http://sorgalla.com/jcarousel/examples/responsive/ Возможно ли его переделать так, чтобы он подстраивался под горизонтальные и вертикальные картинки? Есть ли готовые варианты подобного слайдера
0 votes3 answers -
Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?
Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.
0 votes0 answers -
Select & Number (выравнивание по горизонтали, кроссбраузерность)
Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…
0 votes21 answers -
Подключаемый шрифт IE
Здравствуйте, не получается подключить шрифт для IE < 9, ссылка на страницу , ссылка на css Делал по примеру статьи на хтмлбуке , а именно: @font-face { font-family: Pompadur; /* Гарнитура шрифта */ src: url(fonts/pompadur.eot); /* Для IE5-8 */ src: local(pompadur), url(fonts/pompadur.ttf); /* Для остальных браузеров */ }Так же пробовал подключать таким форматом: src: url('myfont-webfont.eot?') format('eot')но не получилось. В чем может быть проблема?
0 votes1 answer -
Видеозапись в качестве фона на главной сайта
Здравствуйте! Подскажите, пожалуйста, как сделать чтобы на главной странице сайта в качестве фона была видеозапись со звуком и и т.д.? Как, например, на сайте http://www.questpistols.com/ Спасибо за помощь!
0 votes5 answers -
Логотип не стоит на месте
Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении
0 votes17 answers -
Синтаксический стандарт Css
Всем доброго, наткнулся на статью http://rosinfotech.com/blog/14.php <— я не могу найти в W3С этих стандартов, может кто то поможет???
0 votes3 answers -
Не работает слайдер
Собственно подскажите пожалуйста, почему не работает слайдер? http://jsfiddle.net/3WN9D/
0 votes10 answers -
Как сделать оберточный блок на всю высоту?
Здравствуйте. Ситуация следующая... При верстке сайта ещё точно не знал, какие виджеты будут, какие блоки будут, и.т.д. Поэтому, размер контентного фона указывал в пикселях. Сейчас сайт полностью сверстан и необходимо центральному фону, в котором находятся все сверстанные блоки и виджеты дать ширину, которая будет тянуться в зависимости от количества блоков и информации на странице. Перепробовал множество различных вариантов, но пока безуспешно... Буду всячески благодарен за советы. P.S. height:100%; не работает. На хабре есть тема, где можно подключить скрипт, который будет тянуть блок на всю высоту, правда работает не особо корректно.
0 votes2 answers -
Наложение слоя
Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/
0 votes5 answers -
Сокрытие контента на мобильных устройствах
Хотел поинтересоваться практикуется ли в верстке подход, когда при помощи css медиа запросов скрываются некоторые элементы, чтобы улучшить воспроизведение страницы на устройствах с малым экраном? Например, есть страница со слайдером, логотипом, контактами в шапке. На экранах ноутбуков и дэсктопов с большим разрешением все красиво и удобно. Но на планшете и смартфоне все это выглядит довольно громоздко и довольно не удобно(для того, чтобы добраться до контента или меню нужно скролить страничку, да и тяжелые фотки со слайдера могут долго грузиться при узком канале инета). Стоит ли пользуясь медиа запросами просто скрывать все "лишнее" на устройствах с малым экраном для боле…
0 votes5 answers -
Сфера с translateZ
Добрый день. Как заставить сферу быть объемной при translateZ. Сферу создал по известной конструкции <div class="wrapper"> <ul class="ball"> <li class="ring"></li> ..... <li class="ring"></li> </ul> </div> Обвернул всю конструкцию в еще один DIV к которому применяю свойство translateZ (нужно что бы сразу все сферы перемещались в нужном ракурсе). В результате все перемещается, но при повороте rotateZ видно что сферы перестают быть объемные! Как решить данный вопрос?
0 votes1 answer -
Выпадающее меню
Помогите пожалуйста с выпадающим меню! http://jsfiddle.net/bcb52/ Интересует, почему при наведении на меню, выпадает меню, с бордер-топ, и как сделать каждое меню отдельно под своей категорией, а то сейчас при наведении оно появляется в одном месте!
0 votes1 answer -
картинка к ссылке
Подскажите, как мне к ссылкам, привязать картинку? Чет не получается! http://jsfiddle.net/UX3xG/
0 votes16 answers -
Высота инпута на разных девайсах разная
У меня есть форма. Так вот во всех браузерах на десктопе отображается отлично. Сайт отзывчивый и используются медиа-запросы. Так вот на некоторых мобильных устройствах инпуты отображаются не так, как задумано. А именно высота больше чем нужно. Например, на iOS устройствах наблюдается такое. На андроидах тестировал всего лишь на нескольких устойствах и там все нормально. Способа указать файл стилей только лишь для iOS устройств как я понял из поиска нет. Если задаю <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel= "stylesheet" href="static/css/mobile.css" media="handheld,only screen and (max-device-width:768px)"/>то файл mobile.c…
0 votes3 answers -
Проблема с line-height в IE
Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!
0 votes2 answers -
Передать значение checkbox
Подскажите, как посредством php передать значение checkbox (true false) т.е. выбран или не выбран checkbox. заранее спасибо.
0 votes11 answers -
div'ы в цикле
Всем привет, ребят така проблемка, например: .descript{ padding: 5px; float: left; width: 55px; margin:3px;}.model{ padding: 5px; float: left; width: 55px; margin:3px;}<div class="descript">123</div><div class="model">456</div>Тут понятно, два дива будут рядом по горизонтали, но при прохождении цикла формируются еще div'ы, и при такой конструкции они естественно тоже цепляются по горизонтали, а задача сделать так чтобы несколько блоков были по горизонтали, а следующие из цикла были ниже но в таком же виде, надеюсь понятно описал или тут лучше использовать таблицу? Спасибо!
0 votes2 answers -
Проблема с отображением
Доброго времени суток. Излагаю суть проблемы. Есть верстка http://lp-project2.url.ph/, второй слайдер, который с миниатюрами, при первой загрузке страницы отображается частично, после перезагрузки - нормально. Соответственно когда смотрю через fire bug, высота сначала одна, потом другая. В чем может быть проблема?
0 votes3 answers