HTML Coding

29542 questions in this forum

1. Верстка составной иллюстрации

   Здравствуйте. Я столкнулся с такой проблемой: есть иллюстрация, разбитая на три блока — левый, средний и правый, каждый из них имеет свой hover. Проблема в том, что кусок иллюстрации из правого блока наслаивается на кусок иллюстрации из среднего. Вопрос в том, как это сверстать? Как видите, просто порезать изображение на три части не выйдет. Заранее спасибо.

   Asked by Dominokuro, July 18, 2015

   0 votes
   1 answer
2. Поясните код

   Поясните пожалуйста по строчкам как выполняется скрипт? Первые 5 строк понятны, а дальше нет. var text = "Anita is tired. Anita is home. Anita needs to move.";var myName = "Anita";var hits = [];for (var i = 0; i < text.length; i++){if (text[i] === myName[0]){ for (var j = i; j < (i + myName.length); j++){ hits.push(text[j]); }}}

   Asked by FitTech, July 24, 2015

   • js
   0 votes
   4 answers
3. проблема с тенью

   всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо

   Asked by green-vik, November 6, 2016

   0 votes
   2 answers
4. Аудиоплеер без js

   Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?

   Asked by Ubhra, February 6, 2018

   0 votes
   1 answer
5. Как сверстать картинку без таблиц и css?

   Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:

   Asked by still_2000, March 28, 2009

   0 votes
   1 answer
6. подскажите как организовать отправку формы

   Как сделать чтобы после заполнения и отправки этой формы пользователя я смог бы это просмотреть в каком нибудь файле. <form method="(не знаю что здесь писать post or get)" action="(здесь незнаю какой файл указать)"> <table width=100%> <tr><td align=right>Имя:</td> <td align=left><input type=text name=f_name size=30></td></tr> <tr><td align=right>mail</td> <td align=left><input type=text name=f_mail size=30></td></tr> <tr><td align=right>сообщение</td> <td align=left><textarea cols=40 rows=5 name=f_message></textarea></td></tr> &lt…

   Asked by kuka, May 20, 2009

   0 votes
   2 answers
7. Карты-изображения+Rollover image

   Здравствуйте ! Можно ли присоеденить Карты-изображения к Rollover image ?

   Asked by Alexey197825, December 1, 2009

   0 votes
   1 answer
8. Как Сделать Редактирование Текста

   Здравствуйте! У меня есть букс. На него нужно добавить возможность редактировать задания. Как это сделать?

   Asked by mob-portal, September 11, 2010

   0 votes
   2 answers
9. "Перелинковка" картинки на видео

   Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube

   Asked by quaker2010, March 18, 2011

   0 votes
   2 answers
10. Выподают изображения из блока

    Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?

    Asked by Ravan, April 23, 2011

    0 votes
    2 answers
11. сделать много ссылок

    <p>Agents & Brokers Apartment / Rental Appraisal Directory Builder Directory Business Broker Buyers Agents Commercial Central Consultant Discount Brokerage Escrow and Title Service Foreclosure Central Relocation Expert ********** Resort Online Search Listing Web Service </p> p{white-space:pre;} нужно сделать много ссылок!!как поступить чтобы не писать много тегов <a>??может есть решение через скрипт?

    Asked by dostel1, October 13, 2011

    0 votes
    8 answers
12. Таблица при помощи <li> css

    Здравствуйте! помогите решить одну проблему: есть список, который выводит категории с подкатегориями сайта в виде таблицы Категория1 Категория 2 Категория 3 ———— ———— ———— ———— ———— ———— ———— ———— ———— ———— Категория 4 Категория 5 ———— ———— ———— ———— Как реализовать вывод категорий таким образом Категория1 Категория2 Категория3 ———— ———— ———— ———— ———— ———— ———— КАТЕГОРИЯ5 ———— ———— ———— ———— ———— ———-- Категория6 КАТЕГОРИЯ4 ———— ———-- ———— ———— ———-- ———— …

    Asked by ashel, February 26, 2012

    0 votes
    6 answers
13. Помогите разобраться с полем!

    Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact…

    Asked by west456, June 7, 2013

    0 votes
    3 answers
14. Небольшая проблема с JQzoom

    Если резко переместить курсор вправо и остановить его на увеличенной области то она не исчезает вот пример Сайт BigLion использует этот плагин, пробовал копаться в их коде но не шашел как они смогли решить данную проблему, у них если быстро навести на увеличенную область которая справа то она исчезает как и положенно, вот пример

    Asked by ilyas, March 15, 2014

    0 votes
    2 answers
15. Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?

    Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.

    Asked by Koroed, July 21, 2014

    0 votes
    0 answers
16. vertical-align

    Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")

    Asked by Arthur, November 25, 2014

    • vertical-align
    0 votes
    2 answers
17. Подключение FontAwesome SCSS

    Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.

    Asked by Alexandr37, October 11, 2016

    0 votes
    3 answers
18. Цвет рамки вокруг кнопки

    Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?

    Asked by instant, June 25, 2017

    0 votes
    4 answers
19. Меню

    Подскажите пожалуйста как нить можно применить стиль для тега "a" только в меню? Или несколько стилей для того же тега на одной странице? Спасибо!

    Asked by Glebr, February 13, 2009

    0 votes
    2 answers
20. неправильно отображается ширина div в ie 6

    Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…

    Asked by ejikiller, March 19, 2009

    0 votes
    1 answer
21. СОС!Помогите пожалуйста найти ошибку!

    Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…

    Asked by bravada j, April 8, 2009

    0 votes
    0 answers
22. Чокнутый фон

    Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.

    Asked by Saiko, August 27, 2009

    0 votes
    2 answers
23. Проблема верстки

    Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…

    Asked by _ZheKA_, July 17, 2011

    0 votes
    3 answers
24. Доктайп с пробелами или нет?

    Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?

    Asked by morosit, September 27, 2011

    0 votes
    4 answers
25. помогите с ошибкой

    body { background:#0e0b06; margin: 0; } #heder { background:url(../images/fon_heda.png) repeat-x; width: 100% ; height: 553px; margin: 0; border: none; position: absolute; } #logotip { background:url(../images/logo.png); } почему не отображается background:url(../images/logo.png); , или я чего то не понимаю в наложении слоев? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/mysite.css"> <title>Моя первая веб-страница</title&…

    Asked by olechic, October 1, 2011

    0 votes
    3 answers