Прошу помощи.
В общем ситуация такая:
Год назад сделали сайт, и отдали его заказчику, я устроился работать к этому заказчику по должности на подобие *контент-менеджера*, выкладываю новости и т.д., но сборка была по шаблону, и причем все едет плывет, приходится обходить все чтобы сделать хоть какой-то приемлемый внешний вид статей. в редакторе в панели управления вид нормальный, а на сайте не работает(допустим таблица выравнивается по центру, на сайте она слева) так же в редакторе приходится ставить миллион пробелов, чтобы текст не обтекал картинки, да причем так хаотично, что глаза разбегаются по экрану.
В общем я нашел тот CSS который отвечает за весь внешний вид текста и т.д., его я прикрепляю, на данный момент у меня одна великая проблема - таблица не выравнивается по центру, хоть убей, всеми тегами уже перепробовал, никак. прошу вашего совета и помощи, как это исправить, что мешает? Заранее сапасибо.
html { font-size:100%; width:100%; margin:0 auto; }
body {
color: #000000;
background: #12677a url(../images/header.jpg) repeat ;
font-family:Verdana;
font-size:95%;
line-height:1.4em;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family:Lato, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.4em;
margin-bottom:0;
color: #000000; }
h1 { font-size: 2.75em; }
h2 { font-size: 2.25em;}
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; font-weight: bold; }
h6 { font-size: 1.25em;}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0em; font-family: Verdana, sans-serif; }
p.last { margin-bottom:0}
{float:none;}
.blog-featured img{float:none;},
.blog img{float:none;},
#promo img,
.ice-carousel .ice-main-wapper img {
background:#fff;
padding:8px;
border:1px solid #eee;}
a:link { text-decoration: none; outline:none; color:#005689}
a:visited { text-decoration:none;color:#571586}
a:hover { text-decoration:underline;}
blockquote {
position:relative;
margin:0 0 1.5em 1em;
quotes: "\201C" "\201D";}
blockquote:before,
blockquote:after {
position:absolute;
font-weight: bold;
font-size:6em;
color:#E6E6E6;
font-family:Georgia, Verdana; }
blockquote:before {
content: open-quote;
top:25px;
left:0; }
blockquote:after {
content: close-quote;
right:0;
bottom:-5px}
blockquote p {
font-family: Verdana, sans-serif;
font-size:1em;
font-style:italic;
margin-bottom:0;
line-height: 0,1em;
padding:0 4em}
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
hr {
clear:both;
margin:15px 0 14px;
border:none;
border-bottom:0px dashed #ccc;
height:auto;}
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#000000; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin: 0; }
ul, ol { margin: 0 2em 1.5em 0; padding-left: 2.5em; }
li { padding-top:.2em; padding-bottom:.2em}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 2em 0; }
dl dt { font-weight: bold; padding-top:.2em; padding-bottom:.2em}
dd { margin-left: 1.5em; padding-top:.2em; padding-bottom:.2em}
ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li, ul.note li {
list-style-type:none;
background-repeat: no-repeat;
background-position: center left;
padding: 4px 0 3px 28px}
ul.check li {
background-image:url(../images/typo_check.png);}
ul.arrow li {
background-image:url(../images/typo_arrow.png);}
ul.cross li {
background-image:url(../images/typo_cross.png);}
ul.light li {
background-image:url(../images/typo_light.png);}
ul.star li {
background-image:url(../images/typo_star.png);}
ul.note li {
background-image:url(../images/typo_note.png);}
/* Tables
-------------------------------------------------------------- */
table { width: 100%;
margin: auto; position:relative}
th { font-weight: bold; align: justify; }
th,td,caption { align: center; padding: 0; margin: auto;}
tfoot { font-style: italic; }
caption { font-style:italic; }
align { center; !important }
/* Table with Decoration
Use the class "custom" to decorate your tables,
Also the table with class "category" below is used by Joomla to output
some of the tables into the the Joomla core components */
table.custom,
table.category {
clear:both;
width: 90%;
margin: auto;
border-collapse: separate;
border-spacing: 0;
text-shadow: 0 1px 0 #fff;
background: #fff;
border:1px solid #E0EBBB;
border-bottom:none;}
table.custom td,
table.category td {
margin: auto;
padding: 5px 10px;
border-bottom: 1px solid #E3E3D0;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;}
table.custom tr,
table.category tr {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;}
table.category tr.cat-list-row1,
table.custom tr.cat-list-row1 {
background:#F3F8E5}
table.category thead th,
table.custom thead th {
font-size:1.5em;
text-align:justify;
padding:7px 10px;
font-weight:normal;
color:#000000;
text-shadow:1px 1px 1px #fff;
background:#D1D1B0;
background: -moz-linear-gradient(top, #E3E3D0, #D1D1B0);
background: -webkit-linear-gradient(top, #E3E3D0, #D1D1B0);
background: -ms-linear-gradient(top, #E3E3D0, #D1D1B0);
background: linear-gradient(top, #E3E3D0, #D1D1B0);}
table.category thead th a,
table.custom thead th a {
color:#000000!important}
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .9em; color:#000000}
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #000000; }
.loud { color: #000000; }
.highlight { font-style:italic; color:#000000; background:#F7F7E9; padding:0 .15em }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.dropcap {
color:#000000;
display: block;
float: center;
font: 6em/75% Georgia, "Times New Roman", Times, serif ;
padding: 5px 12px 0 0; }
17.10.2021, 22:59:27