HTML Coding

29542 questions in this forum

1. Подстраивать количество изображений под ширину экрана

   Подскажите, как реализовать резиновый дизайн с изменением кол-ва изображений/блоков в зависимости от ширины экрана. http://screencast.com/t/EEXRBbY65 http://screencast.com/t/q1Q4mCN6i

   Asked by lersen, December 4, 2013

   0 votes
   2 answers
2. Абсолютная ссылка без протокола

   Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..

   Asked by Zf_Grivachenko, December 4, 2013

   0 votes
   10 answers
3. Кросбраузерное рисование многоугольников.

   Хочу сделать небольшую интерактивную карту посёлка на JS, со скролом и зумом. В нижнем слое картинка, а в верхнем нарезанные полупрозрачные участки на которые можно наводить курсор, кликать и всё такое. Вот, не могу определиться чем рисовать эти участки. Хорошо бы, конечно, canvas, но судя по статистике он не будет работать примерно у 10% пользвателей, 8% из которых это IE8. Та же история и с SVG. Map и area тоже нельзя использовать так как участки получаются прозрачными. Подскажите, пожалуйста, максимально кросбраузерный вариант решения задачи.

   Asked by denisator, December 4, 2013

   0 votes
   3 answers
4. [Помогите] Выпадающий список (js)

   http://www.spektr-sb.ru/test-13.html - Наглядный пример, помогите реализовать нормальное отображение в ie. Вот скрин сравнение - Internet Explorer слева, Chrome справа.

   Asked by xoff, December 4, 2013

   • отображение
   • в chrome
   • против ie
   0 votes
   7 answers
5. вставка изображений в css

   Всем привет!Ребята,подскажите пожалуйста как правильно вставить изображение в css код?

   Asked by nata1902, December 4, 2013

   0 votes
   10 answers
6. Изогнутый прогрессбар

   Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?

   Asked by xanthonyx, December 4, 2013

   • jquery
   • js
   0 votes
   5 answers
7. Хостинг картинок

   В практикуме дошел до верстки http://htmlbook.ru/practical/poshagovaya-forma. Там нужно использовать картинки. Подскажите удобный хостинг картинок. http://cssdeck.com тут вроде бы нет такой возможности.

   Asked by rpmcmerphy, December 4, 2013

   0 votes
   1 answer
8. Проблема в отображением верстки в браузере

   Всем привет! Появилась проблема, ни как не могу ее устранить.Около 2 месяцев назад верстал один шаблон, но не сверстав до конца забросил(пока что обучаюсь верстке).На настоящий момент решил переверстать его с нуля, но появилась проблема.Шаблон стандартный, статичный сайт 1000х1600 Структура верстки такова: <div id="wrapper"> <div id=''nav"></div> <div id="top"> <div id="left"></div> <div id="right"></div> </div> <div id="bottom"> <div id="sidebar"></div> <div id="content"></d…

   Asked by log30, December 3, 2013

   0 votes
   3 answers
9. Таблица, textarea и firefox: необъяснимо, но факт!

   Есть таблица, внутри ячейки которой растянут на 100% ширины и высоты textarea. В хроме всё прекрасно, но в огнелисе textarea находится в середине ячейки и имеет довольно небольшую высоту (явно не 100%). Пример: http://eeditor.tmin10.ru/ (http://jsfiddle.net/T9cy9/ если первый сайт упадёт (у мя слабенький хостер...)) Подскажите, как бы это исправить?

   Asked by Tmin10, December 3, 2013

   0 votes
   3 answers
10. Проблема в Ie 6

    Вот исходники. http://jsfiddle.net/m79xS/ Во всех браузерах все отлично, но в ie 6 вот что http://s2.ipicture.ru/uploads/20131203/Dhc1vaf1.png как это можно исправить и в чем дела ?

    Asked by WEB-best, December 3, 2013

    0 votes
    15 answers
11. Новые html5 теги. Как правильно использовать?

    Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…

    Asked by Ludwig Voltman, December 3, 2013

    • html5
    • тэги
    • семантика
    0 votes
    12 answers
12. Как нарисовать таблицу с помощью div

    Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …

    Asked by Aleksandr_KPI, December 3, 2013

    • Таб
    • div
    0 votes
    3 answers
13. Блок с разной высотой по бокам.

    Как сделать вот такой вот блок? Бордером не получиться, т.к. он должен растягиваться по ширине(слева - сужаться, справа - расширяться).

    Asked by davidnum, December 3, 2013

    0 votes
    25 answers
14. Проблема с навигацией

    Вот макет. http://s019.radikal.ru/i602/1312/c7/0b4cb754ece3.png проблема такая, у меня знаний не очень много, но застрял на верхней навигации, как мне сделать чтобы при наведении цвет менялся на весь бок li, а не на фоне текста ? вот исходники http://jsfiddle.net/tHKt7/1/

    Asked by WEB-best, December 3, 2013

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

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

    Asked by realovich, December 3, 2013

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

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

    Asked by Джин, December 3, 2013

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

    Имеется вот такой участок кода <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
18. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, устранить такую ошибку. В <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
19. 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
20. конвертация шрифта

    привет всем. кто-нибудь, помогите пожалуйста конвертировать шрифт для кроссбраузерности. пытался сделать через сервис 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
21. Плавное увеличение круга

    Нужно сделать эффект как тут 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
22. Как можно сэмитировать браузерный zoom-in zoom-out

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

    Asked by Zverushka, December 2, 2013

    0 votes
    1 answer
23. Проблема с выравниванием по вертикали в css

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

    Asked by pudge, December 2, 2013

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

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

    Asked by chelovek93, December 2, 2013

    • css
    • hover
    • border
    • меню
    0 votes
    10 answers
25. Две проблемы с тач-устройствами

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

    Asked by Elflight, December 2, 2013

    • ipad
    • touch
    0 votes
    5 answers