Report
-
Similar Content
-
By pryanya.darrrya
Здравствуйте !
Нужна ваша помощь . Не знаю как сделать такой стиль для меню ( отметила стрелочками на фотографии)
Нужен стиль элементов меню , вертикальной линии с маркерами как на фото . Буду рада любой помощи.
-
By Jericho
Начал учить HTML для себя. Проблема в том, что сделал заголовок и таблицу, но, нужно чтобы текст был внизу таблицы. Сделал для этого подвал, но что-то не работает, все равно текст выше таблицы.
—————--
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="utf-8">
<TITLE>Главная страница</TITLE>
</HEAD>
<BODY>
<header>
<H1> <center>Текст Заголовка ...</center> </H1>
</header>
<center>
<table border="100">
<tr>
<th>№</th>
<th>Текст</th>
<th>Текст</th>
<th>Текст</th>
<th>Время</th>
<th>Текст</th>
</tr>
<tr>
<tr>
<td>1.</td>
<td>Текст</td><td>Текст</td><td>ОКР</td><td>17.20.34 - 18.07.2020</td><td> </td>
<tr>
<td>2.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>3.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>4.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>5.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>6.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>7.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
</tr>
</center>
</BODY>
<footer>
Тексdт
</footer>
</HTML>
-
By marriavass
Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает.
<main>
/*много других тегов*/
<section class="modal-map">
/*форма*/
<div> <iframe src="https://www.google.com></iframe> </div>
</section>
</main>
<footer>
</footer>
-
By serzh82saratov
Всем привет! Я тут новичок, не пинайте сразу если что.
Требуется аналог position sticky для IE (в режиме совместимости с 7).
Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%.
То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо.
Надеюсь более менее объяснил, заранее спасибо.
Забыл сказать, таких линий на форме 10 - 20 штук.
-
By iBars
На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка.
HTML:
... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ...
CSS:
.sticky { position: sticky; top: 0; z-index: 11000; }
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-