HTML Coding

29,542 questions in this forum

1. красивое выравнивание блоков по ширине

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

   Asked by cyklop77, November 30, 2013

   0 votes
   3 answers
2. Position fixed создает лаги при скролле страницы

   Проблема такая - есть 3 фиксед элемента и скрипт, который плавно крутит с помощью меню страницу к разным якорям. Все сильно тормозит. Стоит убрать фиксед - и лаги пропадают. Что же делать, как бороться?

   Asked by Zverushka, November 30, 2013

   0 votes
   16 answers
3. Помогите выровнять фон

   Здравствуйте. Я хочу вставить основное фоновое изображение для тега body чтобы фон был на весь экран. Задача следующая. 1. Выровнять изображение по вертикали по центру. 2. По горизонтали выровнять так, чтобы изображение было прикреплено к правому краю, и при сжатии урезалось слева. 3. Чтобы при сжатии окна не изменялся масштаб изображения. Помогите пожалуйста составить css код для этого.

   Asked by sss2019, November 30, 2013

   0 votes
   3 answers
4. Несколько div-ов в ряд, как их растянуть на всю ширину экрана

   Сайт пример - http://testsite482.vacau.com/6/ Идет несколько div-ов в ряд. Один с синим фоном, другой с зеленым, третий уже внизу и с красным. При нажатии на кнопку "2" на первом или "3" на втором div-е идет прокрутка с помощью явы до следующего. Вопрос такой, как растянуть эти дивы на всю ширину экрана, потому что впоследствии на каждом из фонов должен быть текст прямо по середине, и не хочется, что бы на разных разрешениях экрана этот текст скакал. Т.е что бы синий фон был ровно по ширине и высоте экрана и ни сантиметром дальше. Нажал на кнопочку 2, он прокрутился до зеленого, который в свою очередь тоже будет на весь экран, итд. Задача по сути исходит из за дальней…

   Asked by Rucen, November 30, 2013

   0 votes
   0 answers
5. Реализация меню

   Добрый день. Подскажите, как сделать http://itmages.ru/image/view/1361341/6565d38d такое меню? Интересует граница вверху и внизу по всей ширине содержимого, но при a:hover чтобы исчезала.

   Asked by chelovek93, December 2, 2013

   • css
   • hover
   • border
   • меню
   0 votes
   10 answers
6. Помогите разобраться с кодом

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

   Asked by ReyDan, November 30, 2013

   0 votes
   3 answers
7. Как сдвинуть фон сайта, но только на 500px

   Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?

   Asked by 34gosha61, November 30, 2013

   • css
   • background
   0 votes
   6 answers
8. Помогите найти похожий слайдер

   Здравствуйте. помогите, мне, пожалуйста, найти вот такой слайдер. http://zverushka.bl.ee/monitors5/ В самом первом блоке этой страницы. Так как я 2 часа искала и не нашла ничего, пришлось переделывать БХ-слайдер. Но там какие-то проблемы с бесконечной прокруткой - бх-клоны не могу настроить НИКАК! ((( - на границе перехоода на них слайдер криво работает (он там как-то криво стыкуется - не задуман под анимацию), а так была надежда, что получится все((... А если отключаю бесконечную прокрутку, то почему-то на 500 пикселей слайдер уезжает. Я уже просто схожу с ума, не получается поставить на сайт такой простой слайдер... (((

   Asked by Zverushka, December 1, 2013

   0 votes
   11 answers
9. Страница списка товаров, раскрытие товара при наведении

   Всегда опасался таких страниц, если честно :-) Но как сделать, чтобы расширялся весь контент. Сейчас у меня увеличиваются только отступы, т.е. только белое пространство, внутренний контент остается неизменной длины. http://jsfiddle.net/npofopr/BJfJW/ И получается, что внутренний контент становится уже, чем без наведения. Или это только скриптами? Может есть у кого то ссылки на такие. А может подскажите запрос в гугл...

   Asked by npofopr, December 1, 2013

   0 votes
   7 answers
10. last-child

    Читаю Большую книгу CSS МакФарленда. И там он пишет что есть разница между ul:last-child и ul :last-child. Это так ?Потому что раньше я этому значения не предовал.

    Asked by rpmcmerphy, December 1, 2013

    0 votes
    2 answers
11. Работоспособность корзины

    Есть подозрения, что корзина на сайте не работает как надо. Не отображаются купленные товары. Хочу попросить форумчан посмотреть отображается в корзине что-то или нет. Для этого нужно перейти по ссылке и нажать "Купить". Потом должно перекинуть на страницу корзины.

    Asked by apexis, December 1, 2013

    0 votes
    3 answers
12. Элементы списка по ширине. кроссбраузерно

    помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)

    Asked by cyklop77, December 1, 2013

    0 votes
    5 answers
13. Нет скролла в Frame

    Есть 2 фрейма, но во втором, где должен быть контент, нет полос прокрутки, скролла. Я пробовал самые разные способы: добавлял div в котором был overflow, scrolling="yes/auto", ничего не помогло. В чем может быть проблема? Оставлю "сайт" тут: http://risovalka-16.hol.es/html/index.html

    Asked by Coshe, December 1, 2013

    • frame
    • irfame
    • scroll
    • нет
    0 votes
    8 answers
14. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, устранить такую ошибку. В <head></head> есть такие теги, которые используется для назначения модератора для плагина комментариев фейсбук: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100009994319742" /><meta prefix="fb: http://ogp.me/ns/fb#" property="fb:app_id" content="100009994319742" />которые выдают вот такую ошибку: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100003294…✉You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use…

    Asked by Chapman, December 3, 2013

    0 votes
    10 answers
15. Плавное увеличение круга

    Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}

    Asked by Kisa1993, December 2, 2013

    0 votes
    3 answers
16. Организация ссылки

    Здравствуйте. Подскажите, как реализовать переход по ссылке в следующем коде. Проблема в том, что id= изменяется.

    Asked by Aleksandr_KPI, December 2, 2013

    • Переход ссылка.
    0 votes
    3 answers
17. Не понимаю логику поведения блоков с position:relative && position:absolute

    Здравствуйте. Проблема следующая: http://jsfiddle.net/5zSmC/ Не могу понять, почему блоки с position:absolute оказываются под соседними блоками с position:relative. Вроде бы по z-index должно быть наоборот. Подскажите, в чём дело?

    Asked by Шушер, December 2, 2013

    0 votes
    1 answer
18. Две проблемы с тач-устройствами

    Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…

    Asked by Elflight, December 2, 2013

    • ipad
    • touch
    0 votes
    5 answers
19. Проблема с выравниванием по вертикали в css

    2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...

    Asked by pudge, December 2, 2013

    0 votes
    14 answers
20. Как можно сэмитировать браузерный zoom-in zoom-out

    Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...

    Asked by Zverushka, December 2, 2013

    0 votes
    1 answer
21. transform

    img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?

    Asked by rpmcmerphy, December 3, 2013

    0 votes
    3 answers
22. конвертация шрифта

    привет всем. кто-нибудь, помогите пожалуйста конвертировать шрифт для кроссбраузерности. пытался сделать через сервис http://www[dot]fontsquirrel[dot]com и http://www.font2web.com/, но всё четно, русские буквы никак не хотят отображаться. буду очень благодарен. http://rghost[dot]ru/50606837 - ttf формат http://rghost[dot]ru/50606874 - otf формат

    Asked by valera, December 2, 2013

    0 votes
    4 answers
23. Как сделать такую сетку товаров, чтобы при наведении не прыгало

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

    Asked by Джин, December 3, 2013

    0 votes
    4 answers
24. Масштабирование картинок и разные разрешения экранов

    Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…

    Asked by RiG, December 3, 2013

    0 votes
    6 answers
25. Оформление заголовков с помощью псевдоэлементов!?

    Уважаемые знатоки, не придумаю, как без картинок оформить подобный заголовок:

    Asked by realovich, December 3, 2013

    0 votes
    2 answers