HTML Coding

29542 questions in this forum

1. Гугл шрифт

   Подгрузил шрифт в head прописал - <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300subset=cyrillic,cyrillic-ext,latin,greek,latin-ext,vietnamese' rel='stylesheet' type='text/css'> в css - font-family: 'Open Sans Condensed', sans-serif; В браузерах отображается все хорошо а вот планшет не видет шрифтов ((( В чем может быть проблема ?

   Asked by virtas, May 30, 2015

   • шрифт
   0 votes
   3 answers
2. Ищу наставника

   Всем привет, уважаемые форумчане. Понимаю, что вряд ли эта тема выстрелит, но я буду благодарен, если вы просто задержитесь на этом посте дольше 10 секунд . Я ищу наставника. И чтобы не тратить Ваше время постараюсь компактно рассказать о себе и что я могу предложить. Хочу сразу уточнить, что это не коммерческое предложение. Я студент, заканчиваю бакалаврат. В школе увлекался html, верстал свои первые странички. Потом в институте усиленно изучал языки программирования, в частности Java. Но работу спустя 2 года поисков найти так и не смог. Какое то время фрилансил на джаве. Сейчас же решил углубленно изучить HTML и CSS. Во первых это не будет лишним непосредственно для…

   Asked by RakNaGore, May 30, 2015

   • наставник поиск
   0 votes
   20 answers
3. Как создать простейшую корзину

   Добрый день, друзья! Прошу прощения, может кто подскажет готовый простейший, легкий плагин для корзины? Товаров всего 3 десятка, атрибутов у них 1-2, а в готовых примерах очень много переменных. Спасибо!

   Asked by Vic-Tor, May 30, 2015

   • корзина интернет-магазин
   0 votes
   2 answers
4. Помогите сделать таблицу

   Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом

   Asked by empty46, May 30, 2015

   0 votes
   5 answers
5. как перевести сайт с API Youtube версии v2 на версию v3?

   Привет, кто сталкивался, подскажите, как перевести сайт с API Youtube версии v2 на версию v3? Например, такой вот PHP код как переделать, чтобы он работал в v3? $str1 = file_get_contents("http://www.youtube.com/embed?listType=search&author=".$arParams["CHANNEL_ID"]."&v=2&orderby=updated&alt=jsonc&max-results=".$cnt_per_page."&start-index=".($page1-1)*$cnt_per_page+1);

   Asked by Koroed, June 1, 2015

   0 votes
   1 answer
6. Не работает clearfix

   Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

   Asked by L1felv0er, June 2, 2015

   • float
   • clearfix
   0 votes
   14 answers
7. Табы Bootstrap: изменяется шрифт на мобильных устройствах

   Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…

   Asked by yustnip, June 2, 2015

   0 votes
   7 answers
8. Помогите, плиз! Проблема после двух дивов в строчку.

   Такая проблема: Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними. <div id="div-toxic-left"> <ul id="list-2"> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div> <div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div> <div class=”clearer”></div> #div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;} #div-toxic-right{margin: 0px 1px 0px 0px; text-…

   Asked by Lonely-Sail, June 2, 2015

   • CSS
   • DIV
   0 votes
   5 answers
9. Не срабатывают медиазапросы

   Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сай…

   Asked by StOK, June 2, 2015

   • медиазапросы
   0 votes
   11 answers
10. Не important

    Есть ли свойство,которое обратно important в стилях?

    Asked by user, June 2, 2015

    0 votes
    13 answers
11. Хелп

    Тут кажется не запрещено задавать глупые вопросы. Пользуюсь: Короч, я пытался верстать сайт по туториалу, мужик пропустил момент и пошел дальше ( он работал в Лисе ), а меня как-то заинтересовало и не могу понять в чем именно трабл. В Мозиле адаптируется идеално (на скрине снизу), а в Хроме и Сафари съезжает в низ нумер. Не хватает где-то префиксов, если да то где?Из фреймов добавил только сетку БутСтрап. кажется - туториал (на 1:21:00 показывается, как все работает в Мозиле)http://jsfiddle.net/jpu8nrue/- код (впервые пользуюсь такой ссылкой, если что не так - чиркните; исправлю)

    Asked by OstapBlender, June 2, 2015

    • Почему в Мозиле все хорошо?
    0 votes
    4 answers
12. Ячейки в таблице

    Добрый день. Почему ячейки в таблице не совпадают? <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> TABLE,TD{ border:1px solid black; border-collapse: collapse; }</style></head><body><table> <tr> <td>100000</td> <td colspan="3">2000000</td> </tr> <tr> <td colspan="2">3000000</td> <td>4000000</td> <td>5000000</td> </tr></table></body></html>

    Asked by Ururu, June 2, 2015

    0 votes
    2 answers
13. проблема со шрифтом

    проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.

    Asked by raptor-dm, June 3, 2015

    0 votes
    2 answers
14. Локальное использование ssi

    Добрый день. Возможно ли избегая всякие сборки типа денвера, wingnix или open server, использовать локально ssi ?

    Asked by Ururu, June 2, 2015

    0 votes
    3 answers
15. Всплывающая подсказка для сенсорных экранов

    Скажите пожалуйста, как можно реализовать всплывающую подсказку для смартфонов и планшетов. Например, что бы при касании картинки всплывало текстовое сообщение, и не пропадало пока не нажмешь в другом месте или не прокрутишь страничку вниз/вверх. Обычный <a title="text"> не работает, при клике картинка только рамочкой вокруг выделяется а сообщения нет.

    Asked by alleclf, June 3, 2015

    0 votes
    2 answers
16. Почему классы у элемента одни и те же, а применяются по разному на разных страницах?

    Здравствуйте! На странице1 и странице2 есть одни и те же элементы div вида <div class="col-sm-4 col-xs-6 width25 floatleft">, которые выводят новинки и прочее внизу страницы в области основного контента. Я сравнил путь к ним относительно body на обоих страницах с помощью инструментов разработчика Хром и вроде он одинаков. Почему же на одной странице применяется стиль класса col-sm-4, а на второй - width25?

    Asked by borus, June 3, 2015

    0 votes
    1 answer
17. подскажите пожалуйста как верстать буллеты (списки выгод с иконками)

    здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.

    Asked by webflower, June 3, 2015

    • бу
    • ллиты списки
    0 votes
    4 answers
18. Список в две колонки

    Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)

    Asked by soltx, June 3, 2015

    0 votes
    11 answers
19. Выравнивание блоков

    Вот вопрос,почему img и div не выравниваются по верхней границе? http://codepen.io/anon/pen/LVWORd

    Asked by user, June 3, 2015

    0 votes
    10 answers
20. Начинающий верстальщик

    Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…

    Asked by Spark89, June 3, 2015

    • вёрстка
    0 votes
    41 answers
21. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar, June 4, 2015

    • :hover
    • @keyframes
    • animation
    0 votes
    5 answers
22. Вёрстка блоков

    Привет! вот рабочий пример https://jsfiddle.net/soltx/hdytadeL/embedded/result/всё норм когда я задал ширину для label и у меня достаточно текста блок с вопросом прижат вот другой пример https://jsfiddle.net/soltx/qve5qwpb/embedded/result/ тут криво работает конструкция, нужно блок с вопросом, прижать к тексту, код должен быть универсальным, так как длина текста может быть разная и блок с вопросом всегда должен прижиматься к тексту, .item остаётся с фикс шириной в 300px

    Asked by soltx, June 4, 2015

    0 votes
    2 answers
23. Вставить узор png в DIV

    Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD

    Asked by kolhoz, June 5, 2015

    0 votes
    3 answers
24. Корректное отображение блока

    Добрый день, возникла проблема с блоком .promo_2 http://legrand-servis.com/chto-my-predlagaem В этом блоке задан шрифт 20пик. В блоке module-promo_5 под ним есть span - которому заданы свои стили. Если в блоке .promo_2 отключить размер шрифта, тогда в блоке module-promo_5 span отображается корректно. Подскажите почему размер шрифта влияет на другой блок? Как сделать так что бы и шрифт остался нужного размера и span не прыгал? Спасибо. Разобрался блоку .promo_2.mod_fixed изменил отступ margin-bottom: 50%; )))

    Asked by mrfrunze, June 5, 2015

    0 votes
    0 answers
25. как убрать padding у div последнего элемента

    Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…

    Asked by pavlovda, June 5, 2015

    0 votes
    8 answers