HTML Coding

29542 questions in this forum

1. как увеличить изображение при наведении на другой блок

   Есть у меня блок с изображением: <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…

   Asked by DrMartens, May 8, 2012

   0 votes
   1 answer
2. Как реализовать такой фон?

   Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал

   Asked by sfc, June 20, 2012

   0 votes
   1 answer
3. Мобильный сайт

   Добрый день, тестирую на народе, будущий мини-промо мобильный сайт. То есть на эту страницу будут редиректится мобильные устройства. Много ошибок в верстке конечно же, пока все исправляю. Подскажите пожалуйста. При клике по Генплану или по Фотогалереи, нижний <li> становится большой ссылкой, то есть у него ширина и высота меняются. Как мне это исправить? А также верхний расхлопывающийся элемент наезжает на нижний, особенно это видно опять таки если нажать на Генплан или по Фотогалерею. Спасибо за помощь! Да и за критику тоже. http://a-goncev.narod2.ru/main1.html

   Asked by Alfabora, February 25, 2013

   • адаптированная верстка
   0 votes
   2 answers
4. Листание слайдера

   Добрый день реализовал такой слайдер http://sten.myjino.ru/slider/ Возможно ли на нем сделать листание при наведении курсора на стрелочки, или еще как нибудь.

   Asked by Sten, August 21, 2013

   0 votes
   1 answer
5. Непрописанные margin'ы

   Почему-то margin'ы работают, хоть они и не прописаны. http://cssdeck.com/labs/full/2xrdgmdq - код. Там, вроде все так, как задумывалось, а в браузере так: http://rghost.ru/53521698

   Asked by Haindell, March 28, 2014

   • margin
   0 votes
   1 answer
6. Проблема с slider range на телефоне

   На компьютере ползунок отлично работает, но на телефона когда пытаюсь сдвинуть двигается сам экран. использую jqury ui slider range. Может кто знает как решить проблему?

   Asked by raptor-dm, March 16, 2015

   0 votes
   2 answers
7. У after отступ после блока с картинкой

   Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)

   Asked by LexusKubas, July 12, 2015

   0 votes
   2 answers
8. Проблема с блоками <div>

   Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …

   Asked by СашкаСанёчек, November 7, 2015

   0 votes
   2 answers
9. Проблема с сайтом при уменьшии окна браузера IE7

   Здравствуйте...ситуация вот такая: был на данном ресурсе выложен макет сайта (Первый оранжевый).... решил я попробовать свои силы и начал верстать... в итоге в Opera все смотриться неплохо и при уменьшении размеров окна и на 100%, а вот при открытии сайта в IE7 и при уменьшении размера окна, правая колонка начинает съезжать на правую.... в итоге все скачет (. Я подозреваю, что свойство min--width не работает в IE7, но я добавлял даже строки в css код для body: width:expression(document.body.clientWidth > 980? "100%" :"980px"); но ничего не меняется..... кому не тяжело, прошу посмотреть мой сайтик и ли хотя бы дайте совет, что посмотреть))) Вот, собственно, и адрес са…

   Asked by Navigator_, June 17, 2010

   0 votes
   2 answers
10. Ссылка На Обычную Страницу Из Frame

    К примеру у меня есть главная страница сайта без фреймов. А все остальные страницы построены на фреймах, и в фрейме-шапке каждой страницы должна быть ссылка на главную страницу сайта. Сейчас, при нажатии на эжту ссылку, браузер загружает главную в этот фрейм-шапку, а мне нужно, чтобы все случилось по-обыкновенному, то есть эта страница с фреймами заменилась главной страницой. Спасибо!

    Asked by mokus, September 12, 2010

    0 votes
    1 answer
11. Div блок

    У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!

    Asked by andry65, February 1, 2011

    0 votes
    1 answer
12. Атрибуты IMG после использования ластика

    После обнуления всех отступов через CSS reset. В контентной области инфа вставляется через редактор и все атрибуты как выравнивание и отступы не работают. Есть способ как оставить их работоспособность использую ластик?

    Asked by mixnn, May 9, 2011

    0 votes
    2 answers
13. Проблема со значками соц. сетей

    Здравствуйте дамы и господа! Подскажите, как можно прицепить значки аддтхиз на сайт, чтобы они находились сбоку от контента, и главное перемещались вместе с окном браузера. То есть постоянно были у пользователя на виду, куда бы он не прокручивал окошко. Надеюсь более менее понятно написал %)

    Asked by igranat, August 10, 2011

    0 votes
    2 answers
14. Какой оптимальный шрифт и размер для разных ОС?

    Какой оптимальный шрифт и размер для разных ОС? Может даст кто совет с практики, а то выходит 13px маленький в Linux, но зато в Windows нормальный.

    Asked by Saturn, October 6, 2011

    0 votes
    4 answers
15. Помогите разобраться(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…

    Asked by CrazyBird, March 19, 2012

    0 votes
    1 answer
16. проблемка с <select>

    Всем привет. Пишу портальчик на php. Нужно сделать выбор ролей пользователей из списочка с мультивыбором. При генерации страницы высылаю с сервера список с уже выбранными опциями, показывающими текущие установленные роли с атрибутом selected. При выборе других ролей и сабмите формы, на сервер приходят именно те опции, которые были помечены атрибутом selected. Подскажите как это побороть.. ЗЫ на пхпфоруме мой вопрос проигнорировали. Неужели я один с таким столкнулсо? ЗЫЫ проверял в хроме и в експлорере - эффект один и тот же.

    Asked by stasuss, April 18, 2012

    0 votes
    3 answers
17. Разница в позиционировании

    Здравствуйте! У меня такой вопрос: есть ли принципиальная разница в позиционировании или это зависит только от того, кому как удобно? К примеру c absolute у меня получается намного лучше чем c relative.

    Asked by Gambini, May 5, 2012

    0 votes
    3 answers
18. Как сделать такое в форме

    Есть обычная html форма, в ней есть выпадающий список для выбора продукта. Как вывести еще один выпадающий список для выбора цвета выбранного продукта? Просто продукты разные и их цвета в наличии тоже. Спасибо!

    Asked by by_roxe, May 23, 2012

    0 votes
    2 answers
19. как сделать трёх колоночный шаблон?

    есть шаблон он одна колоночный, хотелось бы сделать что бы у него были два блока по бокам как это сделать плиззз помогите

    Asked by FoJ1G, May 24, 2012

    0 votes
    1 answer
20. Фиксированное положение элемента

    Здравия желаю! Есть элемент на странице. Когда пользователь скроллит страницу, то, этот элемент передвигается вместе со страницей. Дойдя до верхнего края страницы он должен зафиксироваться и всегда оставаться на экране. Подскажите, пожалуйста, как это можно реализовать? При обратном скроллинге, он должен будет встать на свое место, когда пользователь будет выше его первоначальных координат. Спасибо

    Asked by cartrege, August 27, 2012

    0 votes
    1 answer
21. как сделать чтобы div тянулся вниз на 100 процентов

    как сделать чтобы div тянулся вниз на 100 процентов

    Asked by paseonru, August 24, 2012

    0 votes
    2 answers
22. Не скругляется внктренний блок.

    В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 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…

    Asked by Radiation15, October 29, 2012

    0 votes
    2 answers
23. Не позиционирует относительно body

    Вот столкнулся с проблемой, не могу никак решить. Редактирую шаблон opencart. Задача: Надо сверху от края экрана сделать черную полосу на ширину экрана, высотой 30 пикс., это фон для верхнего меню, обязательно на ширину всего экрана. Так-то фон можно сделать черным, но ограничение по ширине контейнера. Дано: Все содержимое сайта в #container, ширина которого 980px. Что делал: 1. Перед контейнером ставил блок на всю ширину - не получилось, все разъезжается. Почему - не понял. Хотя раньше в Joomla таким способ делал шаблоны. 2. Основной контейнер вставлял в другой контейнер шириной на весь экран. Все поползло, там походу куча стилей, которые надо переопределять, геморрой.…

    Asked by Galyanoff, October 29, 2012

    0 votes
    1 answer
24. "Закрыть" внешние ссылки от поисковых систем

    Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…

    Asked by Bebeka, December 2, 2012

    0 votes
    0 answers
25. Проблемы с прозрачностю

    Здравствуйте. У меня вот такой вопрос. При создании блока с черным фоном и изображением внутри, применяются стили css для прозрачности фона, но вместе с фоном прозрачным стает и изображение, как добиться того чтоб изображение не было прозрачным. код HTML <div id="test"> <img src="img/img.gif" width="117" alt="img"> </div> код CSS <style> #test { background-color:#000; opacity: 0.5; } </style>

    Asked by prudcky, January 5, 2013

    0 votes
    1 answer