HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Помогите!
Доброе время суток всем! у меня проблема, и не могу понять как ее исправить. Я создаю киносайт, вот анонс фильма, и вот сама страница фильма. Не могу понять как блог с информацией поставить справа от постера, как в анонсе. Нашел файл : <ul class="movie_etc"> но он отвечает за цвет текста этого. Если его удалить, то блог встанет на место, но будет другим цветом. Помогите с этим разобраться
0 votes0 answers -
помогите исправить код
в этом коде есть картинка размером 200 на 180 а розовая полоса длиной во всю страницу как зделать её чтоб она была по длине как картинка? Заранее благодарен !!!!! <head> <td width="1"><style type="text/css" > .r1, .r2, .r3, .r4 { display: block; height: 1px; background: #f677c5; } .r1 { margin: 0 5px;} .r2 { margin: 0 3px;} .r3 { margin: 0 2px; } .r4 { margin: 0 1px; height: 2px;} .block-round-content { background: #f677c5; /* Öâåò ôîíà */ padding: 10px; /* Ïîëÿ âîêðóã òåêñòà */ } </style> </head> <img src="images/BRC_4EL.gif" width="200" height="170" hspace=20 vspace=10 class="lef…
0 votes3 answers -
Не пойму в чём разница
Вот два кода div#status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } и #status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } Они ведь оба будут работать если применять <div id="status-bar"> , тогда зачем в css дописывается div перед # ?
0 votes2 answers -
Google Chrome - значение ширины дива
Следующий код отображается так: FF 6 IE 8 Chrome 12.0.742.122 В хроме почему-то вторая цифра в каждом блоке перенеоситься на новую строку. Получилось исправить, если явно задать ширину дива в котором находяться цифры, но тогда при изменениее разрешения размер меняется несколько не пропорционально.
0 votes1 answer -
Подскажите с расположением элемента
Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 1024px и располагаться по центру страниц, хедер решил сделать слегка резиновым), а именно картинки бабочек и печенек сделал repeat-x, но основная часть та, что на картинке, располагается по центру страницы. Проблема заключается в том, что не могу поставить поле поиска в нужное место, оно у меня уезжает вместе с расширением окна браузера. и собственно вот код: <!DOCTYPE h…
0 votes6 answers -
Отступы в меню
Здравствуйте сегодня я начал верстать первый дизайн, он ну очень простой, единственное с чем я не смог справиться это убрать отступы между ссылками и сделать меню ровно по центру контента . До этого так же я сталкивался с этой проблемой, решить не как не смог скрин дизайна, какой он должен быть в конечном результате http://upjimm.ru/greytabs/greytabs.jpg'>http://upjimm.ru/greytabs/greytabs.jpg и сам сайт то что я сделал http://upjimm.ru/greytabs/
0 votes3 answers -
UTF-8 не отображается
Здравствуйте! Изучаю HTML по видеоуроку, там короче такой пример: <html> <head> <meta charset="utf-8"> <title>Шаблон</title> </head> <body> </body> </html> Слово шаблон у него в заголовке отображается нормально. У меня абракадабра! Можете подсказать в чём проблема? Кстати когда charset меняю на windows-1251 всё показывает нормально.
0 votes3 answers -
Позиционирование тени по нижнему краю
Здравствуйте. Как можно спозиционировать тень по низу? box-shadow:1px -1px 3px rgba(0, 0, 0, 0.5); 1px - сдвиг влево, -1px - сдвиг вправо. 3px - размытие. Не получается, при данном коде, тень располагается правее... Что делаю не так?
0 votes4 answers -
Как выделить текст внутри блока обернутого в ссылку?
Всем привет, В мобильной верстке применяется вот такая конструкция: <a href="http://www.somelink.com" title="Info"> <div class="container"> <img src="http://imagesource" alt="Info"> <div class=""> <h2>Furniture</h2> <p>#12345678</p> etc. </div> </div></a> Проблема в том, что выделить потом текст внутри такого блока, проблематично иногда даже критично. Например, Furniture, выделить почти нереально. Я лично привык всегда иметь возможность выделять текст, и считая большим недостатком, когда это сделать сложно, тем более с названием продукт…
0 votes2 answers -
помогите сделать таблицу table
вот такую http://nordtrest.ru/sneg/neg1.bmp
0 votes1 answer -
Верстка под движек
Добрый день! Столкнулся с проблеммой. Где можно доступно и поэтапно почитать про верстку под движек, в частности Joomla!? Нашел много материала, но всегда и везде резкие переходы. Вообще интересует где наиболее точно описан процесс верстки шаблона простого сайта визитки под Joomla!
0 votes4 answers -
DOCTYPE влияет на размер шрифта
Ковыряю шаблоны одного бесплатного форума. Валидатор выдал кучу ошибок. Решил удалить DOCTYPE вообще и не ломать голову, но на форуме увеличились шрифты. Эксперименты показали, что шрифт увеличивается при указании несуществующего DOCTYPE. Как такое может быть? Другие элементы стилей не меняются. Было бы понятно, если изменялась "нарезка" из-за разной интерпретации width. Но почему меняется шрифт? Пример форума с подобным шаблоном _http://www.lych.ru/forum/viewtopic.php?f=2&p=1 А на этом такого не наблюдается _http://dom-i-k.ru/forum/viewtopic.php?f=2&t=1
0 votes6 answers -
помогите с плавающими элементами
http://jsfiddle.net/ZE2RN/ Суть проблемы, если окно узкое то внутренние блоки стоят в ряд. А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю. Как можно добиться этого?
0 votes9 answers -
div с фиксированной высотой внутри ячейки
Пытаюсь создать таблицу, в которой высота ячейки фиксированная вне зависимости от контента, Для достижения эффекта заворачиваю внутри каждой ячейки div с фиксированной высотой. По идее все что внутри дива должно обрезаться, и на высоту ячейки никак не влиять, и тем не менее почему-то высота ячейки меняется в зависимости от контента внутри дива. Проверял в IE FF и Chrome. Нигде не могу найти обьяснения почему так происходит. <tr style="display: table-row;"> <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;"> <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; ma…
0 votes3 answers -
Обьекты по центру, резиновая верстка
Как сделать чтобы содержимое DIV вложенного в div.topfooter всегда оставалось по центру в не зависимости от разрешения монитора? http://prodpak.ru/style/
0 votes3 answers -
30px отступы bootstrap
объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки
0 votes1 answer -
Ползунок
Ищу скрипт, с хорошей костомизацией. В гугле искал есть, но хотел увидеть те решение которые наиболее используемые.
0 votes5 answers -
проблема с позиционированием
Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …
0 votes7 answers -
Как работает код данного массива?
Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?
0 votes1 answer -
Выбрать инпут в диве
нужно выбрать инпут $('input[name=arrFilter_309]:checked') в диве с классом content. Это код JS но всё же выбор как я понимаю CSS. Подскажите как это будет выглядеть, что то типа $('content:input[name=arrFilter_309]:checked') но это я от балды. хотя что то я вообще туплю, заработался, так сработало. $('content input[name=arrFilter_309]:checked')
0 votes0 answers -
Перенос гридов
Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd
0 votes0 answers -
408 Request Timeout
Как написать код, который будет вызывать ошибку 408?
0 votes0 answers -
позиционирование
Добрый день. Хочу расположить текст на форе картинки, точно в нужном месте. (номера участков на карте) Делаю так: <td> <div style="height:806px; width:497px; background-image:url(limber_test.png)"> <span id="m1" style="position:absolute;top:97;left:101">1</span> <span id="m2" style="position:absolute;top:115;left:117">2</span> <span id="m3" style="position:absolute;top:133;left:133">3</span> <span id="m4" style="position:absolute;top:81;left:137">4</span> ......................... </div> </td> Но положение циферок относительно картинки в разных браузерах отличается. Как это исправить? (Да, за…
0 votes4 answers -
проблема с таблицей
вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…
0 votes2 answers -
появляется новый столбец у таблицы
<th> <td>Столбец 1</td><td>Столбец 2</td><td>Столбец 3</td><td>Столбец 4<sup>Примечания</sup></td> </th>
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-