HTML Coding

29,542 questions in this forum

1. Бутсрап и список

   В самом конце страницы есть список из 6ти пунктов. Ul я сделала как row, а пункты .col-sm-4 - на большом экране смотрится нормальн, но при сужении все ломается (мало того, что элементы списка криво выравниваются, так еще и внутри них текст на новую строку перескакивает, хотя там стоит 30 и 60% и border-box - что не так и как нужно? http://zverushka.zz.mu/edu9/

   Asked by Zverushka, December 23, 2013

   0 votes
   39 answers
2. Привет всем! Прошу совета, я начинающая в Web-дизайне.

   Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).

   Asked by larisa2, December 17, 2013

   0 votes
   10 answers
3. Бутстрап - странное наследование цвета кнопки

   http://jsfiddle.net/Zverushka/ESU55/ У меня в стиле указано color: inherit !important; - но цвета нема, при том что у родителя цвет белый. Я не вижу в дебаггере, что цвет родителя чем-то перекрывается. Но при наведении текст кнопки меняет цвет - почему? color: inherit не работает, а color: white - срабатывает - почему?

   Asked by Zverushka, December 23, 2013

   0 votes
   9 answers
4. Наложение блоков position:absolute и mouseleave

   Добрый вечер. Пациент: _http: //win.kronwerk.net/autoproducts/parts/tecdoc/ford/?qs=transit Проблема: Исчезает всплывающее меню модели, когда из-за своей величины(множества строк) накладывается на футер и курсор попадает в эту область пересечения ( явный пример Форд Транзит). Соответственно и текст в футере виден в этом меню. На сколько смог разобраться сам, понял что футер и всплывающее меню модификаций позиционированы absolute. Следовательно когда меню и футер пересекаются, js $('.ddpick').bind('mousedown', openSubMenu);$('.ddpick').bind('mouseleave', closeSubMenu);function openSubMenu() { $(this).find('ul').css('display', 'block'); };function closeSubMenu() { $…

   Asked by tavot, December 24, 2013

   0 votes
   0 answers
5. opacity+gradient in IE8 через filter

   Элементу надо задать градиент+прозрачность, как известно, в IE8 это задается через filter. Проблема совместить два этих фильтра, т.к один из них просто filter, а другой -ms-filter и по отдельности работает последний из них, стоящий в списке. У кого-то получалось это сделать? З.Ы. Про компоновку двух фильтров через пробел знаю, но это не тот случай, наверное, у меня не получилось.

   Asked by Vlad02, December 23, 2013

   0 votes
   6 answers
6. Как сделать, чтобы вкладки табов "умным" образом выравнивались?

   http://zverushka.zz.mu/edu11/ Сейчас, если сужать окно - на нижнюю строку перескакивает последняя вкладка и выглядит это некрасиво. Можно ли как-то сделать, чтобы одна вкладка перескакивала не на нижнюю строку, а на верхнюю?

   Asked by Zverushka, December 23, 2013

   0 votes
   1 answer
7. Вложенность материалов на сайте. Как лучше?

   Здравствуйте. Делаю свой первый сайт на PHP тематика огородная (на картинках представлены лишь примеры адресов). И столкнулся с проблемой вложенности материалов на сайте (иерархия так сказать). Ниже представлены три ссылки и три варианта выбора соответственно. Подскажите пожалуйста как лучше сделать, какой вариант выбрать? Заранее спасибо. http://s019.radikal.ru/i601/1312/1f/fda38cf27fea.jpg http://s019.radikal.ru/i603/1312/de/45e87b833b7f.jpg http://s020.radikal.ru/i710/1312/a7/489e68081f60.jpg

   Asked by koly32, December 23, 2013

   0 votes
   7 answers
8. Разное видение размера шрифта в фотошопе и браузерах

   Размер на макете 11pt - в вёрстке ставлю 15px(11pt) (хоть em, хоть pt). Но, браузер видит шрифт по-другому, примерно так: 11pt на макете=8pt в браузерах. Почему так? Это не даёт мне покоя уже значительно долго, всё руки не доходил тему открыть. Так выглядит на макете Так в браузерах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .text { width: 205px; border: 1px solid #ededed; } p { font: bold 15px Tahoma, Geneva, sa…

   Asked by flagreit, March 22, 2011

   0 votes
   10 answers
9. Проблемы с inline-block

   В хроме - НАШИ РАБОТЫ - по 3 работы в строке. В Мозилле по 2. http://zverushka.zz.mu/landing-b/#portfolio Использован метод letter-spacing: -.31em; word-spacing: -.43em; Родителю m0--9px, блокам m0-9

   Asked by Zverushka, December 21, 2013

   0 votes
   13 answers
10. Контур button

    Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…

    Asked by Arhidiablo, December 23, 2013

    0 votes
    10 answers
11. Третий блок контента не становится на место )

    Здравствуйте, подскажите, пожалуйста, что не так. Не могу разобраться. Есть страничка ........ здесь три колонки в диве Контент. Две стали как полагается - третья зависла внизу. Не могу понять, в чем дело Премного благодарна.

    Asked by ShuraV, December 22, 2013

    0 votes
    5 answers
12. Меню - изображение

    Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выв…

    Asked by Baton4ik, December 22, 2013

    • Меню
    0 votes
    5 answers
13. Разместить анонс текста в заданные размеры

    Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?

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

    0 votes
    10 answers
14. 3 Вопроса по поводу промежутков, размеров

    Доброго времени суток! У меня возникли вопросы: ——————————————————————————————————————————-- 1. Я вложил несколько изображений, как мне сделать между ними нужное расстояние. Вот, как у меня: Вот как надо: ——————————————————————————————————————-- 2. Другой вопрос, насчёт header , я ставлю размер надписи на 48 . Но header остаётся меньше чем надо. Вот я поставил на 48 Вот как надо Размер различается как видно. Вот код <header> <h1><a href="x"><FONT size="48">Snaigė</font></a></h1> <img src="x" width="300" height="90" alt=""> </header> ————————————————————————————————————————————- 3…

    Asked by nubik1113, December 23, 2013

    0 votes
    2 answers
15. Есть ли сервис для создания спрайтов по сетке?

    Есть ли сервис для создания спрайтов по сетке? Допустим, чтобы каждая картинка помещалась в ячейки 100 на 50 пикселей?

    Asked by Zverushka, December 22, 2013

    0 votes
    9 answers
16. Верстка нав. меню с картинками. Как бы вы это сделали?

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

    Asked by pavelpashkovsky, December 23, 2013

    • навигационное меню
    0 votes
    3 answers
17. Отображение сайта в разных разрешениях-2

    Здраствуйте. Помогите решить такую проблему: в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах - сайт отображается нормально. Но на ноутбуке, 17 дюймовом, на другом разрешении экрана - эти 2 изображения пикселей на 20-30 уезжают по бокам... Может кто то откликнется и чем то поможет? Сайт: http://pravvo.org.ua/ Код изображения 1: <a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a> Код изображения 2: <a hr…

    Asked by sourcedm, December 21, 2013

    • Отображение сайта
    0 votes
    17 answers
18. Пропадает маркер списка

    День добрый! Вот ссылка на мой сайт: septick.ru Суть проблемы: прописываю .article ul { list-style-type: disc; } Маркеры списов исчезают совсем.Почему так? Прописываю .article li { list-style-type: disc; } Результат - маркеры появляются, но как в обычных списках, так и в нумерованых, а это мне не нужно. Посоветуйте пожалуйста, как можно решить проблему?

    Asked by borisovanatalia86, December 23, 2013

    0 votes
    1 answer
19. Выровнять вертикально текстовый блок

    Здравствуйте! Подскажите, пожалуйста, как выровнять вертикально текстовый блок находящийся в родительском блоке, чтоб вне зависимости от количества текста он всегда был вертикально по центру? http://jsfiddle.net/E7P4R/

    Asked by stan07, December 23, 2013

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

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

    Asked by swandev, December 22, 2013

    0 votes
    4 answers
21. Как задать расстояние между блоками по вертикали?

    Имеются блоки: "ab","cd" и "ef": http://jsfiddle.net/SY4Lm/22/ Задача: задать расстояние между блоками по вертикали. Условия: 1) height задавать нельзя, так как везде текстовые данные. 2) Прописывать что-то между блоками отдельно, например <br>, нецелесообразно, так как на самом деле блоков гораздо больше, это всего лишь фрагмент большого кода. Мои не получившиеся решения: 1) С "margin:25px 0;": http://jsfiddle.net/SY4Lm/23/ 2) С "padding:25px 0;": http://jsfiddle.net/SY4Lm/24/ 3) С "padding:50px 0;": http://jsfiddle.net/SY4Lm/30/ - большой пропуск сверху 4) С "border-width:25px 0;": http://jsfiddle.net/SY4Lm/25/ 5) С "border:solid white; border-width:25px 0;"…

    Asked by lovi, December 23, 2013

    0 votes
    3 answers
22. Запретить расширение width.

    Дорогие форумчане, доброго времени суток. Есть скриптик - http://jsfiddle.net/4vuPS/1/ Пытаюсь его применить но отнисительно правого края. Получается не очень ввиду того, что блок вылазит за пределы ширины страницы и расширяет эту ширину. http://yadi.sk/d/WK3AuFqqEi8MH Магия какая-то. Подскажите пожалуйста. Спасибо.

    Asked by xxnikolayxx, December 22, 2013

    0 votes
    5 answers
23. Не работают вкладки

    Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/ Здесь они нормально работают: http://elecronics.bl.ee/

    Asked by atatat, December 22, 2013

    0 votes
    14 answers
24. Менюшка на css

    <ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…

    Asked by Igoreshra, December 20, 2013

    0 votes
    3 answers
25. Вертикальное выравнивание картинки в div

    Доброго времени суток. Помогите, пожалуйста, выровнять вертикально картинки товаров по центру. Пробовал через, но ее получилось. .textalign{ 2 display: table-cell; 3 }

    Asked by smirn0ff, December 16, 2013

    0 votes
    5 answers