У меня ни картинки ни текст не отображается по центру. Вернее через материал отображается. Что то отображается а что то нет. Редактор показывает все по центру, а на сайте все слева. И так на всех сайтах. Может у меня что то в настройках отключено? Не могу найти взаимосвязь. Вот например новости. http://reddragon-sph.ru/ В одной новости по центру а в другой - нет
Карина, заходишь через html редактор и вокруг материла Код (CODE): <div style="text-align: center;"></div> какой то страшный фон...
C недавнего времени начала глючить центровка в материалах, причем до последнего момента все было нормально. Попробовал коды: <div style="text-align: center;"></div> <div align="center"> </div> В результате ничего не меняется. В редакторе все нормально по центру отображается, на сайте - нет. В папке css у меня что-то дофига файлов. Выложил в архиве все, т.к. не знаю, в каком что должно прописываться... =\ Код (CODE): /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ p { margin: 1em 0; } td, th { padding: 1px; } a:link, a:visited { color: #d2965a; text-decoration: none; } a:hover { color: #eb7800; text-decoration: underline; } body.green a:link, body.green a:visited { color: #b4be4b; } body.green a:hover { color: #aae600; } body.pink a:link, body.pink a:visited { color: #d264aa; } body.pink a:hover { color: #d22391; } body.red a:link, body.red a:visited { color: #d26464; } body.red a:hover { color: #e63246; } body.blue a:link, body.blue a:visited { color: #69aad2; } body.blue a:hover { color: #3c8cdc; } ul { margin: 10px 10px 10px 10px; padding: 0px 0px 0px 15px; } ul.arrow, ul.arrow-big, ul.checkbox, ul.checkbox-big { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 0px; list-style: none; } ul.checkbox li { margin: 10px 0px 10px 0px; padding: 8px 0px 5px 30px; background: url(../images/list_checkbox.png) 0 0 no-repeat; font-weight: bold; line-height: 100% } ul.checkbox-big li { margin: 15px 0px 15px 0px; padding: 15px 0px 20px 55px; background: url(../images/list_checkbox_big.png) 0 0 no-repeat; font-size: 200%; font-weight: bold; } ul.arrow li { margin: 5px 0px 0px 0px; padding: 3px 0px 10px 35px; background: url(../images/list_arrow.png) 0 0 no-repeat; font-weight: bold; } ul.arrow-big li { margin: 15px 0px 15px 0px; padding: 10px 0px 30px 60px; background: url(../images/list_arrow_big.png) 0 0 no-repeat; font-size: 200%; font-weight: bold; } ol { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 15px; } ol.disc { padding: 0px 0px 0px 27px; background: url(../images/list_disc.png) 0 0 repeat-y; } ol.disc li { padding: 0px 0px 6px 12px; font-weight: bold; line-height: 28px; } ol.disc-big { padding: 0px 0px 0px 45px; font-size: 200%; background: url(../images/list_disc_big.png) 0 0 repeat-y; } ol.disc-big li { padding: 0px 0px 12px 20px; font-weight: bold; line-height: 45px; } div.note { margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; border: 1px solid #323232; background: #282828; text-align:justify; } div.alert { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; border: 1px solid #323232; background: #282828 url(../images/div_alert.png) 3px 3px no-repeat; text-align:justify; } div.download { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; border: 1px solid #323232; background: #282828 url(../images/div_download.png) 3px 3px no-repeat; text-align:justify; } div.info { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; border: 1px solid #323232; background: #282828 url(../images/div_info.png) 3px 3px no-repeat; text-align:justify; } div.tip { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; border: 1px solid #323232; background: #282828 url(../images/div_tip.png) 3px 3px no-repeat; text-align:justify; } blockquote { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; background: url(../images/blockquote_start.png) 0 0 no-repeat; text-align:justify; } blockquote div { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: url(../images/blockquote_end.png) 100% 100% no-repeat; } blockquote.big { margin: 10px 0px 10px 0px; padding: 50px 50px 50px 50px; background: url(../images/blockquote_big_start.png) 0 0 no-repeat; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 300%; text-transform: uppercase; font-weight: bold; line-height: 100%; text-align: left; } blockquote.big div { margin: 0px -50px -50px 0px; padding: 0px 30px 50px 0px; background: url(../images/blockquote_big_end.png) 100% 100% no-repeat; } pre { margin: 2px 0px 2px 0px; padding: 10px 10px 10px 10px; border: 1px solid #323232; border-left: 20px solid #323232; background: #282828; font-size: 90%; color: #969696; /* Browser specific (not valid) styles to make preformatted text wrap */ /* white-space: pre-wrap; /* css-3 */ /* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ } em.box, em.file, em.directory { font-family: "Courier New", Courier, monospace; font-style: normal; } em.box { padding: 0px 2px 0px 2px; background:#323232; border: 1px #3c3c3c solid; } em.file { padding: 0px 0px 0px 13px; background: transparent url(../images/em_file.png) 0 1px no-repeat; color: #c8c8c8; } em.directory { padding: 0px 0px 0px 16px; background: transparent url(../images/em_directory.png) 0 1px no-repeat; color: #c8c8c8; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 0px; margin-bottom: 5px; line-height: 100%; } h1 { font-size: 300%; font-weight: normal; color: #eb7800; } h2 { font-size: 250%; color: #c8c8c8; } h3 { font-size: 200%; } h4 { font-size: 175%; font-weight: normal; color: #eb7800; } h5 { font-size: 150%; color: #969696; } h6 { font-size: 125%; color: #eb7800; } body.green h1, body.green h4, body.green h6 { color: #aae600; } body.pink h1, body.pink h4, body.pink h6 { color: #d22391; } body.red h1, body.red h4, body.red h6 { color: #e63246; } body.blue h1, body.blue h4, body.blue h6 { color: #3c8cdc; }
Просто у меня файлов css дофига, поэтому приаттачил. И тока щас узнал, что есть такой тэг. Спасибо, что подсказал.
snusmumrik, и что нам с ними делать прикажете? надо же описание того как у вас выведен в index.php, Код (html): <jdoc:include type="component" /> то есть что вокруг него это Код (html): <div class="content"> <div class="Post"> <div class="Post-body"> ... <jdoc:include type="component" /> ... </div> </div> </div> у вас по другому может быть но смысл думаю должны понять
файл index.php Код (CODE): <?php /** * YOOtheme template * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd & Co. KG. All rights reserved. */ // no direct access defined('_JEXEC') or die('Restricted access'); include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/yootools.php'); include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/yoolayout.php'); $template_baseurl = $this->baseurl . '/templates/' . $this->template; JHTML::_('behavior.mootools'); // add template mootools to JDocumentHTML if ($this->params->get('loadMootools')) { $this->_scripts = array_merge(array($template_baseurl . '/lib/js/mootools.js.php' => 'text/javascript'), $this->_scripts); unset($this->_scripts[$this->baseurl . '/media/system/js/mootools.js']); } // add template javascript to JDocumentHTML if ($this->params->get('loadJavascript')) { $this->addScriptDeclaration($yTools->getJavaScript()); $this->addCustomTag('<script type="text/javascript" src="' . $template_baseurl . '/lib/js/template.js.php"></script>'); } // add template css to JDocumentHTML $this->addStyleSheet($template_baseurl . '/css/template.css.php?color=' . $yTools->getCurrentColor() . '&styleswitcherFont=' . $this->params->get('styleswitcherFont') . '&styleswitcherWidth=' . $this->params->get('styleswitcherWidth') . '&widthThinPx=' . $this->params->get('widthThinPx') . '&widthWidePx=' . $this->params->get('widthWidePx') . '&widthFluidPx=' . $this->params->get('widthFluidPx')); $this->addStyleSheet($template_baseurl . '/lib/js/lightbox/css/slimbox.css'); ?> <!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; ?>" dir="<?php echo $this->direction; ?>" > <head> <jdoc:include type="head" /> </head> <body id="page" class="<?php echo $yTools->getCurrentStyle(); ?> <?php echo $itemcolor; ?>"> <?php if($this->params->get('dogear')) { ?> <div id="dogear"> <a href="http://www.yootheme.com" target="_blank" title="YOOtheme"><img class="correct-png" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/yoo_dogear.png" alt="YOOtheme" /></a> </div> <?php } ?> <?php if($this->params->get('toppanel') && $this->countModules('cpanel')) { ?> <div id="toppanel-container"> <div id="toppanel-wrapper"> <div id="toppanel"> <div class="panel"> <div class="close"> close </div> <div class="cpanel"> <jdoc:include type="modules" name="cpanel" style="xhtml" /> </div> </div> </div> </div> <div class="trigger"> <div class="trigger-l correct-png"></div> <div class="trigger-m"><?php echo $this->params->get('textToppanel'); ?></div> <div class="trigger-r correct-png"></div> </div> </div> <?php } ?> <div id="page-body"> <div class="page-body-img"> <div id="page-footer"> <div class="page-footer-img"> <div id="page-header"> <div class="wrapper floatholder"> <div id="toolbar"> <div class="floatbox ie_fix_floats"> <?php if($this->params->get('date')) { ?> <div id="date"> <?php echo $date->toFormat(JText::_('DATE_FORMAT_LC')); ?> </div> <?php } ?> <div id="topmenu"> <jdoc:include type="modules" name="topmenu" /> </div> <?php if($this->params->get('styleswitcherFont') || $this->params->get('styleswitcherWidth')) { ?> <div id="styleswitcher"> <?php if($this->params->get('styleswitcherWidth')) { ?> <a id="switchwidthfluid" href="javascript:void(0)" title="Fluid width"></a> <a id="switchwidthwide" href="javascript:void(0)" title="Wide width"></a> <a id="switchwidththin" href="javascript:void(0)" title="Thin width"></a> <?php } ?> <?php if($this->params->get('styleswitcherFont')) { ?> <a id="switchfontlarge" href="javascript:void(0)" title="Increase font size"></a> <a id="switchfontmedium" href="javascript:void(0)" title="Default font size"></a> <a id="switchfontsmall" href="javascript:void(0)" title="Decrease font size"></a> <?php } ?> </div> <?php } ?> <?php if($this->countModules('top')) { ?> <div id="topmodule"> <jdoc:include type="modules" name="top" /> </div> <?php } ?> <?php if($this->countModules('search')) { ?> <div id="search"> <jdoc:include type="modules" name="search" /> </div> <?php } ?> </div> </div> </div> </div> <div class="wrapper floatholder"> <div id="header"> <div class="floatbox ie_fix_floats"> <?php if ($this->countModules('banner')) { ?> <div id="banner"> <jdoc:include type="modules" name="banner" /> </div> <?php } ?> <?php if($this->countModules('menu')) { ?> <div id="menu"> <div class="menu-m"> <jdoc:include type="modules" name="menu" /> </div> <div class="menu-l"></div> <div class="menu-r"></div> </div> <?php } ?> </div> </div> <?php if ($this->countModules('top1 + top2 + top3 + top4')) { ?> <div id="top"> <div class="floatbox ie_fix_floats"> <?php if($this->countModules('top1')) { ?> <div class="topbox <?php echo $topboxwidth; ?> <?php echo $topbox12seperator; ?> float-left"> <jdoc:include type="modules" name="top1" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('top2')) { ?> <div class="topbox <?php echo $topboxwidth; ?> <?php echo $topbox23seperator; ?> float-left"> <jdoc:include type="modules" name="top2" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('top3')) { ?> <div class="topbox <?php echo $topboxwidth; ?> <?php echo $topbox34seperator; ?> float-left"> <jdoc:include type="modules" name="top3" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('top4')) { ?> <div class="topbox <?php echo $topboxwidth; ?> float-left"> <jdoc:include type="modules" name="top4" style="rounded" /> </div> <?php } ?> </div> </div> <?php } ?> <div id="middle"> <div class="background <?php echo $layoutstyle; ?>"> <?php if($this->countModules('left')) { ?> <div id="left"> <div id="left_container" class="clearingfix"> <div id="leftbox"> <div class="leftbox-t"></div> <div class="leftbox-m"> <div class="leftbox-ie"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> </div> <div class="leftbox-b"></div> </div> </div> </div> <?php } ?> <div id="main"> <div id="main_container" class="clearingfix"> <?php if ($this->countModules('user1 + user2')) { ?> <div id="maintop" class="floatbox"> <?php if($this->countModules('user1')) { ?> <div class="maintopbox <?php echo $maintopboxwidth; ?> <?php echo $maintopbox12seperator; ?> float-left"> <jdoc:include type="modules" name="user1" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('user2')) { ?> <div class="maintopbox <?php echo $maintopboxwidth; ?> float-left"> <jdoc:include type="modules" name="user2" style="rounded" /> </div> <?php } ?> </div> <?php } ?> <div id="mainmiddle" class="floatbox <?php echo $rightbackground; ?>"> <?php if($this->countModules('right')) { ?> <div id="right"> <div id="right_container" class="clearingfix"> <jdoc:include type="modules" name="right" style="rounded" /> </div> </div> <?php } ?> <div id="content"> <div id="content_container" class="clearingfix"> <?php if ($this->countModules('advert1 + advert2')) { ?> <div id="contenttop" class="floatbox"> <?php if($this->countModules('advert1')) { ?> <div class="contenttopbox left <?php echo $contenttopboxwidth; ?> <?php echo $contenttopbox12seperator; ?> float-left"> <jdoc:include type="modules" name="advert1" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('advert2')) { ?> <div class="contenttopbox right <?php echo $contenttopboxwidth; ?> float-left"> <jdoc:include type="modules" name="advert2" style="rounded" /> </div> <?php } ?> </div> <?php } ?> <?php if ($this->countModules('breadcrumb')) { ?> <div id="breadcrumb"> <jdoc:include type="modules" name="breadcrumb" /> </div> <?php } ?> <div class="floatbox"> <jdoc:include type="message" /> <jdoc:include type="component" /> </div> <?php if ($this->countModules('advert3 + advert4')) { ?> <div id="contentbottom" class="floatbox"> <?php if($this->countModules('advert3')) { ?> <div class="contentbottombox left <?php echo $contentbottomboxwidth; ?> <?php echo $contentbottombox12seperator; ?> float-left"> <jdoc:include type="modules" name="advert3" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('advert4')) { ?> <div class="contentbottombox right <?php echo $contentbottomboxwidth; ?> float-left"> <jdoc:include type="modules" name="advert4" style="rounded" /> </div> <?php } ?> </div> <?php } ?> </div> </div> </div> <?php if ($this->countModules('user3 + user4')) { ?> <div id="mainbottom" class="floatbox"> <?php if($this->countModules('user3')) { ?> <div class="mainbottombox <?php echo $mainbottomboxwidth; ?> <?php echo $mainbottombox12seperator; ?> float-left"> <jdoc:include type="modules" name="user3" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('user4')) { ?> <div class="mainbottombox <?php echo $mainbottomboxwidth; ?> float-left"> <jdoc:include type="modules" name="user4" style="rounded" /> </div> <?php } ?> </div> <?php } ?> </div> </div> </div> </div> <?php if ($this->countModules('bottom1 + bottom2 + bottom3 + bottom4')) { ?> <div id="bottom"> <div class="floatbox ie_fix_floats"> <?php if($this->countModules('bottom1')) { ?> <div class="bottombox <?php echo $bottomboxwidth; ?> <?php echo $bottombox12seperator; ?> float-left"> <jdoc:include type="modules" name="bottom1" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('bottom2')) { ?> <div class="bottombox <?php echo $bottomboxwidth; ?> <?php echo $bottombox23seperator; ?> float-left"> <jdoc:include type="modules" name="bottom2" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('bottom3')) { ?> <div class="bottombox <?php echo $bottomboxwidth; ?> <?php echo $bottombox34seperator; ?> float-left"> <jdoc:include type="modules" name="bottom3" style="rounded" /> </div> <?php } ?> <?php if($this->countModules('bottom4')) { ?> <div class="bottombox <?php echo $bottomboxwidth; ?> float-left"> <jdoc:include type="modules" name="bottom4" style="rounded" /> </div> <?php } ?> </div> </div> <?php } ?> <div id="footer"> <?php if($this->countModules('footer')) { ?> <jdoc:include type="modules" name="footer" /> <?php } ?> </div> <jdoc:include type="modules" name="debug" /> </div> </div> </div> </div> </div> </body> </html> Нужно искать проблему центровки в месте после <div id="content"> ?
Тока он у меня почему-то называется template.css.php Код (CODE): <?php if (extension_loaded('zlib') && !ini_get('zlib.output_compression')) @ob_start('ob_gzhandler'); header('Content-type: text/css; charset: UTF-8'); header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 3600) . ' GMT'); define('DS', DIRECTORY_SEPARATOR); define('PATH_ROOT', dirname(__FILE__) . DS); /* layout styling */ include(PATH_ROOT . 'layout.css'); if (isset($_GET['widthThinPx'])) echo 'body.width-thin div.wrapper { width: ' . $_GET['widthThinPx'] . 'px; }'; if (isset($_GET['widthWidePx'])) echo 'body.width-wide div.wrapper { width: ' . $_GET['widthWidePx'] . 'px; }'; if (isset($_GET['widthFluidPx'])) echo 'body.width-fluid div.wrapper { width: ' . intval($_GET['widthFluidPx'] * 100) . '%; }'; if (isset($_GET['styleswitcherFont']) && isset($_GET['styleswitcherWidth'])) { if ($_GET['styleswitcherFont'] && $_GET['styleswitcherWidth']) { echo 'div#styleswitcher { width: 90px; }'; } else { echo 'div#styleswitcher { width: 45px; }'; } } /* general tag styling */ include(PATH_ROOT . 'general.css'); /* menu styling */ include(PATH_ROOT . 'menu.css'); /* module styling */ include(PATH_ROOT . 'module.css'); /* joomla core styling */ include(PATH_ROOT . 'joomla.css'); /* third party extensions styling */ include(PATH_ROOT . 'extensions.css'); /* color styling */ if (isset($_GET['color']) && $_GET['color'] != '' && $_GET['color'] != 'default') { $suffixes = array('-layout'); foreach ($suffixes as $suffix) { $css_file = PATH_ROOT . $_GET['color'] . DS . $_GET['color'] . $suffix . '.css'; if (is_readable($css_file)) { include($css_file); } } } /* ie browser */ if (array_key_exists('HTTP_USER_AGENT', $_SERVER)) { $is_ie7 = strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'msie 7') !== false; $is_ie6 = strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'msie 6') !== false; if ($is_ie7 || $is_ie6) include(PATH_ROOT . 'iehacks.css'); if ($is_ie7) include(PATH_ROOT . 'ie7hacks.css'); else if ($is_ie6) include(PATH_ROOT . 'ie6hacks.css'); } ?>
Причем фигня эта началась с момента "х". До этого то все нормально было. А теперь хз почему на сайте не хочет по-нормальному отобьражаться =\ Только в редакторе норм отображается, на сайте - нет
В общем если в тексте присутствует текст, который заполняет всю ширину страницы, то текст центруется, а если есть, к примеру только по одному слову на каждой строчке, то текст центруется относительно столбика, но весь он находится с левой стороны страницы...