- 0
-
Similar Content
-
By 7908.96
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Тритон Авто</title> <style> * { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #2e2e2e; } body { background: #f8f7f3; } a { color: #037d64; } #page { width: 1100px; margin: 0 auto; } #header { background-image: url(C:\Users\vip_c\Desktop\html\img\qq.jpg); } </style> </head> <body> <div id="page"> <div id="header"> </div> </div> </body> </html>
-
By Erdos
Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции?
(посмотреть прикрепленное изображение)
-
By igorofa
Как сделать разную прозрачность двум background-image в одном блоке.
Например у меня в header два фона
background-image: url(фон 1), url(фон 2);
opacity сразу двум делает прозрачность.
-
By Twix
Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску.
как должно выглядеть: Фото меню
Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась???
хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается.
<li id="contact_us">
<a href="#">CONTACT US</a>
</li>
кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?
-
By dsljkeee
Доброго времени суток, как можно осуществить данную проблему?
Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
luckyvad
Доброго времени суток всем!
Кто нибудь сталкивался с такой проблемой:
При увеличении экрана и при просмотре сайта на мониторах с разрешением от 1600 пх на картинке background-image] появляется вертикальная черная полоса в 1 пикс. как бордер. И я не могу понять что это, на самой картинке ничего нет. Может это горизонтальный повтор background-image, но тогда почему его нет при просмотре на мониторах со стандартным разрешением?
Верстка в простых таблицах. Я пробовал заменить картинку для этого background-image, просто обрезал белую часть картинки где появляется эта черная полоса. Проблема вроде решалась в этом месте, но в других местах пошли не состыковки картинок общего бекграунда (верстальщик сверстал одну картинку из разных частей + там еще другие картинки накладываются). В общем откатил все назад и теперь ломаю голову - как исправить этот глюк чтоб не переверстывать всю страницу заново.
Код там такой (в четырех местах):
<td width=246 background=/images/but00.gif valign=top height=151>
<td background="/images/but00.gif" width="246" valign="top" height="100%">
<td background="/images/but00.gif" width=246 valign=top height=100%>
<tr><td background="/images/but00.gif" height=100%> </td></tr>
Никаких репитов для него не прописано.
Сама картинка бекграунда:
сайт: crantal.ru
Прошу помощи форумчан. Если кто знает как решить проблему, заранее благодарен!
Link to comment
Share on other sites
1 answer 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.