- 0
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Omikron
Господа, я полный нуб в создании сайтов, поэтому сразу к делу. Пишу во Фронтпейдже. Попробовал двумя способами:
1 й способ - набить в ячейку несколько картинок заданных размеров (нубокод прилагается)
<html>
<head>
<title>Kot</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#000000" style="text-align: center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr bgcolor="#FFFFFF">
<td bgcolor="#FFFFFF" valign="top">
<table width="1076" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<img border="0" src="Image/font2.jpg" width="1076" height="289"></td>
</tr>
<tr>
<td height="42" colspan="2">
<img border="0" src="Image/index.1.jpg"><img border="0" src="Image/index.2.jpg"><img border="0" src="Image/index.3.gif"><img border="0" src="Image/index.4.jpg"><img border="0" src="Image/index.8.jpg"><img border="0" src="Image/index.6.jpg" width="143" height="45"><img border="0" src="Image/index.7.jpg"></td>
</tr>
<tr>
<td height="41" valign="top" width="254" bgcolor="#000000">
<img border="0" src="Image/index.1.gif" width="70" height="116"><img border="0" src="Image/leftcol_top.png" width="160" height="116"></td>
<td height="41" valign="top" width="822" bgcolor="#000000">
<img border="0" src="Image/lamp.jpg" width="566" height="125"><img border="0" src="Image/index.1.gif" width="21" height="125"><img border="0" src="Image/rightcol_top.png" width="161" height="125"></td>
</tr>
</table>
В итоге полоска, где больше всего картинок тупо съезжает в хроме, причём не все полоска а 6 и 7 картинки (может даже только 7, там трудно сказать). Другие браузеры всё ок.
Я тогда пошёл по науке и решил всё разбить на ячейки:
<html>
<head>
<title>Kot</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#000000">
<table border="0" cellpadding="0" cellspacing="0" width="1076" align="center">
<tr>
<td height="10" bgcolor="#FFFFFF" colspan="7">
<img border="0" src="../Image/font2.jpg" width="1076" height="289"></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFFFF" width="161">
<img border="0" src="../Image/index.1.jpg" width="161" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="143">
<img border="0" src="../Image/index.2.jpg" width="143" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="143">
<img border="0" src="../Image/index.3.gif" width="143" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="143">
<img border="0" src="../Image/index.4.jpg" width="143" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="143">
<img border="0" src="../Image/index.8.jpg" width="143" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="143">
<img border="0" src="../Image/index.10.jpg" width="143" height="45"></td>
<td height="10" bgcolor="#FFFFFF" width="200">
<img border="0" src="../Image/index.7.jpg" width="200" height="45"></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFFFF" colspan="7">
<img src="px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr bgcolor="#094863">
<td height="35" colspan="7">
<img border="0" src="../Image/footer_bg.png" width="1076" height="117"></td>
</tr>
</table>
Но всё стало ещё хуже. Теперь 6 я картинка имеет белые полосы по бокам, а 7я так же съезжает. И самое главное, опять же только в Хроме. Плииз хелп ми пипл)
И ещё, я понимаю что код полное уг, но я не могу написать ничего иного, поэтому отнеситесь с понимание, и помогите поправить этот.
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.