HTML Coding

29,542 questions in this forum

1. Слайдер на CSS

   Мучаюсь со слайдером. Почему, при сужение окна браузера, у обёртки пропорционально не изменяется высота, как у самой картинки? Как исправить? http://www.cssdesk.com/grrW4

   Asked by DivMan, December 29, 2014

   0 votes
   1 answer
2. Хочу сделать так же (фиксированное меню). Какой скрипт отвечает за это.

   Здравствуйте! Понравилось то, как фиксируется меню на этом сайте: http://flatsome.uxthemes.com/ Но не могу найти, какой скрипт отвечает за это. Помогите, пожалуйста, разобраться с этим.

   Asked by Светлана Г., December 29, 2014

   0 votes
   4 answers
3. Знак рубля

   Привет всем) Такое дело. Хочу подключить шрифт рубля alsrubl. Но он не подключается. Пути 100 раз проверял. Все верно. Шрифт качал с разных сайтов, без толку. Через белку прогонял без толку. В фаербаге он постоянно серым подсвечен. У кого нибудь было такое? что делать?

   Asked by raptor-dm, December 24, 2014

   0 votes
   12 answers
4. Проблема с отображением одной из границ таблицы

   Добрый день, уважаемые форумчане, Прошу помощи/совета со следующим вопросом. Пытаюсь изменить внешний вид модуля для джумлы (прогноз погоды) и застопорилась на проблеме с обводкой таблицы - по какой-то причине, в Safari и Chrome не отображается правая граница (при этом в Firefox на данный момент все отобразилось). Ссылка вот: http://greece-guide.ru/attica/athens/10-pogoda-v-afinakh Вот скриншот, как это отображается в Safari - Границы нарочно сделаны толстыми, для наглядности. Вот кусок CSS: /* TABLE-UI *//* —————————————-- */.nordui-table {margin:15px 0 15px 0;padding:0px;background: #ffffff; border: solid thick #3EC3D9 !important;}.nordui-table-header {fo…

   Asked by Irgo, December 28, 2014

   0 votes
   2 answers
5. overflow:hidden

   Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

   Asked by eremeevd, December 28, 2014

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

   Доброго времени суток, пишу графическую оболочку для своего движка, но встретился с одной проблемой. Вот так выглядит форма для авторизации Когда начинаю вводить данные всплывают подсказки(их мне нужно оставить), когда выбираю какой-то вариант из предложенных или сохраняю пароли в браузере, то получаеться вот такой бред Помогите исправить, сам ничего не нашел

   Asked by BaBaKa, December 28, 2014

   • css
   • html
   • inputs
   • background-image
   • всплывающие подсказки
   0 votes
   3 answers
7. несколько div и всплывающая подсказка

   Здравствуйте Есть у меня такое <div class="pole1"><div id="divseed0" class="pole_img"><img id="seed0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" onload="if(this.src=='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=')this.src=seed_src[0];" onclick="onClickSeed(event, this);"></img></div><div class="pole_name"><?php echo $pole1?></div><div class="pole_infox">1:<div class="info"><?php echo $pole1?&…

   Asked by Andrij, December 29, 2014

   • div title css3 html5
   0 votes
   1 answer
8. Проблемы с tooltip

   Все привет, надо сделать tooltip, красивый что-бы в нем работали теги html, у меня вот есть один. Ну суть в том что мне надо каждый раз писать ширину какая должна быть А как быть что-бы ширина сама делалась? Так и высота? Заранее спасибо. Например HTMl код. <a class="mad_tt"><clan style="color: #000000; cursor:help;">Привет</clan><span class="mad_tip" style="min-width:291px; cursor:help;">Привет еще раз</span></a>CSS код. .mad_tt {position: relative;cursor: default;display: inline-block;text-decoration: none;outline: none;border: 0px;}.mad_tt span.mad_tip {font-weight:normal;font-family: tahoma, arial, verdana, sans-…

   Asked by Lozhkaa, December 27, 2014

   0 votes
   4 answers
9. Подскажите, почему отступ не делается корректно?

   Здравствуйте. Есть проблема, у меня есть контейнер и в нем еще один блок, так вот я хочу задать отступы с лева и с верху для данного блока. Отступ слева работает нормально, а при отступе сверху контейнер снижает в низ к блоку. И еще когда ставлю рамку контейнеру, то все работает нормально. Совершенно ничего не понятно. Вот код <html><head><title>Go.</title><link rel="stylesheet" href="ppp.css"></head><body><div id = "container"> <div id = "menu" > </div> <div id="img"> </div> <div id="title"> </div> <div id="text"> </div> <div id="copyright"> </div></div&…

   Asked by slavador, December 26, 2014

   0 votes
   1 answer
10. Hover

    Подскажите пожалуйста, есть меню: т.е ссылка + слева иконка я сделал это так: .menu li.faq{ background: url(../img/faq.png) no-repeat 20px center;}.menu li.news{ background: url(../img/news.png) no-repeat 20px center;}Но, при наведении должен меняться цвет + добавляется еше 1 иконка вот так: .menu li a:hover { background: #d9d9d9 url(../img/menu-active.png) no-repeat 90% 50%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?

    Asked by cruel09, December 27, 2014

    0 votes
    11 answers
11. Проблема с viewport

    При отсутствии тега вьюпорт сайт не влезает во весь экран на айпаде. При использовании вьюпорта width=device-width сайт обрезается и справа появляется пустое пространство. Прокрутить горизонтально сайт не получается. Если сделать вьюпорт width=1200px, то все нормально. В чем может быть проблема? Скриншот прилагаю: http://i68.fastpic.ru/big/2014/1227/ac/573759c329f769151b075bc23a900cac.jpg

    Asked by Blackbird, December 27, 2014

    • Viewport
    0 votes
    0 answers
12. что за ерунда такая?

    вот сайтик http://texteredsa.besaba.com/bls/bls/ а вот скриншот как выглядит в s3 http://hostingkartinok.com/show-image.php?id=d2f387dcad1d2cd1cd7cb9cd1aadba8a почему так? заметил что если добавить <meta name="viewport" content="width=971"> то все проблема решается но появляются другие проблемы почему эти блоки так масштабируются?

    Asked by raptor-dm, December 27, 2014

    0 votes
    0 answers
13. Проблемы верстки с Masonry

    Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут

    Asked by To_wave, December 27, 2014

    0 votes
    2 answers
14. li + li выбирает два элемента

    Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>

    Asked by mastermedia, December 26, 2014

    0 votes
    4 answers
15. Срочно! Помогите разобраться с блоком. Как сверстать?

    Друзья, есть блок http://hostingkartinok.com/show-image.php?id=cd6db192a2c4b92f0cec7e18510a91ae у меня с ним проблемка небольшая, думаю ошибка дизайнера. давайте разбираться. как я вижу блок фиксированной высоты, кнопка на полную ность абсолютно позиционируется относительно блока родителя, так как независимо от текста находится в одном и том же месте. но посмотрите на блок где цифра 1 рядом от заголовка до описания одно расстояние а если посмотреть на блок где рядом цифра 2 то расстояние от заголовка до описания другое. я могу для кадого блока класс назначить с сделать как в макете, но так правильно будет? не ошибка ли дизайнерская? ведь блоки могут поменяться, удалиться …

    Asked by raptor-dm, December 26, 2014

    0 votes
    2 answers
16. Как переключить текст в фотошопе

    Здравствуйте. Искал в гугле ответ, но не нашел. Открыл я на макете кусок текста (выбрал инструмент "горизонтальный текст" и кликнул по тексту на макете, могу его редактировать), вопрос в том как мне сразу же, не меняя инструмент переключиться на другой кусок текста (другой текстовый слой) на макете, чтобы я мог его редактировать (скопировать)?

    Asked by Andrew_007, December 26, 2014

    • Photoshop
    0 votes
    0 answers
17. Отображение шрифтов Google Chrome, Opera, Yandex

    Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

    Asked by Torawhite, December 26, 2014

    0 votes
    14 answers
18. Смена маркера при выборе элемента списка

    Есть нумерованный список. Нужно, чтобы по клику цифра превращалась в галочку, и наоборот. Скажите, это возможно реализовать без JavaScript, только на CSS3?

    Asked by PavelTkachev, December 26, 2014

    0 votes
    12 answers
19. Инпуты внутри списка

    Сделал вёрстку с четырьмя инпутами внутри списка с моноширинным шрифтом. http://jsfiddle.net/bmv123yd/ Почему длинна четвёртого инпута меньше, чем сумма первых трёх включая отступ? Я использовал для всего единицы ch и моноширинный шрифт. Почему не отображается символ, написанные через :after?

    Asked by PavelTkachev, December 26, 2014

    0 votes
    10 answers
20. Футер и Хэдер хорошо, но между ними не то

    Мало опыта в верстке, подскажите, в чем может быть трабл... При уменьшении размера окна если ширина меньше 1024 то справа от основного блока появляется растущая белая полоса, но она не нужна... В футере и хэдере её нет.

    Asked by Vodovarov, December 26, 2014

    0 votes
    5 answers
21. не понятно с float

    http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем

    Asked by laliev, December 26, 2014

    • float
    0 votes
    4 answers
22. Скачет вертикальное меню

    Сделал вертикальное меню.... хочу "подсвечивать" элемент по событию hover. Точнее, выделять его шрифтом большего размера ... но у меня при этом начинает прыгать меню, потому-что li меняет свою высоту. Как можно обойти этот косяк....? пробовал magrin-ы и паддинги во всех мыслимых и немыслимых комбинациях, и для li, и для роительского ul, но ничего не получилось.... Пример кода здесь: http://jsfiddle.net/Lbrc1n94/ *{ margin:0; padding:0; } html, body{ height:100%; width:100%;} div.main{ border:1px solid black; width:400px; height:80%; margin:auto auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px; text-align:center; } ul.m…

    Asked by suvolod, December 26, 2014

    0 votes
    3 answers
23. Анимированая кривая полоса

    Добрый день, подскажите пожалуйста, как лучше сделать такую штуку? Зеленая линия должна вырисовываться на экране в течении заданного промежутка времени. url картинки Думал о варианте с трансформациями и анимацией на css с контролем на js. Но подумал вдруг есть способ о котором я не знаю. Если есть поделитесь пожалуйста.

    Asked by li4e, December 25, 2014

    • css
    • html
    • jquery
    • js
    • svg path
    0 votes
    7 answers
24. Элемент вылезает на 1px вверх относительно текста

    Здравствуйте! Возникла проблема: элемент span "вылезает" на 1px относительно текста, код: <div id="console"> Press any key... <span id="cursor">|</span></div>CSS: #console { word-wrap: break-word; font: 14px monospace; }#cursor { font-size: 14px; }Скрин (увеличен): Можно ли уравнять элемент с текстом?

    Asked by Laxilef, December 26, 2014

    0 votes
    2 answers
25. Помогите разобраться с демо-примером, описывающем подход mobility-first

    Всех приветствую. Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы. В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров: <link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link…

    Asked by Radiocity, December 24, 2014

    • em
    • media
    0 votes
    10 answers