Здравствуйте!
Только пытаюсь писать шаблоны div'ами. Но пока получается нечто среднее.
Начал делать сайт и обнаружилась проблема с выводом контента на главной <jdoc:include type="component" style="xhtml" /> : во первых, публикации выводятся в 2 колонки, а нужно в одну; во-вторых все это дело уезжает вправо. Параметр overflow в цсске обрезает, конечно все лишнее...
Но вот как сделать так, чтобы этот компонент отображался корректно?? помогите, плиз
Код страницы<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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; ?>" >
<head>
<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/zags/css/template.css" type="text/css" />
</head>
<body>
<!--øàïêà-->
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="templates/zags/images/header.jpg">
</td>
</tr>
<!--âåðõíåå ìåíþ-->
<tr>
<td id="topmenu">
<?php if($this->countModules('topmenu')) : ?>
<jdoc:include type="modules" name="topmenu" />
<?php endif; ?>
</td>
</tr>
</table>
<table align="center" cellspacing="0" cellpadding="0" background="templates/zags/images/bg.gif">
<tr valign="top" id="wrapper">
<!--ëåâàÿ êîëîíêà-->
<td id="leftcolumn">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="xhtml" />
<?php endif; ?>
</td>
<!--îñíîâíàÿ êîëîíêà-->
<td id="maincolumn">
<?php if($this->countModules('maintext')) : ?>
<jdoc:include type="modules" name="maintext" style="xhtml" />
<?php endif; ?>
<div id="content">
<jdoc:include type="component" style="xhtml" />
</div>
</td>
</tr>
</table>
</body>
</html>
и css/* CSS Document */
body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
background:url(../images/base-bg.gif); margin-top:0px;
}
table {
border-collapse:collapse;
border:0px;
width:900px;
vertical-align:top;
}
/*________________________________________TOPMENU_____________________________________*/
#topmenu {
height:30px;
background:url(../images/topmenu.gif) repeat-x 0 0
}
ul#mainlevel {
padding:6px 0px 0px 0px;
}
ul#mainlevel li {
display:block;
float:left;
}
a.mainlevel {
color:#ffffff;
font-weight:bold;
font-family:Arial;
font-size:13px;
text-decoration:none;
background:url(../images/topm_sep.png) no-repeat right center;
margin:0px 0px 0px 0px;
padding:0px 29px 0px 10px;
}
a.mainlevel:visited {
color:#ffffff;
text-decoration:none;
}
a.mainlevel:hover, #active_menu {
color:#fff200;
text-decoration:underline;
}
#leftcolumn {
padding-left: 10px;
padding-right: 10px;
width: 300px;
float:left;
}
#maincolumn {
margin: 0;
padding: 0px;
width: 600px;
}
div#content {
height: 100%;
width: 500px;
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
text-align: left;
}
[вложение удалено Администратором]
30.05.2017, 11:52:27