HTML Coding

29542 questions in this forum

1. Несколько вопросов по SMACSS

   Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"&gt…

   Asked by Zuenf, August 23, 2015

   0 votes
   0 answers
2. Как сделать transform:scale поверх соседних элементов?

   Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

   Asked by d0ublezer0, August 23, 2015

   0 votes
   7 answers
3. Обрезать текст по вертикали и добавить многоточие в конце

   Здравствуйте! Прошу помочь с такой проблемой. Нужно, чтобы в зависимости от величины заголовка - количества строк, которое он занимает, текст описания сокращался-увеличивался. Если полностью не влазит - в конце добавлялось многоточие. Блок обёртки фиксированной высоты, а блоки с заголовком и описанием тянутся. Спасибо.

   Asked by Torawhite, August 23, 2015

   0 votes
   4 answers
4. CSS верстка страницы, проблема с центрированием

   Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…

   Asked by Alexey Menshikov, August 23, 2015

   0 votes
   2 answers
5. Пропорциональное масштабирование <img>

   Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо​ с уважением Д.Владимир

   Asked by Wladimir, August 22, 2015

   • div
   • img
   • script
   0 votes
   8 answers
6. Проблема с видом контента

   Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

   Asked by lapochka, August 22, 2015

   • div
   • html
   • css
   • news
   0 votes
   5 answers
7. Белая полоса на экране страницы

   Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com

   Asked by iolegv, August 22, 2015

   0 votes
   6 answers
8. цвет меню открытой страницы

   Кто может помочь. Как исправить код для меню чтоб меню открытой страницы подсвечивалось другим цветом? Происходит какое-то игнорирование, в пользу приоритета главной страницы. .text-link-naf {color: #945712; font-size: 18px; font-weight: 700;}.link-menu.w--current {display: inline-block; background-color: transparent; color: #22a6f2; font-weight: 700;} САЙТ: http://interbuy24.ru/balivilla/

   Asked by влад_os, August 22, 2015

   0 votes
   1 answer
9. как сделать прозрачный фон в картинке?

   http://joxi.ru/DmBNZa1hMNEYmP вот код

   Asked by raptor-dm, August 22, 2015

   0 votes
   1 answer
10. ie8 не понимает eot

    Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…

    Asked by IvanRu08, August 21, 2015

    0 votes
    9 answers
11. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249, August 21, 2015

    0 votes
    14 answers
12. Эффект тиснения градиентом

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения? http://savepic.net/7196577.htm Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. Буду благодарен за любую помощь.

    Asked by Velidan, August 21, 2015

    • тиснение
    • градиент
    • эффект
    0 votes
    3 answers
13. Ошибка со шрифтом TAHOMA

    сайт http://ss3.zz.mu/itsjustanewtry/index.html Почему одно устройство показывает что засечки есть ,а на другом их нету на Tahoma не должно быть засечёк фото ошибки (Меню сайта)

    Asked by аркей, August 21, 2015

    • шрифт css
    0 votes
    1 answer
14. Конфликт скриптов

    Есть код, не знаю из-за чего начал капризничать, толь из-за Joomla 3, еще чего, не пойму, помогите разобраться

    Asked by lev99, August 21, 2015

    • javascript
    • jQuery
    0 votes
    2 answers
15. таблица вылазит из дива из-за длинной непрерывной строки

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

    Asked by beliy, August 20, 2015

    0 votes
    2 answers
16. Как сжать изображения на мобильной версии?

    Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?

    Asked by Hoax, August 20, 2015

    0 votes
    5 answers
17. Одно правило css перекрывает другое

    Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?

    Asked by websiller, August 20, 2015

    • css
    0 votes
    6 answers
18. Карта сайта Sitemap.xml Правильное время?

    Здравствуйте. Подскажите пожалуйста, какой из ниже представленных вариантов времени будет правильным, в фале sitemap.xml? Нужно указывать время по Гринвичу? или Московское? (на моем хостинге время Московское GMT+03:00) Если сейчас, к примеру, время по Гринвичу 04:30:50 а на хостинге соответственно 07:30:50 то в карте сайта должно быть: Вариант 1: <lastmod>2015-08-20T04:30:50+00:00</lastmod> Вариант 2: <lastmod>2015-08-20T04:30:50+03:00</lastmod> Вариант 3: <lastmod>2015-08-20T07:30:50+00:00</lastmod> Вариант 4: <lastmod>2015-08-20T07:30:50+03:00</lastmod> На своем "самописном движке" могу сделать любой из вариан…

    Asked by koly32, August 20, 2015

    0 votes
    4 answers
19. Как сделать часы

    как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/

    Asked by lev99, August 20, 2015

    • html
    • css3
    0 votes
    10 answers
20. Верстка формы

    Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…

    Asked by IvanRu08, August 19, 2015

    0 votes
    4 answers
21. ошибка валидатора Unmappable byte sequence

    помогите пожалуйста исправить на страничке ошибку валидатора Error: Unmappable byte sequence: 90.я понимаю, что проблема в каком-то символе, но не понимаю в каком

    Asked by cyklop77, August 19, 2015

    0 votes
    1 answer
22. Display None прогружается при загрузке страницы?

    Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?

    Asked by Alarr, August 19, 2015

    0 votes
    11 answers
23. img src и backgroun-image запрос к серверу

    Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.

    Asked by Velidan, August 19, 2015

    • сервер
    • запрос
    • img
    • background
    0 votes
    2 answers
24. Путь к росту, заработку.

    Доброго здравия всем. Скажите, изучены основы HTML, CSS, Javasript. Но вот научится по настоящему и освоить все это можно только из практики. Скажите где и как практиковались, может можно найти ресурс, где даются задания для начинающих мастеров, чтобы набить руку, или мелкие заказы, где можно и еще чуть -чуть подзаработать. Спасибо.

    Asked by bumerkz, August 19, 2015

    • html
    • css
    • bootstrap
    0 votes
    6 answers
25. Как добавить фоновое изображение слева и справа?

    Есть заголовок, слева и справа от которого должны быть горизонтальный полоски. Пробовал добавить их с помощью before и after - добавляются только слева, сверху и снизу от заголовка. Нужен кроссбраузерный вариант. Помогите, пожалуйста.

    Asked by IvanRu08, August 18, 2015

    0 votes
    3 answers