- 0
-
Similar Content
-
By kinomanTB
Доброго всем времени суток.
Я ещё только новичок и много чего не знаю в HTML, CSS и скриптах.
где-то по сети, нашла Закрывающийся контейнер, который чутка изменила:
http://cssdeck.com/labs/e6ribpyb
Он раскрывается по вертикале, напоминая аккордеон или баян.
задача состоит в том, что бы в изменить в коде так, что он открывался и закрывался по горизонтали, как Tab-вкладки.
Что-то вроде, наподобие такого
http://dbmast.ru/adaptivnye-vkladki-taby-na-css3
-
By Ollin
Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в html, получился фон и две картинки, дальше не пойму как. Первым делом нужно чтобы фоновая картинка растягивалась под любой экран. У меня получился плавно появляющийся контент, и хочу чтобы фон так же плавно появлялся. И все это дело должно грузиться по очереди - фон, картинка 1, картинка 2. Если не сложно, покажите как это делается, Может тут работы на 5 мин а я уже 2 дня над этим... Я в этом полный ноль, вот код:
<html>
<head>
<title>Заголовок</title>
</head>
<style>body.fade{opacity: 0;}body.appear
{opacity: 1;transition: opacity 5s;}</style>
<body style="background: url(images/05WM.jpg);">
<div><p><img src="images/4936c055.jpg" border="0"
style="position: absolute; left: 20px; top: 20px;"</p>
<p><img src="images/4936c055.jpg" border="0"
style="position: absolute; right: 20px; bottom: 20px;"</p>
</div>
<script>document.body.className = 'fade';</script>
<script>setTimeout(function()
{document.body.className = 'appear';}, 0);</script>
</body>
</html>
-
By Nomel
Здравствуйте. Подскажите, пожалуйста, почему кнопка "Send" не центрируется внизу. http://cssdesk.com/V4hj4
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
sitemaker999
Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать.
Шаблон: http://jsfiddle.net/JQv7Q/
Link to comment
Share on other sites
10 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.