HTML Coding

29,542 questions in this forum

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

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

   Asked by stan07, December 23, 2013

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

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

   Asked by pavelpashkovsky, December 23, 2013

   • навигационное меню
   0 votes
   3 answers
3. Проблема верстки для мобильного браузера.

   суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

   Asked by To_wave, December 23, 2013

   0 votes
   3 answers
4. puff effect

   Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо

   Asked by radioactive68, December 24, 2013

   • jquery
   • puff
   • effect
   0 votes
   3 answers
5. Высота строчных и строчно-блочных элементов

   Есть такой код Инспектор кода в Хроме показывает, что высота span.inline равна 20px, а высота span.inline-block равна 18px, при этом высота родителя p.block равна 18px. 1. Почему у span.inline и span.inline-block разная высота? 2. Почему у родителя p.block высота равна 18, а не 20 (или почему у span.inline границы выходят за пределы родителя по вертикали)? 3. Почему в Firefox высота span.inline равна 21px?

   Asked by Bassline, December 25, 2013

   0 votes
   3 answers
6. Как правильно подключить свой шрифт

   У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

   Asked by alleclf, December 27, 2013

   0 votes
   3 answers
7. Как заставить DIV распечатываться как его видно в браузере? (вместе со стилями и фоном)

   Например, берем самый простой код <div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">123</div> запускаем это в браузере и отправляем на печать. Любой браузер печатает только цифры 123. Фоновывй рисунок и стили оформления почему-то полностью игнорируются. Что сделать с дивом, чтоб его можно было отправлять на печать в виде близком к тому, что есть на экране в браузере? Да, аудитория, которой предназначен сайт про print screen ничего не знает.

   Asked by unomomento, December 28, 2013

   • div
   0 votes
   3 answers
8. Контент не встаёт на место

   Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …

   Asked by jucator, December 28, 2013

   • контент место css html меню
   0 votes
   3 answers
9. Меню при наведении

   Есть вот такое вот меню: картинка меню По нему 2 вопроса: 1) Как сделать так, чтобы при наведении синий фон был выше самого меню? На данный момент получается только так: http://jsfiddle.net/C82vy/ 2) Второй вопрос по градиенту: такой градиент можно сделаь средствами css? Если можно, то как, потому-что непонятно. Знаю только как задать линейный градиент от одного цвета к другому.

   Asked by Imperil, December 29, 2013

   • меню
   0 votes
   3 answers
10. Как можно реализовать

    Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/

    Asked by Imperil, December 29, 2013

    0 votes
    3 answers
11. Как это сделано?

    Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

    Asked by Светлана Г., January 5, 2014

    • #responsive
    0 votes
    3 answers
12. Чтоб один див перекрывал другой

    Здравствуйте. Я тут с хедером мучаюсь. http://jsbin.com/osiqimI/1/edit?html,css,output В верхней части див с фоном. Его частично перекрывает див из нижней части(в желтой рамке), в котором содержится лого и текст. Лого и текст получаются на фоне. В нижнем диве есть еще один(красная рамка), он непрозрачный и немного тоже перекрывает фон. На примере все расположено правильно, но мне нужно убрать: .header_content{position: absolute;}Как сделать так, чтоб все было так же само расположено, но без абсолютного позиционирования, ато при увеличении страницы начинает происходить жесть.

    Asked by Floater, January 2, 2014

    0 votes
    3 answers
13. Этот хитрый skew

    Хочу сделать кнопку со скошенными сторонами. Казалось бы, .knopa { ​transform: skew(15deg);}идеально подходит для этого. Но...вместе со сторонами скашивается и сам текст кнопки, что, в общем-то, логично, но это не то, что мне нужно. Единственное, что приходит в голову - это сделать элемент-обертку для текста внутри кнопки и ему задать противположный skew, т.е. на -15deg, что бы уравновесить скос для текста. Но мне не нравится идея создавать лишний элемент каждый раз, когда нужно сделать скошеный элемент с нескошеным контентом. Что можете посоветовать? SVG? Или может в спецификации css уже есть модуль, для создания элементов любых (хотя бы, остроконечных) форм?

    Asked by Evkaky, January 3, 2014

    0 votes
    3 answers
14. Про svg и css

    Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?

    Asked by Evkaky, January 9, 2014

    0 votes
    3 answers
15. Привязка background image к головному div сайта

    Есть код body{ font: normal 85% Monotype Corsiva,"Times New Roman",Times,serif; color: #FFF; background: url(../images/romeo.png) no-repeat, #480000 url(../images/jul.png) no-repeat 100% 0; background-attachment: fixed;}Но изображения должни бить побокам сайта - а если екран 19-ка или менше то они получаються под сайтом - как можна ето исправить?

    Asked by kashmir, January 6, 2014

    • div background
    0 votes
    3 answers
16. Выравнивание контента по вертикали

    Добрый день! имеется нужда вне зависимости от высоты экрана выравнивать содержимое по центру т.е есть див в нем есть другие дивы перерыл весь инет решения не нашел а то что нашел не действует 1) способ http://habrahabr.ru/post/189696/ это не действует так как left:0. top:0. right:0; bottom:0; в IE не работает 2)способ тоже т.к блок не вытягивается на всю высоту, а лишь на высоту дива(в данном случае .textalign не во всю высоту экрана, а по высоте внутри лежащего дива) 1 .textalign{ 2 display: table; 3 width:500px; 4 height: 100%; 5 position: relative; 6 overflow: hidden; 7 …

    Asked by dollin, January 7, 2014

    0 votes
    3 answers
17. Помогите найти PSD к этому видео уроку. Я не спамлю

    Нигде не могу найти PSD макет сайта, помогите пожалуйста http://www.youtube.com/watch?v=_uAZe2dOPkk

    Asked by DivMan, January 7, 2014

    0 votes
    3 answers
18. Google map

    Добрый вечер! Подскажите, пожалуйста, как сделать карту от Google "резиновой"

    Asked by stan07, January 8, 2014

    0 votes
    3 answers
19. Некорректное отображение меню ul в Chrome

    Добрый день, дорогие эксперты! Помогите пожалуйста,такая ситуация. В Operе и остальных браузерах отображает нормально, а вот в Google Chrome съзжает меню в футере. Скриншоты и код: Нормально: Cсъезжает в Хроме: <div id="footer"> <div class="counter"><!--LiveInternet counter--><!--/LiveInternet--></div> Все права защищены. © <a href="<?php bloginfo('home'); ?>"><strong><?php bloginfo('name'); ?></strong></a> <div class="footerrightmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Цены</a></li> …

    Asked by kelevra, January 9, 2014

    • chrome верстка
    • меню
    • помоги
    0 votes
    3 answers
20. Что растягивает h3?

    Добрый день. Счастья всем На странице у блока "Случайный товар"(слева внизу под списком категорий) h3 тег непомерно высокий, большое значение height. У его собратьев h3 в блоках Новинка и Рекомендуем ниже всё нормально с высотой. Все блоки выводятся одним и тем же модулем. Как понять, что растягивает тег h3?

    Asked by borus, January 10, 2014

    0 votes
    3 answers
21. Создание 3 контейнеров.

    Доброе время суток. Подскажите как можно создать 3 контейнера. Вот по такому образцу: Буду блогадарен за помощь

    Asked by Florens, January 11, 2014

    0 votes
    3 answers
22. Градиент в прозрачность

    Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:

    Asked by McLotos, January 13, 2014

    0 votes
    3 answers
23. Плавающая стрелка на неоднородном фоне (clip-path) firefox

    http://zverushka.zz.mu/notwork/ В хроме вы можете увидеть как должно работать (самый нижний блок). В файрфоксе же я просто не понимаю - как правильно прописать координаты или их единицы измерения или другая причина. по которой не работает?

    Asked by Zverushka, January 15, 2014

    0 votes
    3 answers
24. Снова рендеринг шрифтов

    Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…

    Asked by d0ublezer0, January 14, 2014

    • ClearType
    0 votes
    3 answers
25. Не работает код CSS для тега SPAN, для P работает

    В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?

    Asked by Омск, February 17, 2014

    0 votes
    3 answers