HTML Coding

29542 questions in this forum

1. Верстка блока

   Доброй ночи ! Ребята подскажите, как правильно сверстать этот блок ? 1) Можно было бы сохранить все кроме робота-пылесоса, но потом нельзя применить z-index. 2) По отдельности сверстать тоже не вариант, потому что блок 960px, все получается маленькое, из-за того что в макете блок имеет ширину 1920px Как быть ???

   Asked by Omega24v, December 24, 2014

   0 votes
   2 answers
2. Основные моменты адаптивной верстки

   Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?

   Asked by vip, December 31, 2014

   0 votes
   9 answers
3. Помогите разобраться

   Размещаю картинку(будет слайдер) на нее пытаюсь установить кнопку с помощью position:absolute;но при масштабирование страницы, кнопка съезжает как ее зафиксировать на слое??...Пытаюсь сверстать сайт из psd...Первый мой сайт))сильно не пинайте))

   Asked by eremeevd, December 25, 2014

   0 votes
   2 answers
4. Несколько вопросов по верстке html-письма

   Добрый вечер. Верстаю html-письмо, табличная верстка, и в принципе все получилось кроме двух моментов: 1) Как сделать кнопку "Некорректно открывается? Просмотреть письмо в браузере"? У меня тело письма динамически создается с помощью php и создать где-то страничку с полной версией емейла не могу, ибо каждому клиенту приходит письмо с разным наполнением. 2) Реально ли сделать кнопку "Распечатать письмо" чтобы прямо из почтового сервиса отдать его на печать? Или нужно снова таки через "просмотреть письмо в браузере" создавать это?

   Asked by CraftLawrence, December 25, 2014

   0 votes
   1 answer
5. Анимированая кривая полоса

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

   Asked by li4e, December 25, 2014

   • css
   • html
   • jquery
   • js
   • svg path
   0 votes
   7 answers
6. Скачет вертикальное меню

   Сделал вертикальное меню.... хочу "подсвечивать" элемент по событию 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
7. Смена маркера при выборе элемента списка

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

   Asked by PavelTkachev, December 26, 2014

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

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

   Asked by Torawhite, December 26, 2014

   0 votes
   14 answers
9. Элемент вылезает на 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
10. web developer

    подскажите пожалуйста где в плагине web developer к современному firefox отключается javascript? раньше всё было просто и удобно - была панелька с инструментами web developer, или был доступ через верхнее меню UPD: вот нашёл расширение, которое возвращает старую удобную панельку, но всё таки вопрос остался https://addons.mozilla.org/en-us/firefox/addon/js-switch/

    Asked by cyklop77, December 26, 2014

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

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

    Asked by Vodovarov, December 26, 2014

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

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

    Asked by PavelTkachev, December 26, 2014

    0 votes
    10 answers
13. Косой бакграунд

    Увидел лендинг с таким перекрытием изображений: Как такое можно сделать? Я имею в виду косой слой.

    Asked by Denni, December 31, 2014

    0 votes
    3 answers
14. не понятно с float

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

    Asked by laliev, December 26, 2014

    • float
    0 votes
    4 answers
15. адаптивные по высоте блоки

    Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

    Asked by vip, January 1, 2015

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

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

    Asked by raptor-dm, December 26, 2014

    0 votes
    2 answers
17. Прижать один элемент (блок) к другому

    Имеется сайт, кнопки голосования в красной рамке надо прижать к кнопкам меню (само меню в зелёной рамке). Как это сделать? Сам верстаю на HTML/CSS 4 с лишним лет, но такие вещи в голове уже не проецируются

    Asked by iBars, December 27, 2014

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

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

    Asked by To_wave, December 27, 2014

    0 votes
    2 answers
19. 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
20. что за ерунда такая?

    вот сайтик 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
21. Проблема с 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
22. overflow:hidden

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

    Asked by eremeevd, December 28, 2014

    0 votes
    11 answers
23. Меню и DIV

    Добрый день Есть один html-макет на css Каждый div описывает css Хочу вставить меню, но что-бы при выборе пункта внутри div подгружалася свой html файл <div class="tabs"><ul id="Tabs"> <li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">Вторая</a></li> <li id="OneTab" class="SelectedTab"><a href="#One" onclick="One(); return false;">Первая</a></li></ul></div><div id="block6"><div id="Content"><!-- Первая --><div id="One"><p>Группа символов для объема 1...</p></div> <!-- Вторая --><div id="Two" style="display: none;"><p>Г…

    Asked by dedulka, December 28, 2014

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

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

    Asked by BaBaKa, December 28, 2014

    • css
    • html
    • inputs
    • background-image
    • всплывающие подсказки
    0 votes
    3 answers
25. Слайдер

    Пробую сверстать свой первый сайт с шаблона Psd .После шапки сайта идет слайдер реально ли мне новичку собрать слайдер и с чего хотя бы начинать его делать??Легких путей не ищу:'))

    Asked by eremeevd, December 28, 2014

    0 votes
    8 answers