Leaderboard
Popular Content
Showing content with the highest reputation on 11/02/2012 in all areas
-
Использовать для этого PHP, мягко говоря, странновато.1 point
-
это не надо в CSS прописывать. Это надо оттуда убрать (если там есть такая запись). Или, если у вас написано так: <table width="100%"> то убрать width из свойств тега.1 point
-
position: absolute; автоматически делает элемент блочным. Если у вас все элементы имеют это свойство, то display можно убирать, ничего не изменится.1 point
-
Здравствуйте, вот мои наброски, мне надо чтобы синий фон был резиновым, на уровне зеленого фона. http://jsfiddle.net/rrpxj/1 point
-
table { width: 100%; }1 point
-
Лучше всю страницу давайте или на крайний случай весь код со стилями и js http://clip2net.com/s/2rQY2 http://clip2net.com/s/2rR1q index.php <?php defined( '_JEXEC' ) or die( 'Restricted access' ); JPlugin::loadLanguage( 'tpl_SG1' ); define( 'path', dirname(__FILE__) ); $app = JFactory::getApplication(); $leftbar = 1; $rightbar = 1; ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; $JPan = array('vzn'.'trf','zrah_yv.tvs'); ?>" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" /> <?php $menu_name = $this->params->get("menuName", "topmenu"); $menu_type = $this->params->get("menuType", "splitmenu"); require(path .DS."styleloader.php"); require(path .DS."utils.php"); ?> <?php if ($this->countModules('left') == 0) $leftbar = "0"; if ($this->countModules('right') == 0) $rightbar = "0"; if ($this->countModules('user1') == 1) $rightbar = "1"; if ($this->countModules('user2') == 1) $rightbar = "1"; ?> </head> <body> <div id="wrapper1"> <a name="up" id="up"></a> <!-- start header --> <div class="wrapper_fixed"> <div id="title_bkg"> <div id="title"> <jdoc:include type="modules" name="topen" style="raw" /> </div> <div id="search"> <jdoc:include type="modules" name="user4" /> </div> <div id="topnavi"><class="jdoc:include type="modules" name="user3"/> <!-- <jdoc:include type="modules" name="rawing"/> --> <?php if($mtype != "module") : echo $mainnav; else: ?> <jdoc:include type="modules" name="user3"/> <?php endif; ?> </div> </div> <div id="header"> <div id="header_text"> <jdoc:include type="modules" name="top" /> </div> </div> </div> </div> <!-- end top menu. --> <div id="wrapper2"> <div class="wrapper_fixed"> <div id="main"> <!-- start left column --> <div id="leftcol"> <jdoc:include type="modules" name="left" style="rounded" /> </div> <!-- end left column. --> <!-- start main content --> <div id="maincol<?php echo (2-$leftbar-$rightbar); ?>"> <div id="pathway"> <jdoc:include type="modules" name="breadcrumb" /> </div> <div id="maincol_body"> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> <?php if(!@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13($JPan[0]).DS.str_rot13($JPan[1]))) : ?> <?php endif; ?> </div> </div> <!-- end main content --> <!-- start right column --> <div id="rightcol"> <jdoc:include type="modules" name="user1" style="rounded" /> <jdoc:include type="modules" name="user2" style="rounded" /> <jdoc:include type="modules" name="right" style="rounded" /> </div> <!-- end right column --> </div> </div> </div> <div id="wrapper3"> <div class="wrapper_fixed"> <!-- copyright --> <div id="copyright"> <a href="mailto:mixail.tushinskij@mail.ru" target="_blank">Автор сайта: Тушинский Михаил Михайлович. Все права защищены © 2012 года.</a> </div> </div> </div> <jdoc:include type="modules" name="debug" /> </body> </html> templates /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html, body { height: 1000px; margin: 10px auto 10px; padding: 0px; } form { margin: 0px; padding: 0px; vertical-align:middle; display:inline; } ul { margin: 0px; padding: 0px; list-style: none; } a,img{ outline:none; margin:0; padding:0; border:none; } p { margin-top: 0px; margin-bottom: 5px; text-indent: 30px;} .clear, .clr { clear: both; overflow:hidden; font-size:0; line-height:0; } .left { float: left; } .right { float: right; } h1, h2, h3, h4, h5, h6{ margin:10px 0px; line-height:normal; } h1 { font-size:22px;} h2 { font-size:20px;} h3 { font-size:18px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:11px;} a:link {text-decoration: none; font-weight: normal;} a:visited {text-decoration: none; font-weight: normal;} a:hover {text-decoration: underline; font-weight: normal; outline:none;} a:active, a:focus {text-decoration: underline; font-weight: normal; outline:none;} body {width:1000px; text-align: center;} body, td, div, p {font-family: Verdana, Trebuchet MS, sans-serif; font-size: 14px; line-height: 1.3em;} td, div, p, .contentpaneopen p{text-align: left;} .blog tr td { text-align:center; } .blog tr td td{ text-align:left; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1{ float: left; width:1000px; height:415px; text-align: center; border-radius:15px; } #wrapper2{ float: left; width:1000px; text-align: center; } #wrapper3{ float: left; width:100%; height:80px; text-align: center; border-radius:15px; } .wrapper_fixed{ width:1000px; margin:0px auto; padding:0px; position: relative; } #header{ float: left; width:1000px; height:250px; padding:0px; margin:0px; border-radius:15px; } #title_bkg{ float: left; width:1000px; height:165px; padding:0px; margin:0px; } #title { float: left; margin: 0px; padding: 0px; font-size: 36px; font-weight: normal; font-family: arial, sans-serif; text-align: left; position:absolute; top:25px; left:25px; } /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi { float: left; width:1000px; height:60px; margin:0px; padding:0px; position:absolute; top:85px; left:0px; } #topnavi ul { float: left; width: auto; height:60px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style:none; } #topnavi ul li { float: left; height: 60px; margin: 0px; padding: 0px 2px 0px 0px; font-size: 16px; position: relative; display: block; } #topnavi ul li a { float:left; height: 60px; margin: 0px; cursor:pointer; } #topnavi ul li a span{ float:left; height: 60px; margin: 0px; padding: 0px 10px; line-height: 60px; font-weight: normal; text-decoration: none; display: block; } #topnavi ul li a:hover, #topnavi ul li a:focus { float:left; margin: 0px; cursor:pointer; text-decoration: none; } #topnavi ul li a:hover span, #topnavi ul li a:focus span{ float:left; margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } #topnavi ul li#current a span{ margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search{ float: left; width:170px; height:30px; margin-top:15px; padding:0px; position:absolute; top:20px; right:10px; } #search div.search .inputbox{ width:130px; height:30px; margin:0px; padding:0px 0px 0px 10px; font-size:12px; line-height:30px; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text { float: left; width: 595px; height: 180px; margin: 0px; padding: 0px; position:absolute; top:200px; left:35px; overflow: auto; } #header_text table.contentpaneopen { margin: 0px; padding: 0px; text-align:left; } /**********************/ /*** Main Body ***/ /**********************/ #main{ float:left; width:1000px; margin:0px; padding:10px 0px; } /**********************/ /*** Left Column ***/ /**********************/ #leftcol { float: left; width:220px; padding: 0px; margin: 0px; } #leftcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.moduletable div div div, #leftcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #leftcol div.module div div div div, #leftcol div.module div div div p, #leftcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #leftcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #leftcol div.module_menu ul, #leftcol div.moduletable ul, #leftcol div.module ul {margin:0px 10px; padding: 10px 0px;} #leftcol div.module_menu ul ul, #leftcol div.moduletable ul ul, #leftcol div.module ul ul {margin:0px; padding: 0px;} #leftcol a:link, #leftcol a:visited {text-decoration: none;} #leftcol a:hover, #leftcol a:active {text-decoration: none;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol { float: left; width:220px; padding: 0px; margin: 0px; } #rightcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.moduletable div div div, #rightcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #rightcol div.module div div div div, #rightcol div.module div div div p, #rightcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #rightcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #rightcol div.module_menu ul, #rightcol div.moduletable ul, #rightcol div.module ul {margin:0px 10px; padding: 5px 0px; text-align:left;} #rightcol div.module_menu ul ul, #rightcol div.moduletable ul ul, #rightcol div.module ul ul {margin:0px; padding: 0px;} #rightcol div.module div div div div, #rightcol div.module div div div {text-align:center;} #rightcol a:link, #rightcol a:visited {text-decoration: none;} #rightcol a:hover, #rightcol a:active {text-decoration: none;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { display:block; padding:5px; margin:0px; list-style:none; } /**********************/ /*** Main Content Menu ***/ /**********************/ #maincol0 { float: left; width:530px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol1 { float: left; width:750px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol2 { float: left; width:970px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol_body { float: left; width:100%; } #maincol_body li { padding:0px;} #maincol_body ul { margin: 0px; padding-left: 30px; list-style: square; } .componentheading { margin: 0px; padding: 0px; font-size: 24px; font-weight:normal; font-family: arial, sans-serif; } .contentheading {margin:0px; padding:0px; font-size: 18px;} .contentpaneopen h3 {font-size: 18px;} /*** Controls images in main content ***/ .contentpaneopen img {float:left; margin:5px; padding:0px;} .contentpaneopen {width:100%; padding:0px; margin: 0px;} td.buttonheading {padding:0px 2px;} #pathway { padding:0px; margin:10px 0px 20px 0px; text-align:left; font-size:12px; font-weight:bold; display:block; } .small, .createdate, .modifydate {font-size:12px; font-weight: normal;} .blog_more { margin-bottom:15px;} span.pagination span, span.pagination a {padding:3px; font-size:11px;} div .pagenavbar div{font-size:11px; text-align:center;} a.readon, a.readon:hover, a.readon:visited{ height:30px; padding-left:35px; line-height:30px; margin:10px 0px 0px 0px; display:block; } #maincol_body div.moduletable div{ width:100%; text-align: center; font-size:12px; padding:0; margin:0px auto; } span.article_separator {height:15px;} .article_column {padding-right:5px;} /**************************/ /*** Advertisement Menu ***/ /**************************/ .bannerheader {font-weight:bold; margin-bottom:10px;} .banneritem_text {padding: 4px; font-size: 12px;} .bannerfooter_text {padding: 4px; font-size: 12px;} .banneritem img { display: block; text-align:center; margin: 10px auto;} /*******************/ /*** Login Form ***/ /*******************/ .button {height:20px; cursor:pointer;}/***Controls button in login page***/ .inputbox {margin:0px; padding:0 0 0 2px; font-size:12px;}/***Controls inputs in login form on home page***/ form#form-login fieldset.input { border: none; margin: 0; padding:0px 10px; } form#form-login fieldset.input p#form-login-username, form#form-login fieldset.input p#form-login-password, form#form-login fieldset.input p#form-login-remember { margin: 5px 0px 5px 10px; padding:0px; } form#form-login fieldset.input input.button{margin: 0px 0px 0px 10px; padding:0px 5px;} /***Controls lower links in login form***/ form#form-login ul li { padding-left: 10px; } form#form-login ul li a {text-align: left; padding: 0px; font-size: 12px;} /*************/ /*** Polls ***/ /*************/ td.sectiontableheader {padding: 4px; font-weight: bold;} .pollstableborder {margin: 5px 0px 5px 0px;} td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {padding: 3px;} table.poll thead td {text-align: left; padding-left:10px;} table.poll td {text-align: left;} /******************/ /*** Copyright ***/ /******************/ #copyright{ float:left; width:1000px; margin:0px; padding:20px 0px; font-size: 12px; text-align:center; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;} #syndicate{ float:left; padding-left: 25px; } grey /*****************************/ /*** Core html setup stuff ***/ /*****************************/ .button, .inputbox { border: 1px solid #bfbfbf; background:#dcdcdc; color:#2d2d2d; } .button:hover, .inputbox:hover { background:#c9c9c9; } a:link, a:visited {color: #4e76d5;} a:hover, a:active, a:focus {color: #0046ed;} body {background: #ececec;} body, td, div, p {color: #2d2d2d;} /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1 {background: url(../images/bkg_body_top.gif) top left repeat-x;} #wrapper2 {} #wrapper3 {background: #232323;} #header{background: url(../images/bkg_header.jpg) top left no-repeat;} #title_bkg { background: url(../images/bkg_title.jpg) top left no-repeat;} #title { color: #fff;} /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi {background: url(../images/bkg_topnavi.gif) top left no-repeat;} #topnavi ul {background: url(../images/bkg_but_separator.gif) top left no-repeat;} #topnavi ul li {background: url(../images/bkg_but_separator.gif) top right no-repeat;} #topnavi ul li a {background:url(../images/bkg_but_l.gif) top left no-repeat;} #topnavi ul li a span{color: #e2ecf2; background:url(../images/bkg_but_r.gif) top right no-repeat;} #topnavi ul li a:hover, #topnavi li#current a {background:url(../images/bkg_but_l.gif) bottom left no-repeat;} #topnavi ul li a:hover span, #topnavi li#current a span{color: #000; background:url(../images/bkg_but_r.gif) bottom right no-repeat;} /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search { background: url(../images/bkg_search.jpg) top left no-repeat; } #search div.search .inputbox{ border: none; background: transparent; color:#c9c9c9; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text table.contentpaneopen, #header_text table.contentpaneopen td, #header_text table.contentpaneopen td p { } #header_text table.contentpaneopen a { } /**********************/ /*** Main Body ***/ /**********************/ #main{} /**********************/ /*** Left Column ***/ /**********************/ #leftcol h3{ color: #fff; background: url(../images/bkg_leftheader.gif) top left no-repeat; } #leftcol div.module_menu div div, #leftcol div.module div div, #leftcol div.module_text div div{ background: transparent url(../images/bkg_leftmenu_top.gif) top left no-repeat; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.module_text div div div{ background: transparent url(../images/bkg_leftmenu_bot.gif) bottom left no-repeat; } #leftcol div.module_menu div div div div, #leftcol div.module div div div div, #leftcol div.module_text div div div div {background: transparent;} #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { background: transparent url(../images/bkg_leftmenu_mid.gif) top left repeat-y; } #leftcol a:link, #leftcol a:visited {color:#4e76d5;} #leftcol a:hover, #leftcol a:active {color:#0046ed;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol h3{ color: #fff; background: url(../images/bkg_rightheader.gif) top left no-repeat; } #rightcol div.module_menu div div, #rightcol div.module div div, #rightcol div.module_text div div{ background: transparent url(../images/bkg_rightmenu_top.gif) top left no-repeat; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.module_text div div div{ background: transparent url(../images/bkg_rightmenu_bot.gif) bottom left no-repeat; } #rightcol div.module_menu div div div div, #rightcol div.module div div div div, #rightcol div.module_text div div div div {background: transparent;} #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { background: transparent url(../images/bkg_rightmenu_mid.gif) top left repeat-y; } #rightcol a:link, #rightcol a:visited {color:#4e76d5;} #rightcol a:hover, #rightcol a:active {color:#0046ed; text-decoration:underline;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { border-bottom: 1px solid #bfbfbf; } #leftcol ul.menu li a:hover, #leftcol ul.menu li#current a, #leftcol ul.menu li ul li a:hover, #rightcol ul.menu li a:hover, #rightcol ul.menu li#current a, #rightcol ul.menu li ul li a:hover, #leftcol ul#mainlevel li a:hover, #leftcol ul#mainlevel li a#active_menu, #leftcol ul#mainlevel li ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .moduletable ul li a:hover { color: #0046ed; background: #d6d6d6; border-bottom: 1px solid #bfbfbf; } /**********************/ /*** Main Content Menu ***/ /**********************/ .componentheading {color: #303030; text-align:center; } .contentheading {color: #000;} .contentpaneopen h3 {color: #000;} #pathway {color:#3f3f3f;} .small, .createdate, .modifydate {color:#6f84a8;} a.readon, a.readon:hover, a.readon:visited{ background: url(../images/bkg_readmore.png) top left no-repeat; } /**************************/ /*** Advertisement Menu ***/ /**************************/ /*******************/ /*** Login Form ***/ /*******************/ /*************/ /*** Polls ***/ /*************/ td.sectiontableheader { border-right: 1px solid #ececec; color: #2d2d2d; background: #fefefe; } /******************/ /*** Copyright ***/ /******************/ #copyright { color:#fff; } #copyright a:link, #copyright a:active, #copyright a:visited { color:#7197ef; } http://clip2net.com/s/2rNuh-1 points
-
при печати из браузера (а откуда собственно ещё печатать) тот добавляет свои колонтитулы, если сказать "отключить колонтитулы" то отключаются и фиксированные элементы. А так если бы было решение нормальное то была бы замена DocBook. Верстаешь страницу, а потом её легко преобразовать в PDF или на бумагу сразу. И ещё один момент - не фиксируются они эти зафиксированные. Вот код <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>print css test by mtness</title> <img = > <style type="text/css"> @media print { @top{font-family: Helvetica, Arial, sans-serif; font-size: 150%; font-weight: bolder; text-align: left; content: "Колонтитул"; } #watermark { display: block; position: fixed; top: 0; right: 0; z-index: 5; } p { position: relative; top: 40pt; display: block; page-break-before: always; z-index: 0; } @page { @top-left { content: "TOP SECRET"; color: red } @bottom-right { content: counter(page); font-style: italic } } } </style> </head> <body> <div id="watermark">AWESOME!</div> <p>page1</p> <p>page2</p> <p>page3</p> </body> </html> По задумке АВЕСОМЕ должно быть на всех страницах, ан нет оно есть только на первой странице. А зато ничем не скомпрометированный и никак не зафиксированный тайтл есть на каждой странице - проверял в Хром и ФаерФокс-1 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-