HTML Coding

29,542 questions in this forum

1. проблема со шрифтом и тенью

   Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html

   Asked by Denni, December 3, 2014

   0 votes
   5 answers
2. Помогите, слетели шрифты

   Всем привет! Помогите пожалуйста, кому не сложно, разобраться почему слетели шрифты на

   Asked by froider, December 2, 2014

   0 votes
   9 answers
3. востребованность REST

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

   Asked by cyklop77, November 28, 2014

   • rest
   0 votes
   7 answers
4. Помогите расположить скрипты в горизонтальном положении на странице

   Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…

   Asked by Pavel_Monet, November 30, 2014

   0 votes
   5 answers
5. Gulp, с чем его едят?

   Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…

   Asked by li4e, November 25, 2014

   • node
   • gulp
   • js
   0 votes
   6 answers
6. Помгите реализовать рамку заголовка средствами html и css

   Дизайнер нарисовал вот такую рамку, для всех заголовков сайта. background блока не однотонный, как правило картинка или текстура Есть у кого нибудь мысли как это реализовать средствами html и css?

   Asked by gap, December 3, 2014

   • рамка
   0 votes
   11 answers
7. картинки

   скажите если я хочу сделать фон как на этом сайте http://www.alpinabook.ru/ , обои с книгами. Как найти его?

   Asked by Leyla84, December 2, 2014

   0 votes
   4 answers
8. Внедрение шрифтовых иконок в макет

   Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов: 1. Как вставить иконку не через свойство content внутри :before? 2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты? 3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?

   Asked by PavelTkachev, December 2, 2014

   0 votes
   31 answers
9. Проблемы с двухколоночной вёрсткой

   Сделал простой макет <div><section></section><aside></aside></div>Задал ему стили div{ max-width:957px; margin:0 auto; } section{ height:200px; background:green; margin-right:200px } aside{ width:200px; float:right; height:200px; background:red; }Но правая колонка почему-то находится под левой, а не справа от неё. Почему так?

   Asked by PavelTkachev, December 2, 2014

   0 votes
   7 answers
10. Кросбраузерно повернуть надпись

    Есть картинка Как вообще возможно так повернуть кросбраузерно надпись?

    Asked by okunev2, December 2, 2014

    0 votes
    6 answers
11. Плавный полупрозрачный фон с затуханием

    У меня есть блок фиксированных размеров с ссылками и простым текстом. Подскажите пожалуйста как сделать: - что бы только фон блока (в примере - желтый цвет) был полупрозрачный, а всё что в самом блоке (ссылка и текст) были нормальные БЕЗ прозрачности - чтобы фон блока справа плавно затухал, например 10-30 пикселей плавного затухания, причём и при наведении и без наведения его правая грань плавно затухала (растворялась). Вот только что я сумел сделать - http://jsfiddle.net/kn4k4bqh/

    Asked by alleclf, November 30, 2014

    0 votes
    11 answers
12. как растянуть элемент по высоте родителя?

    верстаю страницу табличной версткой и столкнулся с проблемой. В ячейку <td id="wrap" colspan="2" rowspan="2"> не могу вставить таблицу или див, так, что бы она (он) занимал всю высоту родителя (#wrap). http://jsfiddle.net/dennila2/Lt3L0jw6/ Объясните пожалуйста, как это сделать?

    Asked by Denni, November 30, 2014

    0 votes
    10 answers
13. Наложени при position: absolute

    Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?

    Asked by jdk, December 1, 2014

    • css
    0 votes
    8 answers
14. Перенос строки с одинаковым отступом

    Привет, подскажите плиз,имеется код: </ul><li class="item-150"><a href="/seminary-s-partnerami">Семинары с партнерами</a></li></ul>Так как у меня ширина не позволяет, слово партнерами переносится на новую строку: * Семинары с партнерами А как сделать, чтобы слово партнерами было ровно под словом Семинары?

    Asked by RK3DNP, November 30, 2014

    0 votes
    2 answers
15. CSS Parallax - откуда-то появляется горизонтальный скрол

    Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…

    Asked by cartrege, December 1, 2014

    • css
    • transform
    • parallax
    0 votes
    0 answers
16. Смещение текста в разметке

    Здравствуйте! Начал писать сайт в PHP дизайнере и столкнулся с такой проблемой. При настройке стилей css с блоками div. Запускал в Explorer все нормально. В Опера смещается вниз текст. Рассматривал в инете, не получилось. Заранее спасибо. https://yadi.sk/i/v6gfCIPLd48vA https://yadi.sk/i/JT3U6p5Jd48vC

    Asked by azamatomus, November 30, 2014

    0 votes
    1 answer
17. Макеты с исходным кодом

    Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!

    Asked by FitTech, December 1, 2014

    • Где найти
    0 votes
    4 answers
18. Выравнивание ряда картинок по вертикали

    Внизу сайта http://teplogid18.ru/ есть картинки http://joxi.ru/812MkDqU4Ea1rJ Как их выровнять по одной линии? http://joxi.ru/DBA0wpPfBQO42y

    Asked by smirn0ff, December 1, 2014

    0 votes
    3 answers
19. Как лучше проверить является ли бутстрап-верстка responsive на персоналке

    Всем привет, Есть сайт разрабатываемый на основе бутстрап-темплейта. Надо проверить является ли бутстрап-верстка responsive на маленьких и очень маленьких устройствах. А как-то лучше проверить на персоналке с 22дюймовым монитором ?

    Asked by mstdmstd, November 29, 2014

    0 votes
    5 answers
20. Вопрос от чайника по размеру изображений

    Доброго времени суток! Я самая что ни на есть начинающая. Купила книгу по html, вот сижу ее штудирую. Поэтому заранее прошу пощения за совершенно идиотский вопрос. Автор сначала нарезает макет будущего сайта, сохраняет изображения и пр. и пр. Потом начинает верстать сайт с самого начала. И на моменте, когда он добавляет в код изображения, я немного запуталась. Вот пример : <a href="#"<img alt="" src="img/cart.png" width="66px" height="59px" /></a> Это что-то типа картинки/баннера со ссылкой, не суть. Я не понимаю, откуда он берет значения ширины и высоты? Не из головы же он прописал именно эти цифры? Я повторяю каждое его действие на своих картинках…

    Asked by kds2108, November 30, 2014

    0 votes
    3 answers
21. Google Fonts, шрифт Roboto, проблема с кириллицей в не WebKit браузерах

    Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?

    Asked by Микель, November 30, 2014

    • Google Fonts
    • Кириллица
    • Roboto
    0 votes
    2 answers
22. Как убрать краткое описание товара на страницы товара

    Подскажите пожалуйста как реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте

    Asked by virtas, November 29, 2014

    • убрать краткое описание
    • описание товара
    • страницы товара
    0 votes
    2 answers
23. Нужно реализовать такую фишку скрывать краткое описание

    реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте ocStore Версия 1.5.5.1.2

    Asked by virtas, November 29, 2014

    • краткое описание
    • скрывать краткое описание
    0 votes
    5 answers
24. Проблема с "липкими" элементами

    День добрый! Буду краток. Есть страница - http://test.nothink.me/index_2.html при переходе на моб. версию (уменьшаем ширину браузера), то видим, что скрипт запомнил высоту элементов с десктопной версии сайта. Нужно заставить его пересмотреть свое решение. Есть ли плагины, которые при переходе определенного разрешения, он перезагружает/вызывает плагин? Вторая проблема заключается в том, что первый аккордеон (Your order), работает криво. Прошу помощи в решении этих проблем. Спасибо! Владислав

    Asked by n0_th1nk, November 27, 2014

    0 votes
    3 answers
25. Как прописать ссылку к классу more-link

    Класс у кнопки "more" присвоен "more-link"...как я понял... Как прописать в файле html в данном коде ссылку, чтобы "Далее" было кликабельным (переход на другую страницу)? Или это возможно только при помощи style.css? Код: ​<li class="grid_3"> <a href="javascript:void(0);" class="hover_img"> <span class="img_bord"><img src="images/img_bord.png" /></span> <img src="images/portfolio/6.jpg" alt="" /> <span class="portfolio_descr"> <p>Текст1</p> <span>Текст2</span> <span class="more_link" >Далее</span> </span> </a> </li>

    Asked by bev11321, November 28, 2014

    0 votes
    18 answers