Редактирование шаблона CSS

miker · July 31, 2009

Привет всем! Только осваиваю верстку, поэтому, конечно же, полно проблем..)

Проблема:

Не могу избавится от нумирации списка и выравнивания по правому краю. Вот:

Перерыл весь CSS шаблон, но никак не выясню, что же отвечает за нумерацию. Тэг <decimal> вообще не присутствует в тексте...

Вот выкладываю текст шаблона:

html {
	height: 100%;
	margin-bottom: 0px;
}

form {
	margin: 0;
	padding: 0;
}

img,table {
	border: none;
}

body {
	background: #000;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #44687d;
}

body.contentpane {
	background: #fff;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#wrapper {
	margin:0;
	padding:0;
}
.content{
	margin:0 auto;
	padding:0;
}
.shadow_l{
	background: transparent url(../images/shadow_l.jpg) top right no-repeat;
	height:700px;
	width:452px;
}
.shadow_r{
	background: transparent url(../images/shadow_r.jpg) top left no-repeat;
	height:700px;
	width:376px;
}
.content_m{
	background: transparent url(../images/content_m1.jpg) top left repeat-y;
	width:838px;
}


#top{
	background: transparent url(../images/header.jpg) top center no-repeat;
	width:838px;
	height:167px;
}

#logo {
	height:167px;
	width:838px;
	margin:0 auto;
}
#logo table td{
	vertical-align:bottom;
	height:130px;
	padding:0 0 0 50px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	text-decoration: none;
	letter-spacing: 1px;
	color:#52A0B6;
	padding:0;
	outline: none;	
}

#pillmenu {
	background: transparent url(../images/top_menu1.jpg) top center no-repeat;
	text-align: left;
	padding: 0;
	margin:0 auto;
	height:33px;
	line-height:33px;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0 10px;
	padding: 0;
}

#pillmenu li a {
	color:#91a0a5;
	display:block;
	float:left;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	height:30px;
	padding:0;
	text-decoration:none;
}
#pillmenu li a:hover, #pillmenu li a#active_menu-nav{
	color: #fff;
}
#content{
	width:818px;
	margin:0 auto;
	padding:10px;
}

#leftcolumn  {
	float: left;
	margin: 0;
	padding:0 0 100px 0;
	width: 140px;
	text-align: center;
}
#leftcolumn div.module_menu, #leftcolumn div.module {
	margin:0px;
	padding:0;
	text-align: center;
}
#leftcolumn .module_menu div div div h3, #leftcolumn .module div div div h3, #leftcolumn .module_text div div div h3{
	font-size:12px;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	text-align:left;
	height:20px;
	margin:0 auto;
	padding:0;
	color:#52A0B6;
}

#leftcolumn div.module_menu div, #leftcolumn div.module div, #leftcolumn div.module_text div {
	padding:0;
	margin:0;
}
#leftcolumn div.module_menu div div, #leftcolumn div.module div div, #leftcolumn div.module_text div div{
	padding:0;
	margin:0;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div div, #leftcolumn div.module_text div div div{
	padding:0;
	margin:0;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div, #leftcolumn div.module_text div div div div{
	padding:0;
	margin:0 auto;
	width:140px;
}

#leftcolumn table, #rightcolumn table{
	width:140px;
	margin:0 auto;
	padding:0;
}
#leftcolumn table td{
	font-size:12px;
	font-family: Tahoma, Verdana, sans-serif;

}
#leftcolumn div.module form table{ /* modula za registracia */
	padding:0 10px;
	text-align:left;
	margin:0 auto;
	font-size:12px;
	font-family:Tahoma, Verdana, sans-serif;
	color:#455575;
}
#leftcolumn div.module form { /* modula za registracia */
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:Tahoma, Verdana, sans-serif;
	color:#455575;
	width:140px;
}
div.module div div div form#form-login {
	margin:0 auto;
}

#mod_templatechooser_jos_change_template{
	float:left;
	font-size:11px;
}

#leftcolumn .module_menu div div div div{  /** menuto v liava kolona**/
 	text-align:left;
}
#leftcolumn ul.menu{
	text-align:left;
	padding:2px 0 0 0;
	width:140px;
	margin:0;
}
#leftcolumn ul.menu li{
	line-height:17px;
}


/*  LEFTCOLUMN linkove   */
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	background: transparent url(../images/arrow.jpg) center left no-repeat;
	line-height: 18px;
	padding:0 0 0 10px;
	text-decoration: none;
	font-size: 12px;
	margin: 0;
	height: 18px;
	color: #455575;
	font-weight: normal;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #999999;
	text-decoration: none;
}

/*  CURRENT LINKS  */
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	line-height: 18px;
	padding:0 0 0 10px;
	text-decoration: none;
	color: #455575;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	height: 18px;
}

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	color: #999;
	text-decoration: none;
}

/*  SUB MENU LINKS  */
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #455575;
	margin: 0 0 0 8px;
	font-size: 12px;
	font-weight: normal;
	display: block;
	line-height: 18px;
	padding:0 0 0 10px;
	border: none;
	height: 18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	font-size: 12px;
	margin: 0 0 0 8px;
	padding:0 0 0 10px;
	text-decoration: none;
	border: none;
	color: #999;
	height: 18px;
	line-height: 18px;
}
/*  SUBMENU POSITION   */

#leftcolumn ul.menu li#current ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li {
	margin: 0;
	padding: 0;
}

/*   CURRENT SUBMENU POSITION   */
#leftcolumn ul.menu li ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li.parent ul li a {
	text-decoration: none;
	color: #455575;
	margin: 0 0 0 8px;
	font-size: 12px;
	font-weight: normal;
	display: block;
	line-height: 12px;
	padding: 0 0 0 18px;
	border: none;
	height: 18px;
}

#leftcolumn ul.menu li#current ul li a:link {
	color: #455575;
	margin:0 0 0 8px;

}

div#main {
	float: left;
	width: 670px;
	margin: 0 0 6px 0;
	padding:0;
}

div#main_full {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0;
}

div.nopad {
	overflow: hidden;
	padding: 0;
	width:670px;
}
div.nopad form#jForm p, div.nopad form#jForm  div#navigation {
	padding: 5px 0 0 10px;
}
div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}


/* a links */
a:link, a:visited {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color: #456878;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #456878;
}

table.contentpane ul li, div.nopad ul {
	list-style-image: url(../images/li.png);
}
input.button, .validate  {
	background: #000;
	border: 1px solid #456878;
	font-size: 11px;
	color: #456878;
	padding: 0 5px 2px 5px;
	margin:0 0 0 10px;
	cursor: pointer;
}

.search input.button {
	display: none;
}

input.button:hover, .validate:hover  {

}


p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}


#modlgn_remember  {
	border:0;
}

div.module div div div form#form-login {
	width: 130px;
	text-align:left;
}
#modlgn_username, #modlgn_passwd{
	width:124px;
	border:1px solid #456878;
	background:#000;
	color: #44687D;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
div#timedate {
	font-size: 12px;
	font-weight: bold;
	color: #AB4C37;
	text-align: center;
	padding: 0 0 10px 0;	
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 0 0 0 10px;
}
table.blog {
	width:670px;

}
h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}
table.contentpaneopen td.contentheading {
	border-bottom: 1px solid #52A0B6;
}
h2, .contentheading {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #52A0B6;
	text-align: left;
	font-weight: bold;
}
table.contentpaneopen td.buttonheading{
	border-bottom: 1px solid #52A0B6;
	padding:0;
	margin:0;
	width:20px;

}
table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #52A0B6;
	padding: 0;
}
/* small text */
.small {
	font-size: 12px;
	color: #456878;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 12px;
	color: #456878;
	font-weight: normal;
	text-align: right;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 12px;
	color: #456878;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0px;
}

a.readon:link, a.readon:visited {
	display: block;
	float: right;
	text-decoration: none;
	line-height: 14px;
	font-size: 12px;
	color: #456878;
}

a.readon:hover {
	color: #456878;
	text-decoration: none;

}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
	margin: 0;
	line-height: 18px;
	text-decoration: none;
	color: #455575;
	font-weight: bold;
	font-size: 11px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {

}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: none;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

td{
	font-family: Verdana, Arial, sans-serif;

}
/* content tables */
td.sectiontableheader {
  color: #52A0B6;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #52A0B6;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 0px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #333;
  font-size: 10px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 670px;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #456878;
	padding:0 0 10px 0;
}

table.contentpaneopen {
	margin: 2px 8px;
	border-collapse:collapse;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #52A0B6;
	font-size:12px;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
	margin: 0;
	padding: 0;
}

div.module_menu div, div.module {

}

div.module_menu div div, div.module div div {
	margin: 0 0 15px 0;
	padding: 0;
}

#newsflash div.module_menu div div, #newsflash div.module div div{
	padding: 0;
	margin: 0;
}

div.module_menu div div div, div.module div div div{
	margin: 0;
	text-align: center;
	padding: 0 0 10px 0;
}


div.module_menu div div div div, div.module div div div div {
	background: none;
	padding: 4px 8px;
	text-align: left;
}

div.module div div div form {
	padding: 4px 0 0 4px;
	margin: 0 auto;
	text-align: left;
}

div.module div div div form table td {
	text-align: left;
}

div.module div div div form ul{
	margin: 10px 0 0;
	padding: 0; 
	list-style: none;
}

div.module_menu ul {
    list-style: none;
	text-align: left;
	padding: 0;
	margin:0;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: normal;
	padding: 2px 0 2px 10px;
	height:18px;
	line-height: 18px;
	text-decoration: none;
	color: #455575;
	font-size: 12px;
}
div.module_menu ul li a:hover {
	font-weight: normal;
	padding: 2px 0 2px 10px;
	height:18px;
	line-height: 18px;
	text-decoration: none;
	color: #999;
	font-size: 12px;
}
div.module_text div div div div  {
	margin:0 auto;

}

div.bannergroup_text {
	display:block;
	width:180px;
	background: url(../images/menu_bottom.png) bottom left no-repeat;
	padding: 10px 10px 0 10px;
}
.bannerheader {
padding: 0 0 0 6px;
}

div.module table.poll {
	width: 170px;
	margin:0 atuo;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
	padding: 0;
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 11px;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
	padding: 4px 8px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 8px 20px;
	font-size: 11px;
	text-align: right;
}

/* System Messages */


/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #333;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 140px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
/* System Error Messages */
#system-message dd.error ul { 
     color: #52A0B6; 
     background: none; 
     border-top: 1px solid #52A0B6; 
     border-bottom: 1px solid #52A0B6;
     padding: 0;
     margin: 0;
	 list-style: none;
}

/* System Notice Messages */
#system-message dd.notice ul { 
     color: #52A0B6; 
     background: none; 
     border-top: 1px solid #829300; 
     border-bottom: 1px solid #829300;
     padding: 3px;
     margin: 0 0 5px 0;
	 list-style-image: none;
}

#system-message dd {
     text-indent: 0;
}

#system-message dd ul {
     list-style: none;
     color: #f00; 
     background: none; 
     border-top: 1px solid #829300; 
     border-bottom: 1px solid #829300;
	 list-style-image: none;
}

#system-message {
     margin: 5px auto;
	 text-align: center;
	 width: 98%;
}
#password, #password2{
	width:270px;
}


/* ****************************************************************************** */
/* blue */
input, button {
	border: 1px solid #456878;
	background:#000;
}
/* blue */
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: none;
}
#limit{
	border: 1px solid #456878;
	background:#000;
	color:#456878;
}
/* footer */

#footer {
	background: transparent url(../images/footer.jpg) bottom center repeat-x;
	margin: 0 auto;
	text-align: center;
	width: 836px;
	height:31px;
}

#footer p {
	font-family:Verdana, Arial, sans-serif;
	line-height:20px;
	text-align: center;
	padding: 5px 0 5px 0;
	margin:0;
	color: #fff;
	font-size:10px;
}
a.sgfooter:link, a.sgfooter:visited {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}
a.sgfooter:hover {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}
#sgf {
	font-size: 12px;
	text-align: right;
	width: 100%;
	margin: 0 auto;
	color: #456878;
	font-family: Tahoma, Arial, sans-serif;
}
.sgf {
	text-align: right;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	color: #456878;
	text-decoration: none;
}
.sgf1 {
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif;
	color: #fff;
	text-align: left;
}

a.sglink:link, a.sglink:visited {
	color: #7f98a1;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}
a.sglink:hover {
	color: #7f98a1;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	}

Прошу помощи профессионалов!

psywalker · July 31, 2009

Не могу избавится от нумирации списка и выравнивания по правому краю. Вот:

1) Я так понимаю, что задача состоит в том, что нужно выровнить список по левому краю и убрать маркеры?

2) Дай ссылку на проблемную страницу

miker · July 31, 2009

1) Я так понимаю, что задача состоит в том, что нужно выровнить список по левому краю и убрать маркеры?
2) Дай ссылку на проблемную страницу

Именно так, а ссылку дать не могу. Сайт делаю на локальной БД.

Необходим HTML- код страницы? Вот он:

<!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="ru-ru" lang="ru-ru" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>А</title>
  <script type="text/javascript" src="/vedmak/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/vedmak/media/system/js/caption.js"></script>


<link rel="stylesheet" href="/vedmak/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/vedmak/templates/siteground-j15-70/css/template.css" type="text/css" />

<!--[if lte IE 6]>
<link rel="stylesheet" href="/vedmak/templates/siteground-j15-70/css/ie7.css" type="text/css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" href="/vedmak/templates/siteground-j15-70/css/ie6.css" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrapper">
		<table cellpadding="0" cellspacing="0" class="content">
			<tr>
				<td class="shadow_l"></td>
				<td style="vertical-align:top;">
					<div class="content_m">
							<div id="top">
								<div id="logo">
									<table cellpadding="0" cellspacing="0">
										<tr>
											<td>
									<a href="/vedmak/index.php">Бестиарий</a>														
											</td>
										</tr>
									</table>
								</div>			
							</div>
								<div id="pillmenu">		
									<table cellpadding="0" cellspacing="0" style="margin:0 auto;">
										<tr>
											<td>						

											</td>
										</tr>
									</table>
								<div class="clr"></div>	
								</div>
								<div id="content">
																		<div id="leftcolumn">	
												<div class="module_menu">
			<div>
				<div>
					<div>
													<h3>Главное меню</h3>
											<ul class="menu"><li class="item1"><a href="http://localhost/vedmak/"><span>Главная</span></a></li><li id="current" class="active item2"><a href="/vedmak/index.php?option=com_content&view=category&id=1&Itemid=2"><span>А</span></a></li></ul>					</div>
				</div>
			</div>
		</div>


									</div>

																		<div id="main_full">
																			<div class="nopad">				

																							<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="contentpane">
<tr>
	<td width="60%" valign="top" class="contentdescription" colspan="2">
		</td>
</tr>
<tr>
	<td>
	<script language="javascript" type="text/javascript">

	function tableOrdering( order, dir, task )
	{
		var form = document.adminForm;

		form.filter_order.value 	= order;
		form.filter_order_Dir.value	= dir;
		document.adminForm.submit( task );
	}
</script>
<form action="http://localhost/vedmak/index.php?option=com_content&view=category&id=1&Itemid=2" method="post" name="adminForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="sectiontableentry1" >
	<td align="right">
		1	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=2:2009-07-25-08-52-22&catid=1:2009-07-25-08-40-55&Itemid=2">
			Абасы</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		2	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=3:2009-07-25-09-37-09&catid=1:2009-07-25-08-40-55&Itemid=2">
			Абзар Иясе</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		3	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=4:2009-07-26-11-12-02&catid=1:2009-07-25-08-40-55&Itemid=2">
			Абнауаю</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		4	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=5:2009-07-26-11-20-19&catid=1:2009-07-25-08-40-55&Itemid=2">
			Аврага Могой</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		5	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=6:2009-07-26-11-26-33&catid=1:2009-07-25-08-40-55&Itemid=2">
			Агач Киши</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		6	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=7:2009-07-26-11-32-31&catid=1:2009-07-25-08-40-55&Itemid=2">
			Агулшап</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		7	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=8:2009-07-26-11-36-16&catid=1:2009-07-25-08-40-55&Itemid=2">
			Агызмал</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		8	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=9:2009-07-26-11-39-52&catid=1:2009-07-25-08-40-55&Itemid=2">
			Адау</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		9	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=10:2009-07-29-10-23-06&catid=1:2009-07-25-08-40-55&Itemid=2">
			Аджина</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		10	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=11:2009-07-29-10-35-33&catid=1:2009-07-25-08-40-55&Itemid=2">
			Айтварас</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		11	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=12:2009-07-29-10-39-15&catid=1:2009-07-25-08-40-55&Itemid=2">
			Акван-Дэв</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		12	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=13:2009-07-29-10-42-43&catid=1:2009-07-25-08-40-55&Itemid=2">
			Алад</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		13	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=14:2009-07-29-10-55-08&catid=1:2009-07-25-08-40-55&Itemid=2">
			Албасты</a>
				</td>
					</tr>
<tr class="sectiontableentry2" >
	<td align="right">
		14	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=15:2009-07-29-11-00-28&catid=1:2009-07-25-08-40-55&Itemid=2">
			Али</a>
				</td>
					</tr>
<tr class="sectiontableentry1" >
	<td align="right">
		15	</td>
			<td>
		<a href="/vedmak/index.php?option=com_content&view=article&id=16:2009-07-29-12-21-20&catid=1:2009-07-25-08-40-55&Itemid=2">
			Алмазы</a>
				</td>
					</tr>
</table>

<input type="hidden" name="id" value="1" />
<input type="hidden" name="sectionid" value="1" />
<input type="hidden" name="task" value="category" />
<input type="hidden" name="filter_order" value="" />
<input type="hidden" name="filter_order_Dir" value="" />
</form>

		</td>
</tr>
</table>

																					</div>
									</div>
									<div class="clr"></div>

									</div>
							<div id="footer">
								<p class="copyright"> 	Бестиарий, Powered by <a href="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a>; <a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm" target="_blank" class="sgfooter">Joomla templates</a> by SG <a href="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a>
 </p>
							</div>
								</div>						

					</div>
				</td>

				<td class="shadow_r"></td>
			</tr>
		</table>	
	</div>


</body>
</html>

Edited July 31, 2009 by miker

LunatiK · July 31, 2009

Насмотряцо видео о том как легко делать саты на жумле и думают им болше ничего не надо , всё будет клёво и радостно.

Хочешь понимать что делаешь - учи CSS и HTML!!!

Либо выкладывай весь HTML что генерит браузер либо ищите конструкцию типа:

<ol>

<li>Пункт 1</li>

<li>Пункт 2</li>

<li>Пункт 3</li>

<li>Пункт 4</li>

</ol>

да и раскажите мне , что же это за тег такой <decimal> ?

psywalker · July 31, 2009

ну поидее вообще вот этот вариант должен помочь:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
		ul { list-style: none;}
			ul li { text-align: left;}
</style>
</head>

<body>
<ul>
	<li><a href="#">One</a></li>
	<li><a href="#">Two</a></li>
	<li><a href="#">Three</a></li>
</ul>
</body>
</html>

Edited July 31, 2009 by psywalker

LunatiK · July 31, 2009

В вашем примере нумерация стоит не автоматом , а ручками текстом

а для выравнивания в css:

sectiontableentry1, sectiontableentry2 {
text-align: left;
}

Edited July 31, 2009 by LunatiK

miker · July 31, 2009

Насмотряцо видео о том как легко делать саты на жумле и думают им болше ничего не надо , всё будет клёво и радостно.
Хочешь понимать что делаешь - учи CSS и HTML!!!

Совсем не сичтаю, что все очень просто. Понимаю, что это лишь для новичков и для простых сайтов. Поэтому использую Жумлу (как вы её называете ) только для облегчения работы с сайтом. ВСЁ

да и раскажите мне , что же это за тег такой <decimal> ?

Ошибочка вышла: не тег, а значение тега. Извините за причинение ужасных неудобств...

LunatiK · July 31, 2009

Жумла не для новичков, там чёрт голову сломит. Её просто впаривают на право и лево кому не попадя..

psywalker · July 31, 2009

Именно так, а ссылку дать не могу. Сайт делаю на локальной БД.

Надо давно уже было обзавестись хостингом, хотя-бы бесплатным! А потом я пологаю, что у тебя где нибудь стили переназначают стандартные, возможно виновник находиться в файле стилей для Шаблона

miker · July 31, 2009

ul { list-style: none;}

ul li { text-align: left;}

Заменил: не помогло.. Ну и ладно..

psywalker · July 31, 2009

ul { list-style: none;}
ul li { text-align: left;}
Заменил: не помогло.. Ну и ладно.. smile.gif

Ну всё правильно, потому что специфичность маленькая, нужно её повысить например за счёт идентификаторов, написать так:

div#content ul { list-style: none;}
div#content ul li { text-align: left;}

LunatiK · July 31, 2009

и это тоже не поможет, выложили же html, кто не нашёл тому показываю кусок:

<tr class="sectiontableentry1" >
<td align="right">1</td>
<td><a href="большаядлиннаяссылка">Абасы</a></td>
</tr>
<tr class="sectiontableentry2" >
<td align="right">2</td>
<td><a href="большаядлиннаяссылка">Абзар Иясе</a></td>
</tr>
<tr class="sectiontableentry1" >
<td align="right">3</td>
<td><a href="большаядлиннаяссылка">Абнауаю</a></td>
</tr>
...
и так далее...

тут нет списка, тут таблица.

см. мой пост №6

Edited July 31, 2009 by LunatiK

psywalker · July 31, 2009

и это тоже не поможет, выложили же html, кто не нашёл тому показываю кусок:

да мне лень в коде возиться, если бы была ссылка, другое дело!

\

monya1987 · July 31, 2009

ну поидее вообще вот этот вариант должен помочь:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
		ul { list-style: none;}
			ul li { text-align: left;}
</style>
</head>

<body>
<ul>
	<li><a href="#">One</a></li>
	<li><a href="#">Two</a></li>
	<li><a href="#">Three</a></li>
</ul>
</body>
</html>

Не совсем верно =)

*{ margin: 0; padding: 0;}

ul { list-style: none;}

ul li a { text-align: left;}

Вот так корректнее.

psywalker · July 31, 2009

monya1987

Не совсем верно =)
*{ margin: 0; padding: 0;}
ul { list-style: none;}
ul li a { text-align: left;}
Вот так корректнее.

Нихрена несогласен!

text-align: left;

выравнивание текста разрешено только для блочных элементов

Sign In

Редактирование шаблона CSS

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information