HTML Coding

29,542 questions in this forum

1. Отображение сайта в разных разрешениях-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
2. Странное поведение after в ie

   В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }

   Asked by Zverushka, December 28, 2013

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

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

   Asked by xxnikolayxx, December 22, 2013

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

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

   Asked by Zverushka, December 22, 2013

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

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

   Asked by swandev, December 22, 2013

   0 votes
   4 answers
6. Колонки одинаковой высоты и кнопки внизу

   Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такой блок: Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7. Спасибо!

   Asked by web-monster, December 22, 2013

   0 votes
   1 answer
7. Самый убогий вопрос

   Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?

   Asked by Kokoko, December 22, 2013

   • начало
   • html
   • css
   • js
   0 votes
   20 answers
8. Меню - изображение

   Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в 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
9. 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
10. Третий блок контента не становится на место )

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

    Asked by ShuraV, December 22, 2013

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

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

    Asked by atatat, December 22, 2013

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

    Имеются блоки: "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
13. Выровнять вертикально текстовый блок

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

    Asked by stan07, December 23, 2013

    0 votes
    3 answers
14. Пропадает маркер списка

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

    Asked by borisovanatalia86, December 23, 2013

    0 votes
    1 answer
15. Верстка нав. меню с картинками. Как бы вы это сделали?

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

    Asked by pavelpashkovsky, December 23, 2013

    • навигационное меню
    0 votes
    3 answers
16. Маска слайдера

    Здравствуйте! Нужна маска для слайдера, любой необходимой формы. Картинки в слайдере крутятся, маска статична. Для IE7+ Пример без маски: С маской: Не смог применить http://habrahabr.ru/post/190246/ Прошу помощи))

    Asked by Andrei88, December 23, 2013

    • маска
    • слайдер
    0 votes
    6 answers
17. Вложенность материалов на сайте. Как лучше?

    Здравствуйте. Делаю свой первый сайт на 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
18. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 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
19. Бутстрап - странное наследование цвета кнопки

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

    Asked by Zverushka, December 23, 2013

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

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

    Asked by Vlad02, December 23, 2013

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

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

    Asked by Zverushka, December 23, 2013

    0 votes
    1 answer
22. Выполнение скрипта при <=1023px

    Например я делаю вот так: $(window).resize(function(){ if ($(window).width() <= 1023){ $('#bestseller_slider').carouFredSel({ responsive: true, items: { visible: 3 }, scroll: { items: 1, duration: 300 }, auto: false, swipe: { onTouch: true }, prev: '#bestseller_prev', next: '#bestseller_next' }); } });т.е. при разрешении <=1023 включается слайдер. Как бы все работает. А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось. Т.е., например, слайдер отключался, …

    Asked by npofopr, December 24, 2013

    0 votes
    23 answers
23. Эффект перелистывания страниц

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

    Asked by aquapasha, December 24, 2013

    0 votes
    1 answer
24. Десктопные аналоги css песочниц

    Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос

    Asked by pavelpashkovsky, December 24, 2013

    • css
    • приложения
    0 votes
    6 answers
25. Наложение блоков 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