HTML Coding

29542 questions in this forum

1. Fixed 0 auto no-scroll

   Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.

   Asked by jontsk, May 27, 2014

   0 votes
   7 answers
2. Рисование российского флага

   Вот мой код http://cssdeck.com/labs/dizfkrgu Какой ещё способ есть, что бы нарисовать флаг не изменяя HTML файл? У меня нормальный способ?

   Asked by DivMan, May 27, 2014

   0 votes
   15 answers
3. Резиновое поле с ячейками

   Пытаюсь выбрать технологию для отображения резинового поля состоящего из квадратных ячеек, размером 10 на 10. Нужно чтобы оно было резиновым и при увеличении размера экрана занимало 90% по большему размеру (ширине или высоте). Можно ли это сделать с помощью html+css или потребуется обязательно JS для определения что больше: высота страницы или ширина? Или это может сделать svg? Или вообще cаnvas только?

   Asked by PavelTkachev, May 27, 2014

   0 votes
   6 answers
4. ul li с птичкой

   Добрый день вот кусок кода html <ul> <li><a href="landscapes.php?t_dir=Olga">ОЛЬГА</a></li> <li><a href="landscapes.php?t_dir=Julia">ЮЛИЯ</a></li> <li><a href="landscapes.php?t_dir=Rimma">РИММА</a></li> </ul> css ul { margin: 20px; padding: 0; list-style-image: url(../images/list_icon.png); } ul li { margin: 0 0 15px 0; padding: 0 0; } Существует ли способ ставить только одну птичку в выбраной строчке li? Все что я нашел - это стремная переделка input с радиокнопкой. Может кто помочь пожалуйста?

   Asked by Xoma55, May 27, 2014

   • ul li css
   0 votes
   11 answers
5. Как сделать выделение на изображении с всплывающими подсказками?

   Здравствуйте. ​ ​Пожалуйста, подскажите решение, позволяющее сделать на изображении области сложной формы, которые при наведении курсора будут выделяться и над ними будет показана всклывающая подсказка. ​

   Asked by Yakut, May 27, 2014

   0 votes
   6 answers
6. Как поставить на сайт виджет группы вконтате

   Привет) Можно ли на статический сайт поставить виджет от групп в контакте или комментарии? Используя например джава скрипты может php? У кого есть опыт прошу помощи

   Asked by Maksim#^&, May 27, 2014

   • div
   • html
   • body
   0 votes
   2 answers
7. Относительные ссылки

   Приветствую. Не могу разобраться с относительными ссылками. В корневом каталоге есть 3 каталога: aqua , css, fonts. В каталоге aqua есть index.html, в css - fontawesome.css, а в fonts - fontawesome-webfont. В файле index.html подключен наш css файл fontawesome.css, в котором прописаны ссылки на шрифты из папки fonts. Когда в коде странички я прописываю класс на иконку шрифта, она не отображается в мозилле, хотя в хроме работает ок. В общем я думаю это связанно с относительными ссылками на файлы которые находятся параллельно в корневом каталоге. Содержимое index.html <link rel="stylesheet" type="text/css" href="../css/font-awesome.css">Содержимое fontawesome.css …

   Asked by edwinkkc, May 26, 2014

   0 votes
   3 answers
8. При нажатии на кнопку появляется ненужный синий цвет

   Добрый день. У меня при нажатии на кнопку, кнопка это кружок-картинка, выделяет его синим цветом + выделяет текст "ЗИМА". Можно ли это убрать как-то с помощью css?

   Asked by Nailya, May 26, 2014

   0 votes
   4 answers
9. ковычки такие ковычки

   Есть форма, после отправки формы должно вываливаться окно всплывающее <?if (isset ($_POST['messageFF'])) { mail ("свой@yandex.ru", "заполнена контактная форма с ".$_SERVER['HTTP_REFERER'], "Имя: ".$_POST['nameFF']." \nEmail: ".$_POST['contactFF']." \nСообщение: ".$_POST['messageFF2']); echo (" <div id='parent_popup'> <div id='popup'> <p style='cursor: pointer;' onclick='document.getElementById('parent_popup').style.display='none';'>Закрыть</p> <p>Текст в окне</p> </div></div> "); $_POST['nameFF'] = $_POST['contactFF'] = $_POST['messageFF2'] = '';}?><form method="POST" id="feedback-for…

   Asked by Struggle, May 26, 2014

   0 votes
   5 answers
10. Помогите с оформлением видео

    Привет всем. Помогите с оформлением видео на сайт. Хочу сделать видео как миниатюра 160px на 120px. При нажатии на видео он открывается на средний размер просмотра и весь фон вокруг видео темнеет.. Может есть статьи или видеоуроки. Или пример какой знаете. Вот пример http://storage7.static.itmages.ru/i/14/0526/h_1401113037_6440385_d2d588c83f.jpg Вот при открытии видео http://storage5.static.itmages.ru/i/14/0526/h_1401114325_7394666_92e4426726.jpg

    Asked by Maksim#^&, May 26, 2014

    • html
    • body
    • div
    • video
    0 votes
    3 answers
11. Как сделать похожий сайт

    Добрый вечер. С помощью какого скрипта можно сделать похожий сайт, есть ли готовые шаблоны или он сделан из огромного множества скриптов?

    Asked by Dobriyvecher, May 26, 2014

    • сайт как сделать
    • слайдеры
    0 votes
    2 answers
12. div поверх canvas

    Здрасьте. Пытаюсь поместить div поверх canvas. Ничто не помогает, даже z-index. Div просто уходит под канвас. Помогите.

    Asked by ANTIGREEFER, May 26, 2014

    0 votes
    2 answers
13. HTML 5

    Ситуация в потоке у верстальщиков по итогам 2014 года в смысле внедрения HTML 5 в рабочие продукты. Какие конкретно из новых технологий HTML 5 на данный момент начали успешно внедрять? Успели ли убедить коллег, что это реально нужно и удобно? Как сложно было это сделать? Спасибо ...

    Asked by Shift-Web, May 26, 2014

    0 votes
    11 answers
14. Масштабирование изображений и их качество

    Столкнулся с проблемой - в Мозилле и IE картинки, уменьшенные средствами css выглядят ужасно, в лесенке. Свойство image-rendering, отвечающее за алгоритмом интерполирования изображения при масштабировании, к сожалению, не дает никакого результата. Погуглил, но так и не нашел решения данного вопроса. Будто бы он никого и не волнует? Как же тогда быть? Делать множество копий картинки нужного размера под каждое разрешение экрана?

    Asked by Bugert, May 26, 2014

    0 votes
    7 answers
15. слайдер с динамичной картинкой

    Добрый день. Верстаю простой сайт для себя. Решил добавить слайдер. Обычных примеров и плагинов много, решил поискать что-то красивое. Очень тронул вот такой шаблон: http://ru.wix.com/website-template/view/html/1392?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fbusiness-services%2F9&bookName=create-master-new&galleryDocIndex=0&category=business-services Здесь слайдер с динамичной картинкой. И если сам слайдер реализовать уже не так проблематично (на базе общедоступных примеров) - никак не могу понять чем можно в этом слайдере выполнить такое "мягкое" приближение фото. Буду благодарен за наводку.

    Asked by Serg from SPb, May 26, 2014

    • слайдер движение картинки
    0 votes
    2 answers
16. Выравнивание текста шрифта по центру

    http://joxi.ru/-weCUxjKTJBJH2Izqog В мак осах выглядит сдвинуто, когда в винде ровно по центру. Вот как сделать выравнивание кроссбраузерно? Шрифт кажись генерировался с галкой Fix Vertical Metrics ... сайт http://html2css.ru/extreme2/

    Asked by Zverushka, May 25, 2014

    0 votes
    4 answers
17. Могут ли работать на одной странице фотогалерея и слайдшоу?

    Можно ли на одной странице сайта сделать и фотогалерею с увеличением картинок, и слайдшоу? У меня не получается. Для фотогалереи использовал файлы со скриптами из урока Е. Попова «Интересная галерея на jQuery» http://ruseller.com/lessons.php?rub=32&id=77 - (jQuery 1.2.6.js, prettyGallery.css, prettyGallery.js, prettyPhoto.css, prettyPhoto.js, styleGallery.css) Для слайдшоу использовал плагин jQuery ( jQuery Cycle Plugin) из урока Е. Попова «Создаем сайт с нуля (фотошоп+верстка)» http://evgeniypopov.com/jurnal/vyipusk-35.htmlСлайдшоу работает если не установлена фотогалерея. При установке фотогалереи слайдшоу перестает работать. Видимо это результат очередного …

    Asked by м.н.с., May 25, 2014

    0 votes
    1 answer
18. ИЕ совсем развалилcя, как советский союз.

    Да, для ИЕ это не ново. Но 11я версия до этого была вроде сносной в плане отображения сайтов. http://melodyn.ru/systemation/ - наброски сайта, не обращайте внимания на некоторые косяки. Нужно решить всего один вопрос, как исправить это: Мой телефон на Windows Phone с тем же самым ИЕ отображает относительно хорошо: Собственно, чтобы не пилить весь код на jsfiddle: http://melodyn.ru/systemation/style.css, http://melodyn.ru/systemation/index.php, http://melodyn.ru/systemation/front.css

    Asked by Melodyn, May 25, 2014

    0 votes
    6 answers
19. проблема с версткой

    основной блок : <div class="content"> <div><p> ОБЫЧНЫЙ ТЕКСТ</p></div> <div class="item-list"> <ul class="pager"> <li class="pager-current first"><span>1</span></li> <li class="pager-item"><a href="#" title="На страницу номер 2">2</a></li> <li class="pager-item"><a href="#" title="На страницу номер 3">3</a></li> <li class="pager-item"><a href="#" title="На страницу номер 4">4</a></li> </ul> </div></div> Есть основной блок,в него входит два блока,первый с обычным …

    Asked by xemni, May 25, 2014

    • div a
    0 votes
    2 answers
20. Префиксы браузеров. Смысл их введения

    Добрый день, кто знает, в чём смысл введения браузерных префиксов? Вот, например, если есть свойство со значением: border-radius:10 px. Не проще бы было сделать его экспериментальным (в самом начале) без всяких префиксов и каждый браузер обрабатывал бы его как мог. Вместо того, чтобы писать: -webkit-border-radius...., -mos-border-radius... и т.д.?

    Asked by webmos, May 25, 2014

    • что они делают и кому помогаю
    0 votes
    15 answers
21. Как сделать резиновый фон в HTML?

    Здравствуйте. Помогите пожалуйста новичку! Как сделать "резиновый" фон на сайте. На широкоформатном мониторе все гуд, а на смартфоне в вертикальном положении картинка искажается. как сделать в HTML, чтоб она не искажалась, а перематывалась? Заранее благодар за ответ!

    Asked by mrbean, May 24, 2014

    • резиновый фон в HTML
    0 votes
    2 answers
22. Как выровнять таблицу и текст по центру экрана?

    У меня есть код, нужно выровнять его весь по центру браузера, как это сделано на ya.ru Т.е. и форму поиска и текст под ней. У меня получилось выровнять только форму поиска, и то, только по горизонтали. А нужно все ровно по центру. <table><style> table { margin: auto; } </style><table cellspacing=2 cellpadding=4 border=0><tr><td align=center style="border:0px solid #eeeeee" bgcolor=FFB30A><table cellspacing=0 cellpadding=1 border=0><tr><form method=post action="http://site.ru/script.php"><td> <input style="color:#777777; font-size:11px; width:300px; font-family: Verdana, Arial, sans-serif" n…

    Asked by nhelp, May 24, 2014

    • margin: auto
    0 votes
    4 answers
23. выпадающее меню.

    здравствуйте! подскажите, пожалуйста. http://text.check-mate.ru на этой страничке есть меню, при наведении на "Услуги" выпадает менюшка, при наведении на "сервисное обслуживание" с правого нижнего края можно увидеть букву "Д". в сервисном обслуживании вложена еще одна выпадающая менюшка, но ее не видно, он прячется. как ее вытащить, чтобы показывалась с права?) никак не могу решить эту проблему (( помогите, пожалуйста)

    Asked by devid89, May 24, 2014

    0 votes
    3 answers
24. как сверстать вот такой блочок

    Я понимаю, что всем надоела уже, но плиз как вот такой кусочек сверстать http://prntscr.com/3lwwi9

    Asked by Anna Zharova, May 23, 2014

    0 votes
    6 answers
25. Ломается верстка

    Доброго времени суток дорогие форумчане. Возникла у меня такая проблема с версткой: Если поднимать (на index.php) менюшку или весь div='body' вверх (например с помощью margin or position:relative), то в браузерах Firefox and IE ломается верстка менюшки (данная проблема актуальна и на других страницах для других элементов). Вот собственно наглядный пример: Вот так выгладит страница по default Прикладываю разметку и стили Сброс стилей Стили style Стили index http://cssdeck.com/labs/whwt6tys Ломаю голову уже более двух суток =( Спасибо за внимание. С уважением Евгений P.S.заодно скажите насколько криворукий у меня код и в чем это проявляется =)

    Asked by lolovo, May 23, 2014

    0 votes
    1 answer