HTML Coding

29542 questions in this forum

1. Как верстать для мобильных устроств?

   Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

   Asked by Frie, August 18, 2014

   • android
   • ios
   • верстка
   • html
   • css
   0 votes
   10 answers
2. Простой вопрос по бутстрапу.

   Может вопрос и глупый, но не могу понять. 1. Есть классы для колонок для разных устройств: col-xs, col-sm, col-md, col-lg. Смотрела примеры макетов, там не все эти классы указываются, например <div class="col-md-8">...<div class="col-lg-8">...<div class="col-xs-12 col-md-8">...Т.е, не для всех устройств, к примеру мне нужно, чтобы на lg и md было 2 колонки, а на sm и xs - одна, могу опустить классы, написав <div class="col-xs-12 col-md-6">... 2. Если колонка занимает 12 колонок на всех устройствах ее надо в отдельный row? Или когда колонки располагаются в несколько линий, каждую линию в row? Я понимаю, что можно всяко, но как правильнее будет п…

   Asked by anastasia1981, August 18, 2014

   0 votes
   2 answers
3. IE9 неправильно выстраивает элементы. В чём причина?

   http://tellmeof.cc.ua/MetroUI/metroui.html Нормальные браузеры при ширине области просмотра более 960px выстраивают плитки в два ряда. В IE9 что-то ломается, и ряда становится три. Не могу понять что происходит.

   Asked by Johnney, August 18, 2014

   • IE9
   0 votes
   1 answer
4. Подложка активного пункта меню

   Добрый день, Уважаемые специалисты. Вопрос такого характера. На сайте http://ptss.webformat.by/ как сделать подложку активного пункта меню по центру? Заранее спасибо!

   Asked by levitan, August 18, 2014

   0 votes
   1 answer
5. Прошу помощи гуру=)

   Привет всем! Ребят, помогите решить задачу!!! Есть сайт sledd.ru. Он завёрнут в блок (блок-тень), которому задана тень, его высота 100%. Основной блок (main-cont) имеет высоту min-height:100%. Подвал прижат книзу. При переходе на страницу с большим количеством контента (допустим http://sledd.ru/products/screens/outdoor/gt6-osx.html ), тень доходит до того места, где у блока "блок-тень" заканчивается 100%, дальше тени нет! Как можно правильно реализовать тень по всей высоте, при том, что сайт должен открываться на всю высоту экрана с прижатым футером???

   Asked by seregamurman, August 18, 2014

   • подвал
   • высота
   • тень
   • растягивающийся
   • прижатый
   0 votes
   2 answers
6. Автоматический подгон изображения.

   Здравствуйте! Вплотную коснулся проблемы с добавлением изображений когда необходимо добавлять изображения без предварительной обработки и изменения размера изображения. Подобное реализовано к примеру на FancyBox, когда превью картинки обрезается и картинка не искажается в зависимости от пропорций исходной картинки. Хотел бы найти инструмент как реализовать подобное. Вроде как наткнулся на реализацию с помощью php http://recens.ru/php/resize_and_crop.html, имеется ли что-то подобное на js и css?

   Asked by Vicos, August 18, 2014

   • resize
   • изображения
   0 votes
   5 answers
7. Вопрос по форому

   http://savepic.ru/5605500m.htm помогите выровнять плиз

   Asked by Marvel, August 17, 2014

   0 votes
   5 answers
8. Вопрос про вёрстку формы

   Вот в макете есть форма комментарий, верстальщику её надо сделать полностью рабочей, например, если написать текст и выделить его и нажать на "B", то текст становится жирным или это работа программиста?

   Asked by DivMan, August 17, 2014

   0 votes
   4 answers
9. как заменить тег select на картинку

   подскажите как заменить в тэге <select> стандартный треугольник на красивую картинку? Спасибо.

   Asked by mrfrunze, August 17, 2014

   • HTML CSS select
   0 votes
   2 answers
10. Спрятать блоки

    Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить

    Asked by Kosta654, August 17, 2014

    0 votes
    2 answers
11. Смайлы

    Ребят, помогите пожалуйста. Я только только прошёл уроки по HTML и CSS и решил создать пробный сайт. Выбор темы упал на сайт со смайлами для статуса в ВК (Пример - http://k-94.ru/emoji/.) Проблема состоит вот в чём: Я прописываю код смайла в свою таблицу (в index.html), но на странице отображается не код, а какие то иероглифы, т .е. браузер переводит этот код в какой то квадратик... Не знаете в чём проблема?

    Asked by Bayyy, August 17, 2014

    0 votes
    4 answers
12. Очень нужна помощь в оценке лендинга строительной компании!

    Здравствуйте! Впервые заказывали лендинг. Вот что нам прислала фирма которую нанимали для этого http://kaktus-group.ru/stshome/ Вроде ничего- нам нравится. Но мы мягко говоря чайники в этом вопросе, вот и решили выставить на суд общественности. Заранее спасибо всем откликнувшимся!

    Asked by Selena900, August 17, 2014

    0 votes
    7 answers
13. Отображение сайта в стандартном браузере Андроида

    Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru

    Asked by IndigoHollow, August 17, 2014

    • android
    0 votes
    6 answers
14. Какие размеры дисплеев нужно учесть

    Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?

    Asked by McLotos, August 17, 2014

    0 votes
    16 answers
15. Встроенный плеер, замена object на iframe

    Кратко суть проблемы. Есть сайт на Wordpress, есть аудиоплеер Uppod. Он генерирует код встраивания с помощью тега object с ссылками на (при помощи param): - файл самого плеера (uppod.swf) - файл стиля (номер_стиля.txt) - файл .mp3 Кроме того, в param могут быть прописаны название проигрываемой мелодии и целый ряд дополнительных параметров. (Все необходимые файлы хранятся на моём сайте, не на Uppod.) Wordpress с тегом object работает некорректно, с iframe нормально. На форуме техподдержки Uppod мне сказали, что единственный выход - перейти на использование iframe. Создать страницу с плеером, чтобы вставить в iframe ссылку на неё - не проблема, всё работает. Проблема в то…

    Asked by Natali_Z, August 17, 2014

    • object
    • iframe
    0 votes
    6 answers
16. Bootstrap modal и IE8

    Добрый день! Собственно, проблема такая: есть стандартное модальное окно bootstrap'а. Везде работает хорошо, однако в IE8 в низу страницы появляются границы пустых div'ов от этого модального окна. Выглядят они так: respond.js подключен. Страницу можно посмотреть здесь: http://work4.a26.ru/test.html Подкажите пожалуйста хотя бы куда копать. Заранее благодарен!

    Asked by boehpyk, August 16, 2014

    • bootstrap
    • ie8
    0 votes
    1 answer
17. Углы блока

    Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png

    Asked by Serafim1991, August 16, 2014

    0 votes
    3 answers
18. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze, August 16, 2014

    • css hover
    0 votes
    8 answers
19. Расположить картинку за формой

    Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?

    Asked by kirill1059, August 16, 2014

    0 votes
    8 answers
20. Не будут ли у программиста или админа проблем из за такой верстки?

    Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…

    Asked by Нарек, August 16, 2014

    0 votes
    9 answers
21. Круглая рамка с несколькими цветами (процентное заполнение)

    Помогите пожалуйста сверстать вот такую рамку)

    Asked by L1m0n, August 16, 2014

    • css
    0 votes
    3 answers
22. Помогите реализовать подобный интерфейс...

    Всем привки)) Есть такой сайтик http://tracksflow.com/ - очень глючная вещь...однако мне понравилась там одна в штука)) При наведении мыши на альбом, появляется затененный блок со ссылками...однако, этот самый блок тоже является ссылкой)) Привожу картинку(1- по умолчанию, 2 - при наведении мыши) Как мне такую фишку сделать? Вот мои наброски http://jsfiddle.net/uku3nzwu/3/ У меня не получается сделать появляющийся прозрачный див ссылкой, а если и получается, то не работают ссылки внутри этого прозрачного дива... Что подскажете? Или мб какой-то другой способ есть?

    Asked by DUBECZ, August 16, 2014

    0 votes
    0 answers
23. Картинка со ссылкой.

    Хотел сделать себе кнопку Панель управления. (Вот мой сайт: lola.orisale.ru). Так вот, не знал как запихать картинку на левый край, так как задавая картинке Position: right, я получал ее на середине страницы. Решил через баграунды. Сейчас у меня такая конитель: body{ background-image:url(panel.png), url(ph3.png), url(ph2.png), url(fona.GIF); background-repeat: no-repeat, repeat-y, repeat-y, repeat; background-attachment: fixed, fixed, fixed, no-fixed; background-position: right, left, right, center;}Собственно, panel - это и есть та фотка, остальное - фон. Так вот в чем вопрос: 1.Как мне повесить на нее ссылку? Мол нажал кнопочку и опа, панель управления... 2. Возможн…

    Asked by Человек228, August 16, 2014

    0 votes
    1 answer
24. Верстка звездочек для рейтинга

    Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

    Asked by Светлана Г., August 16, 2014

    • звездочки рейтинг
    0 votes
    5 answers
25. прижать футер

    напомните пожалуйста как футер прижать к низу экрана jsfillde

    Asked by cyklop77, August 15, 2014

    0 votes
    10 answers