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
-
как увеличить изображение при наведении на другой блок
Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-d…
0 votes1 answer -
Как реализовать такой фон?
Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал
0 votes1 answer -
Мобильный сайт
Добрый день, тестирую на народе, будущий мини-промо мобильный сайт. То есть на эту страницу будут редиректится мобильные устройства. Много ошибок в верстке конечно же, пока все исправляю. Подскажите пожалуйста. При клике по Генплану или по Фотогалереи, нижний <li> становится большой ссылкой, то есть у него ширина и высота меняются. Как мне это исправить? А также верхний расхлопывающийся элемент наезжает на нижний, особенно это видно опять таки если нажать на Генплан или по Фотогалерею. Спасибо за помощь! Да и за критику тоже. http://a-goncev.narod2.ru/main1.html
0 votes2 answers -
Листание слайдера
Добрый день реализовал такой слайдер http://sten.myjino.ru/slider/ Возможно ли на нем сделать листание при наведении курсора на стрелочки, или еще как нибудь.
0 votes1 answer -
Непрописанные margin'ы
Почему-то margin'ы работают, хоть они и не прописаны. http://cssdeck.com/labs/full/2xrdgmdq - код. Там, вроде все так, как задумывалось, а в браузере так: http://rghost.ru/53521698
0 votes1 answer -
Проблема с slider range на телефоне
На компьютере ползунок отлично работает, но на телефона когда пытаюсь сдвинуть двигается сам экран. использую jqury ui slider range. Может кто знает как решить проблему?
0 votes2 answers -
У after отступ после блока с картинкой
Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)
0 votes2 answers -
Реализация, проблема
Имеется два разных дива, один отображается блоком, другой не отображается вообще, требуется что бы при нажатии на ссылку первый блок получал отображение none, а второй же наоборот становился на его место с другим контентом. Видел такое реализовывали с помощью js, но можно ли как-то сделать такое без использования скриптов?
0 votes4 answers -
Проблема с блоками <div>
Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …
0 votes2 answers -
Проблема с сайтом при уменьшии окна браузера IE7
Здравствуйте...ситуация вот такая: был на данном ресурсе выложен макет сайта (Первый оранжевый).... решил я попробовать свои силы и начал верстать... в итоге в Opera все смотриться неплохо и при уменьшении размеров окна и на 100%, а вот при открытии сайта в IE7 и при уменьшении размера окна, правая колонка начинает съезжать на правую.... в итоге все скачет (. Я подозреваю, что свойство min--width не работает в IE7, но я добавлял даже строки в css код для body: width:expression(document.body.clientWidth > 980? "100%" :"980px"); но ничего не меняется..... кому не тяжело, прошу посмотреть мой сайтик и ли хотя бы дайте совет, что посмотреть))) Вот, собственно, и адрес са…
0 votes2 answers -
Ссылка На Обычную Страницу Из Frame
К примеру у меня есть главная страница сайта без фреймов. А все остальные страницы построены на фреймах, и в фрейме-шапке каждой страницы должна быть ссылка на главную страницу сайта. Сейчас, при нажатии на эжту ссылку, браузер загружает главную в этот фрейм-шапку, а мне нужно, чтобы все случилось по-обыкновенному, то есть эта страница с фреймами заменилась главной страницой. Спасибо!
0 votes1 answer -
Div блок
У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!
0 votes1 answer -
Атрибуты IMG после использования ластика
После обнуления всех отступов через CSS reset. В контентной области инфа вставляется через редактор и все атрибуты как выравнивание и отступы не работают. Есть способ как оставить их работоспособность использую ластик?
0 votes2 answers -
Проблема со значками соц. сетей
Здравствуйте дамы и господа! Подскажите, как можно прицепить значки аддтхиз на сайт, чтобы они находились сбоку от контента, и главное перемещались вместе с окном браузера. То есть постоянно были у пользователя на виду, куда бы он не прокручивал окошко. Надеюсь более менее понятно написал %)
0 votes2 answers -
Какой оптимальный шрифт и размер для разных ОС?
Какой оптимальный шрифт и размер для разных ОС? Может даст кто совет с практики, а то выходит 13px маленький в Linux, но зато в Windows нормальный.
0 votes4 answers -
Помогите разобраться(Window окно на css)
Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать). Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа). Вот код: <div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0…
0 votes1 answer -
проблемка с <select>
Всем привет. Пишу портальчик на php. Нужно сделать выбор ролей пользователей из списочка с мультивыбором. При генерации страницы высылаю с сервера список с уже выбранными опциями, показывающими текущие установленные роли с атрибутом selected. При выборе других ролей и сабмите формы, на сервер приходят именно те опции, которые были помечены атрибутом selected. Подскажите как это побороть.. ЗЫ на пхпфоруме мой вопрос проигнорировали. Неужели я один с таким столкнулсо? ЗЫЫ проверял в хроме и в експлорере - эффект один и тот же.
0 votes3 answers -
Разница в позиционировании
Здравствуйте! У меня такой вопрос: есть ли принципиальная разница в позиционировании или это зависит только от того, кому как удобно? К примеру c absolute у меня получается намного лучше чем c relative.
0 votes3 answers -
Как сделать такое в форме
Есть обычная html форма, в ней есть выпадающий список для выбора продукта. Как вывести еще один выпадающий список для выбора цвета выбранного продукта? Просто продукты разные и их цвета в наличии тоже. Спасибо!
0 votes2 answers -
как сделать трёх колоночный шаблон?
есть шаблон он одна колоночный, хотелось бы сделать что бы у него были два блока по бокам как это сделать плиззз помогите
0 votes1 answer -
Фиксированное положение элемента
Здравия желаю! Есть элемент на странице. Когда пользователь скроллит страницу, то, этот элемент передвигается вместе со страницей. Дойдя до верхнего края страницы он должен зафиксироваться и всегда оставаться на экране. Подскажите, пожалуйста, как это можно реализовать? При обратном скроллинге, он должен будет встать на свое место, когда пользователь будет выше его первоначальных координат. Спасибо
0 votes1 answer -
как сделать чтобы div тянулся вниз на 100 процентов
как сделать чтобы div тянулся вниз на 100 процентов
0 votes2 answers -
Сохранение позиции раздвижных блоков
Здравствуйте! Снова у меня небольшой вопросик Контент сайта разделён таблицей на три части: 200px/ВСЁ ОСТАЛЬНОЕ/200px Хочу сделать так, чтоб правую сторону можно было скрыть (для увеличения центрального контента). Как "раздвигать" и "сдвигать" правую колонку я научился, но вот как сохранить это положения для пользователя? К примеру, он скрыл правую колонку, перегрузил страницу или перешёл на другую, как правая колонка снова раздвинута. Вот код: Скрипт: $(document).ready(function () { $("#wideView2").click(function () { $("#RightSidBar").toggleClass("hide"); $(this).toggleClass("hide"); }); }); CSS:…
0 votes4 answers -
Не скругляется внктренний блок.
В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 0... помогите пожалуйста вот скриншот и код <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>pechal'</title> <link rel="stylesheet" type="text/css" href="style2.css" /> </head> <body> <div class="container"> <div class="krug"> <div class="krugc"> <div id="barG_1" class="bar-lineG"></div> <div id="barG_2" cla…
0 votes2 answers -
Не позиционирует относительно body
Вот столкнулся с проблемой, не могу никак решить. Редактирую шаблон opencart. Задача: Надо сверху от края экрана сделать черную полосу на ширину экрана, высотой 30 пикс., это фон для верхнего меню, обязательно на ширину всего экрана. Так-то фон можно сделать черным, но ограничение по ширине контейнера. Дано: Все содержимое сайта в #container, ширина которого 980px. Что делал: 1. Перед контейнером ставил блок на всю ширину - не получилось, все разъезжается. Почему - не понял. Хотя раньше в Joomla таким способ делал шаблоны. 2. Основной контейнер вставлял в другой контейнер шириной на весь экран. Все поползло, там походу куча стилей, которые надо переопределять, геморрой.…
0 votes1 answer