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
-
help - не могу размыть задний фон
Беда какая-то, уже 2 часа бьюсь головой об стену((( Нужен задний фон для .modal окна, чтобы был размыт - использую скрипт blur.js http://blurjs.com/ Но НИЧЕГО не выходит! http://zverushka.zz.mu/river2/ (вспрывалющее окно по кнопке закажите лендинг). Да даже ничего не выходит куда угодно, если скрипт воткнуть. Я уже перепробовала кучу скриптов - но они размывали все окно, а не только фон окна. Код Я даже старый jquery воткнула, как в их демо - чтобы работало, а оно не работает.
0 votes24 answers -
IE не понимает td align="justify"?
IE 7 не понимает <td align="justify">? В IE работает только с <div align="justify">?
0 votes7 answers -
Как пишется на PHP+MySQL рейтинг для статей звездочками
Как пишется рейтинг оценки статьи в цифрах и звездочками? нужно чтобы было PHP+MySQL. Есть код с перечнем оценок. Как сделать так чтобы возле статьи стояли звездочки ретинга и рядом стояла цифра рейтинга?
0 votes20 answers -
Открыть видео по ссылке
Здравствуйте. Ломаю голову над такой задачкой и уж не знаю решаема ли она... Если есть решение - подскажите! Делаю СD диск с презенташкой. Диск предназначен для людей не имеющих доступ к интернету, по этому сразу скажу что подключение внешних модулей моей проблеме не помогут. Короче говоря диск - это простенький статический HTML сайт с несколькими страничками, картинками и видео. Есть задача сделать так, чтобы ссылки на видео (в формате mp4) открывали видео в проигрывателе, а не предлагали его скачивать, т.к. нет смысла скачивать с диска на винт, а потом открывать для просмотра. Нужно так - кликнул на ссылку, автоматом открылся проигрыватель, посмотрел видео, закрыл прои…
0 votes9 answers -
Как разместить горизонтальную прокрутку сверху?
Требуется горизонтальную полосу прокрутки, появляющуюся при overflow:scroll, разместить не в нижней части блока, а в верхней. Достаточно, чтобы это работало в Firefox. Возможно ли такое сделать, не прибегая ко всяческим jquery-плагинам и прочей js-нечисти?
0 votes2 answers -
Математический расчет на html страничке
Подскажите, можно ли как-нить сложить 2 числа на страничке, написанной на html? Дело в том, что есть одна прога, которая генерирует шаблонные документы на базе html страницы и подставляет туда данные из своей базы, так вот, задача состоит в том, чтобы выводилась сумма двух чисел, вытащенных из базы, а не сами эти числа.
0 votes16 answers -
Как прижать блок к низу другого блока?
Вот есть код. Как мне "правый блок" сделать высотой в 100%? Чтобы он растягивался вниз на столько, на сколько изменится "центральный блок" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style> *{ margin: 0; padding: 0; } #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { wi…
0 votes6 answers -
IE8 и border-radius
Проблема заключается в том, что все бразуеры кроме IE8 и ниже понимают border-radius и работают с ним на ура. Но как заставить понимать IE8 понимать и соответственно отображать закруглённые углы(border-radius)?
0 votes18 answers -
атрибут float одновременно меняет позиционирование на абсолютное?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…
0 votes28 answers -
как писать текст в блоке div
перерыл поисковик запросами, не могу найти, раньше как то делал чтобы можно в области див писать текст, на подобии input или textarea
0 votes3 answers -
как сделать гамбургер-меню в Bootstrap3
Друзья, здравствуйте! Подскажите, пожалуйста, как сделать в Bootstrap3 гамбургер-меню при уменьшении размера экрана до размера смартфона. Спасибо, большое!
0 votes4 answers -
Нужен скрипт чтобы наложить Gif на Jpeg
В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)
0 votes33 answers -
прижать слой к низу
Всем привет. Подскажите, как закрепить слой внизу окна браузера?
0 votes15 answers -
три состояния у SVG: закрасить svg (свойство fill не помогает)
у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/
0 votes13 answers -
Не работает background-size
Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }
0 votes2 answers -
Как правильно сделать кнопки в меню навигации (CSS)?
Нужно сделать менюшку навигации на css слоями. Вот такую: Написал сие: Пункты оформил списком <div id="navigation" class="navigation"> <ul> <li><a href="about.html"><b>О нас</b></a></li> <li><b>Пациенту</b></li> <ul> <li><a href="">Клиника заболеваний</a></li> <li><a href="">Информированное согласие</a></li> </ul> <li><b>Врачу</b></li> <ul> <li><a href="">Обучение</a></li> <li><a href="">Литература</a></li> </ul> <…
0 votes6 answers -
Параметры onClick, onMouse в тегах TR, INPUT
Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь
0 votes4 answers -
Проблема с "кнопками в safari"
Изменяю первый пост в связи с тем, что все оказалось гораздо хуже))) Просьба модераторов изменить название темы на более подходящее. Итак, взяв некоторые элементы, которые зачастую являются частью вёрстки самого макета, а не внутренних страниц содержания, провожу исследование кроссбраузерности этих элементов. 1) Делаю заготовку html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML CHECK</title> <link rel="stylesheet" type="text/css" href="css/css-for-check.css" /> </head> <body> <div id="box"> <a href="">a</a> <blockquote>a</blockquote> <cite>a</cite&g…
0 votes30 answers -
Перенос слов в таблице
Есть таблица, ячейка которой формируется кодом <td class="views-field views-field-field-addition-newnode-value"> <?php $node->field_addition_newnode[0]['view'] ?></td> Этой ячейке задана ширина .views-field-field-addition-newnode-value {width: 11%;} И в Opera она строго соблюдается: ширина 11%, не умещающиеся слова переносятся на следующую строку. Но Firefox и Chrome слова не переносят и растягивают ячейку, а с ней и всю таблицу, пока не поместится полностью всё [самое длинное в строке] слово. Фиксированная ширина, word-wrap, text-overflow не помогли. Чем заставить FF и Chromium переносить слова?
0 votes3 answers -
Внутренняя тень у svg-иконок
Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. Скрытый текст . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда…
0 votes7 answers -
Как убрать отступ body
Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …
0 votes13 answers -
Dreamweaver
Суть проблемы есть таблица созданная в дримвивере.........не могу поставить курсор в нужном место ячейки талбицы....поэтому картинка прилепает к левому краю и всё...а нужно поставить её по середине ячейки с помощью дримвивера.....т.е тыкнул курсор в то же место картинка и переносится....... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Главная страница блога</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="690" border=…
0 votes59 answers -
h1 и span в одной строке
Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…
0 votes7 answers -
Ноутбук для вёрстки
Добрый день. Кто верстает на ноутбуке, подскажите пожалуйста, как обстоит дело с удобством. Возникла необходимость поработать удаленно, но еще ни разу не сталкивался с вёрсткой на ноутбуке. Планирую покупать ноут с самым большим разрешением и самым большим экраном. Как верстаются сайты с разрешением в 1920px и более? Насколько вообще большая разница со стационарным компом с хорошим монитором? Не уверен, что правильно выбрал раздел. Если ошибся, перекиньте тему пожалуйста в нужный раздел.
0 votes22 answers -
Опера и высота окна
Сверстал такую вот штуку: http://maestro-magnifico.ru/test/ Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть! Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков. З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.
0 votes51 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-