HTML Coding

29542 questions in this forum

1. Увелечение размера блока товара при hover

   Всем привет! Ломаю голову как можно сверстать страницу товаров интернет магазина на котором при наведении на блок товара, размер блока увеличиваеться по 20px по краям(составляя 40 пикселов). Более конкретно: Сам блок с размером 163px. С помощью inline-block выстроен в ряд. Естественно при изменении размера, нарушаеться сетка. Дорогие друзья, что можно делать в этом конкретном случае чтобы сетка не нарушалась?

   Asked by parnas, June 28, 2014

   0 votes
   5 answers
2. Сайт в Хроме выглядит странно

   Подскажите, почему в Хроме сайт http://dvepochki.ru/ отображается таким мелким? Что не так? Как это исправить?

   Asked by fowl, October 4, 2014

   0 votes
   1 answer
3. Форма в плавающем div

   В Top-Bar на странице есть пунктик меню при наведении на который мышкой всплывает ДИВ с формой авторизации внутри. При перемещении мыши за пределы этого ДИВ форма скрывается. Понятное дело в браузере действует система запоминания значений полей. И если навести мышку на подсказки, появляющиеся под текстовым полем, ДИВ тоже исчезнет. Как можно обойти это? Или лучше решения чтобы форма появлялась по клику на этом пункте и исчезала по клику за пределами ДИВа? В качестве фреймворка использован Zurb Foundation

   Asked by ekkl, October 15, 2014

   0 votes
   1 answer
4. overflow в ячейки таблицы

   Работает ли свойство overflow в ячейке таблицы? <td style="width:60px;overflow: hidden;"><div style="width:70px"></div></td>Почему-то делает ширину 70px

   Asked by PavelTkachev, March 25, 2015

   0 votes
   6 answers
5. Как создать простейшую корзину

   Добрый день, друзья! Прошу прощения, может кто подскажет готовый простейший, легкий плагин для корзины? Товаров всего 3 десятка, атрибутов у них 1-2, а в готовых примерах очень много переменных. Спасибо!

   Asked by Vic-Tor, May 30, 2015

   • корзина интернет-магазин
   0 votes
   2 answers
6. Timeout

   Здравствуйте. Интересует следующие, возможно ли выставить время между загрузкой изображений (других элементов) без помощи JavaScript. Например, ... <img src="/cat.jpg"> ждем 10 секунд и только потом грузим дальше на странице <img src="/cat2.jpg"> ...

   Asked by Sneark, July 22, 2015

   0 votes
   3 answers
7. Text-align-last

   Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

   Asked by Нарек, December 7, 2015

   0 votes
   1 answer
8. Блок залетает под блок, из-за float

   Блок content залетает под блок banner из-за float, как исправить? У меня есть специальный класс(row) для этого(чтобы обычные блоки обтекали float), но он не работает. вв.7z

   Asked by Playoff, April 16, 2017

   0 votes
   1 answer
9. Проблема с кавычками

   Скриншот Верстка 1. Как сделать такие же кавычки как на скриншоте? Шрифты и размер как в макете. Кавычки ставлю где цифра 2. 2. Не получается фразу где кавычки так же сделать. Пробывал прописать float: left для левой кавычки и для цитаты. Получилось так. Это реально похоже на кавычки, но на макете они на одном уровне, а если я начинаю марджинами двигать там косячит все конкрентно. Или может проще кавычки картинками вставить?

   Asked by Rustick, July 9, 2011

   0 votes
   2 answers
10. Помогите с height'ом Div Блока

    Есть Div-ый блок у него есть background только вот height у него не растягивает, подскажите из-за чего ? http://jsfiddle.net/ELGgj/ <style> #hero-info {width: 678px; height: 100%; background: #000;} .hero-skill-pic, .hero-skill-block { float: left; } .hero-skill-pic { margin: 10px 10px 0 10px; } .hero-skill-block { width: 550px; border-left: 2px solid #FFF; } .hero-skill-disc { border: 2px solid #FFF; } </style> <div id="hero-info"> <div class="hero-skill-disc"> <d…

    Asked by Udyr, July 27, 2011

    0 votes
    2 answers
11. Список с полем и таблица с данными

    Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.

    Asked by staindik, August 5, 2011

    0 votes
    2 answers
12. Содержимое div проваливается в его margin-bottom

    Уважаемый специалисты, решил воспользоваться методом центровки содержимого div на экране: http://www.artlebedev.ru/tools/technogrette/html/align-center/. Все сработало, но, как оказалось, при указании у самого внешнего дива - margin-bottom:NNpx, содержимое самого дива ровно на это число пикселов съезжает вниз. Происходит это только в Лисе! Причем, если указать внешнему диву border, то съезжать перестает! Можете попробовать сами. Это глюк Лиса или я что-то не правильно понимаю в принципах поля margin? Догадываюсь, что дело в том, что у внутреннего дива стоит float:right. (Если это свойство убрать, то содержимое перестает вываливаться вниз). Но ведь после содержимого внешн…

    Asked by webmos, November 13, 2011

    0 votes
    0 answers
13. Использование глобальных стилей - моветон?

    Здравствуйте, уважаемые форумчане. Вопрос возник после услышанной мною фразы, что "использовать <style type="text/css"> ... </style> - ужасно неправильно и вообще дурной тон. Все должно быть сделано через классы. И все стили должны быть описаны только вне index.html". Я начинающий верстальщик, поэтому мне сложно решить: выкидывать этот тег из своей верстки, или же он нужен для чего-то еще, кроме как повышения специфичности элемента? Пожалуйста, можете объяснить мне смысл тега <style>?

    Asked by Kreigan, February 2, 2012

    0 votes
    3 answers
14. Как вставить два изображения в один элемент

    Есть горизонтальное меню в виде вкладок. В стилях прописано фоновое изображение. Нужно еще в угол вставить маленькую иконку вопроса. Как это можно сделать не удаляя фон? Если вставлять второй background то фоновое изображение естественно исчезает и появляется иконка. Пробовал этот вариант Но что то у меня не выходит. Вложенность у меня такая <ul> <li><span><a><span>Аукционы</span></a></span></li> </ul>

    Asked by Modestes, April 26, 2012

    0 votes
    1 answer
15. помогите с тегом embed

    Здравствуйте , я хотел сделать сайт на который загружу музыку , но есть одна проблема , когда я обновляю страницу то начинают играть все песни , а мне нужно сделать так , что бы играли только те , на которые нажали плей . Вот так делал я , подскажите пожалуйста как сделать , что бы играло то , что хочешь , а не всё сразу ). <embed src="ХИТ ЛЕТА 2011.mp3"> <br> <embed src="Музыка/L'aRossa - P2 2011].mp3">

    Asked by KEKS_CHEL, June 21, 2012

    0 votes
    6 answers
16. Растягивание блока.

    Есть три блока (div) с display: inline-block, левый и правый нефиксированной ширины (выравниваются по их содержимому), а средний должен растягиваться от левого до правого блока. Если ставить width: 100%, то блок растягивается вообще на всю страницу, выталкивая при этом блоки вверх и вниз, width: auto ничего не делает. Можно, и даже лучше было бы сделать эти блоки float (чтобы не было отступов между блоками), но опять же всё выталкивается при width: 100%.

    Asked by Necronomicron, July 1, 2012

    0 votes
    4 answers
17. Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)

    Здравствуйте. Сама совсем недавно начала разбираться с вёрсткой сайтов. И вот уже с самого начала появилась проблема, которую не выходит решить самостоятельно. Так что, прошу помоч. Для более наглядного размещения блоков, исполйзовала border: 1px solid black. После удачного размещения все бордеры поставила в ковычки. Но после этого блоки container и header сьехали вниз на 70px (на сколько я понимаю). Блок logo остался на том же месте где был (по отношению к верхней границе экрана). в чем ошибка? INDEX - <body> <div id="container"> <div id="header"> <div id="logo"> <a href="index.php"></a> </div> </div>…

    Asked by ilaga, August 21, 2012

    0 votes
    3 answers
18. responsive web design and grid (Адаптивный web lbpfqy)

    http://forefathersgroup.com/ http://www.stpaulsschool.org.uk/ http://sweethatclub.org/ Вот примеры адаптивных сайтов Подскажите как установить grid(Сетку) И как правильно работать с media queries

    Asked by paseonru, August 31, 2012

    0 votes
    1 answer
19. Замена input (checkbox или radio) на button с передачей значения

    <input type="checkbox" name="manufacturers[]" value="<?php print $v->id;?>" <?php if (in_array($v->id, $manufacturers)) print "checked";?> onclick="document.jshop_filters.submit();"> <?php print $v->name;?> Есть такой инпут, нужно из него сделать кнопку или ссылку. И что бы передавалось значение. Можно через JS. Кто подскажет решение?

    Asked by SWoz, September 16, 2012

    0 votes
    1 answer
20. Почему в <dt> нельзя запихнуть <h2>?

    вот мне нравится такая структура: <dl> <dt><h2>Управление опросом</h2></dt> <dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd> а валидатор ругается. А можно я так оставлю?

    Asked by Маленьке Звірятко, October 15, 2012

    0 votes
    1 answer
21. Кривая верстка в IE 8 лишь на движке

    Сверстал макет, в IE8 отображается вполне сносно. Вот пример верхнего меню http://jsfiddle.net/aTWq5/1/ Натянул на движок, вроде как код не поменялся, или я слепой... но выпадающего меню как не бывало... отображается он бог знает как.(в режиме совместимости ещё более-менее) а так, лишь первый элемент меню отображается нормально... Кто что может подсказать? Пациент: _libraryshop.ru p.s. на картинки с товарами внимания можно не обращать, это пока лишь небольшой косяк.

    Asked by NightHawk, September 25, 2013

    0 votes
    2 answers
22. Поясните следующее поведение при позиционировании и выравнивании

    Приветствую. Изучаю горизонтальное позиционирование и столкнулся с непонятным мне поведением элемента, поясните пожалуйста ситуацию. Собственно ссылка на пример. С 1-м и 2-м элементом все понятно, но как высчитывается отрицательный margin у 3-го элемента, относительно чего от высчитывается? Спасибо!

    Asked by massef, November 30, 2013

    • position
    • отризательный margin-left
    0 votes
    1 answer
23. Попощь по поиску по сайту

    Подскажите пожалуйста, у меня есть бордер, в который мне нужно сделать, что бы пользователь мог вводить текст и нажимать на кнопку поиск и искать! Надеюсь суть понятна!

    Asked by oleg126, December 28, 2013

    • поиск
    0 votes
    1 answer
24. Активные области карты

    http://rso.monmedia.ru/address я тут карту такую сделал, но активная область как бы словем выше других и когда наводишь на соседнюю, то получается что она наводится когда кончается невидимая граница активной картинки, а надо по факту когда мышь наводится на границу сразу же. надеюсь понятно пояснил. у самого нет идей как это реализовать

    Asked by aquapasha, October 5, 2014

    0 votes
    1 answer
25. галерея

    Есть ли где готовая галерея с прокруткой (право влево) но она должна быть тонкой полоской (100px) и увеличением картинок по нажатию?

    Asked by impt, July 30, 2015

    0 votes
    6 answers