HTML Coding

29542 questions in this forum

1. Как сделать такую сетку товаров, чтобы при наведении не прыгало

   Подскажите, пожалуйста, как сделать такую сетку товаров, чтобы при наведении появлялась кнопка "Заказать" снизу, но нижние блоки оставались на своих местах. Т.е. кнопка "Заказать" должна накладываться сверху. Вот тут накидал пример http://jsfiddle.net/ds4g4/1/ Вот поиграл с position, но кнопка улетает не туда http://jsfiddle.net/ds4g4/2/

   Asked by Джин, December 3, 2013

   0 votes
   4 answers
2. Проблема с навигацией

   Вот макет. http://s019.radikal.ru/i602/1312/c7/0b4cb754ece3.png проблема такая, у меня знаний не очень много, но застрял на верхней навигации, как мне сделать чтобы при наведении цвет менялся на весь бок li, а не на фоне текста ? вот исходники http://jsfiddle.net/tHKt7/1/

   Asked by WEB-best, December 3, 2013

   0 votes
   4 answers
3. Можно ли заменить position:relative+top на margin-top?

   День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2

   Asked by Temik2704, December 4, 2013

   0 votes
   4 answers
4. Выравнивание по центру страницы.

   Комрады хелп. Есть вот такая картинка: http://clip2net.com/s/6jEyou Пытаюсь сделать так: <div class="page-not-found"> <div> <h2>Ошибка</h2> <p>Страница, которую вы ищете не существует, либо устарела.</p> <p>Вы можете перейти на <a href="/">главную.</a></p> </div> </div>.page-not-found h2 { font-family: 'Comfortaa', cursive; font-size: 18px;}.page-not-found { background: url(../images/page-not-found_bg.png) left 20px no-repeat; padding: 0 0 0 80px; display: table;}.page-not-found div { …

   Asked by faynoit, December 4, 2013

   0 votes
   4 answers
5. Длинная страница

   Добрый всем вечер! Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!

   Asked by Yust-os, December 4, 2013

   • футер
   0 votes
   4 answers
6. Как сделать стрелочку сбоку от меню a:hover

   Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;h…

   Asked by belosnezka, December 6, 2013

   0 votes
   4 answers
7. inline-block и float

   http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

   Asked by Zverushka, December 8, 2013

   0 votes
   4 answers
8. Фон шалин в Мазилле.

   Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.

   Asked by Paul_Liferenko, December 9, 2013

   • background
   • mazilla
   • fail
   0 votes
   4 answers
9. Проблема с плавной сменой картинки

   Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

   Asked by lersen, December 9, 2013

   0 votes
   4 answers
10. Как сделать текст под картинкой ?

    Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.

    Asked by WEB-best, December 10, 2013

    0 votes
    4 answers
11. Редакторы для LESS

    Начинаю работать с LESS. Теперь нужно подобрать редактор. Обычно я работаю в Dreamweaver, Notepad++... Хотелось бы узнать, какие существуют наиболее удобные редакторы, плагины для работы с .less-файлами.

    Asked by Светлана Г., December 11, 2013

    • less
    0 votes
    4 answers
12. Отклеивающееся меню

    Подскажите, где найти красивый пример отклеевающегося меню? Чтобы был нормальный валидный код и ничего лишнего. Надо что-то вроде этого http://www.hutchhouse.com/ Возможно ли такое без яваскрипта?

    Asked by Wak, December 11, 2013

    0 votes
    4 answers
13. скрипт отправки писем

    посоветуйте пожалуйста скрипт, который отправляет данные формы на email. желательно на js, если такое возможно устроит и php-решение

    Asked by cyklop77, December 11, 2013

    0 votes
    4 answers
14. Уменьшенные фото при просмотре в Opera

    Здравствуйте. Сделал интернет-магазин на joomshopping. Всё уже почти допилено-настроено, но тут выяснилось что в Opera фотографии товара на витрине очень-очень мелкие, как иконки. Причём не у всех. Т.е. вот Опера вроде бы одинаковая, но у меня и напарника фотографии мелкие, а у некоторых нормально отображаются. Кто-нибудь знает из-за чего такое может быть? Никакой блок рекламы и экономия траффика не стоит. Адрес сайта: elixir.org.ua Сайт на Joomla 2.5. У меня самого Firefox.

    Asked by Akkianu, December 11, 2013

    • опера изображения
    • маленькие
    0 votes
    4 answers
15. перемещение скролла в fancybox2

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

    Asked by cyklop77, December 12, 2013

    0 votes
    4 answers
16. Правка стиля

    Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

    Asked by Zeeeya, December 14, 2013

    0 votes
    4 answers
17. Flexbox, разочарование или нет?

    Казалось бы, реализовывать с помощью флексбоксов галереи или карточки товаров должно быть намного более удобно, чем через флоаты или инлайн-блок. Но вот мне так и не удолось добиться того, что бы красные плитки шли одна за другой, а именно, что бы не было пустого места между 7 и 8 плиткой ( а это, как раз, типичная модель галереи или карточек товаров должна получиться ) http://jsfiddle.net/3zkAf/ Что же делать?

    Asked by Evkaky, December 17, 2013

    0 votes
    4 answers
18. Таблицы и css

    Приветствую. Тыкните носом на мануал или если не сложно обясните здесь на примерах. Проблема следующая. Есть страница с 3-мя таблицами. В CSS прописан общий стиль для всех таблиц по сайту. Как сделать так, чтобы для одной таблицы задать абсолютно другие стили и чтоб они не распрострянялись на другие таблицы на этой странице? Требование: все стили задаются только в главном файле style.css Я пробовал эту таблицу вносить в div, а далее писать правила .divname table {} и т.д, но тогда ее правила распространялись абсолютно на все таблицы по сайту.

    Asked by rudeboy_, December 18, 2013

    0 votes
    4 answers
19. Блок под разные разрешения экрана

    Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:

    Asked by okunev2, December 18, 2013

    0 votes
    4 answers
20. Применение события только к текущему блоку

    $('.basket .good-zakaz').hover( function() { $(".basket .good-zakaz .delete").show(); }, function() { $(".basket .good-zakaz .delete").hide(); } );Есть множество блоков .basket .good-zakaz при навдении на один из них выводится блок .delete. Проблема в том что выводится у всех блоков, если наводить на один из них. Нужно чтобы выводился только у того на который наводим. Что туплю

    Asked by okunev2, December 19, 2013

    0 votes
    4 answers
21. Многоугольник с рамкой

    Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

    Asked by Aleksandr.L, December 20, 2013

    0 votes
    4 answers
22. Проблема с бекграундом в IE

    Вот что получается http://prntscr.com/2d1vfs (даже в 11 версии) Верстка тут http://alexlebedev.pw/works/advogrand/ Если убрать тень, то все хорошо отображается. Так же, если выделить текст, появляется бекграунд

    Asked by swandev, December 22, 2013

    0 votes
    4 answers
23. Подскажите по parallax..

    Пытаюсь реализовать параллакс на сайте. http://zverushka.zz.mu/water2/ Я пыталась объединить прокрутку(мышкой за прокрутку когда тянешь) и параллакс на мышку - ничего не получилось. Нормально ли выглядит эффект? Если что-то криво и вам не нравится - что посоветуете использовать? Как лучше реализовать? Сделала ли я что-нибудь не так? Как бы подтормаживания - это нормально? Может сделать паралакс только на прокрутку? Что-то у меня не выходит написать рукописный код чисто на скроллинг, а из плагинов я найти не могу такого. есть только плагины, которые оперируют fixed заднего фона, а мне нужен плагин, который использует position абсолютного слоя.

    Asked by Zverushka, December 29, 2013

    0 votes
    4 answers
24. меню htmlbook

    прокрутное меню сделано с помощью overflow???

    Asked by DivMan, January 2, 2014

    0 votes
    4 answers
25. ie8 и z-index -1 -

    ie8 и z-index -1 - как сдружить? Надо спрятать псевдослой позади родительского элемента в 8м осле.

    Asked by Zverushka, January 6, 2014

    0 votes
    4 answers