Css.css

[mineral 97]

Помогите поправить css.css

Вот собственно его содержимое :

 

/*

=============================================================

This Skin for STRESS WEB Developed by S.T.R.E.S.S.

 

File 'css.css' - Cascading Style Sheet (CSS) Document

=============================================================

*/

* { margin: 0px; padding: 0px; }

 

html, body {

width: 100%;

min-width: 1190px;

height: 100%;

padding: 0px;

margin: 0px;

color: #9b3700;

font: 13px/18px Tahoma, "Times New Roman", Arial, Helvetica, sans-serif;

background: url(../images/w_20.jpg) 50% 0 repeat-y;

}

a {

color: #33341b;

outline: none;

text-decoration: underline;

}

a:hover {

text-decoration: none;

}

p {

margin: 0 0 18px

}

img {

border: none;

}

input {

vertical-align: middle;

}

#wrapper {

width: 100%;

margin: 0 auto;

min-height: 100%;

height: auto !important;

height: 100%;

background: url(../images/i_14.jpg) 50% bottom no-repeat;

}

 

 

/* Header

-----------------------------------------------------------------------------*/

#i1 {background: url(../images/i_01.jpg) 50% 0 no-repeat;}

#i2 {background: url(../images/i_02.jpg) 50% 100px no-repeat;}

#i3 {background: url(../images/i_03.jpg) 50% 200px no-repeat;}

#i4 {background: url(../images/i_04.jpg) 50% 300px no-repeat;}

#i5 {background: url(../images/i_05.jpg) 50% 400px no-repeat;}

#i6 {background: url(../images/i_06.jpg) 50% 488px no-repeat;}

#i7 {background: url(../images/i_07.jpg) 50% 540px no-repeat; height: 640px;}

#header {

width: 1190px;

height: 488px;

margin: 0 auto;

}

#logo-img {width: 539px; height: 290px; background: url(../images/logo.png) 0 0 no-repeat; position: absolute; top: 50px; right: 375px;}

#l2ban {text-align: left; padding-top: 20px;}

 

#formenu {margin: 0 auto; width: 1190px; height: 60px;}

#menu {width: 985px; margin-left: 130px;}

#menu ul {list-style: none;}

#menu ul li {float: left; height: 30px;}

#menu:after {clear: both; height: 0; content: '.'; visibility: hidden; display: block;}

 

#forstatus {width: 1190px; margin: 0 auto;}

#status {padding-left: 335px; padding-top: 5px; text-align: left;}

/* Middle

-----------------------------------------------------------------------------*/

#i9 {background: url(../images/i_09.jpg) 50% 0 no-repeat;}

#i11 {background: url(../images/i_11.jpg) 50% 160px no-repeat;}

#i12 {background: url(../images/i_12.jpg) 50% 335px no-repeat;}

#i14 {background: url(../images/i_14.jpg) 50% 560px no-repeat;}

#middle {

width: 1190px;

margin: 0 auto;

padding: 0;

height: 1%;

}

#middle:after {

content: '.';

display: block;

clear: both;

visibility: hidden;

height: 0;

}

#container {

width: 100%;

float: left;

overflow: hidden;

}

#content {

padding: 50px 253px 0 298px;

min-height: 650px;

}

 

 

/* Sidebar Left

-----------------------------------------------------------------------------*/

#sideLeft {

float: left;

width: 238px;

margin-left: -100%;

position: relative;

line-height: 12px;

}

#sideLeft a {color: #e57334; font-size: 10px; text-decoration: none; font-family: Tahoma;}

#sideLeft a:hover {color: #ff9e69; text-decoration: underline;}

#sideLeft ul {list-style: square; margin-left: 10px; font-size: 6px;}

#sideLeft ul li { line-height: 12px; list-style-position: inside; list-style-image: none; list-style-type: square;}

#sideLeft ul li.float { float: left; margin-right: 5px; width: 50px; list-style-position: inside; list-style-image: none; list-style-type: square;}

#sideLeft .side-title {text-align: center; margin: 5px 0;}

#left-indent {padding-left: 80px;}

#ltop {padding-left: 9px; padding-top: 52px; margin-bottom: 46px;}

 

/* Sidebar Right

-----------------------------------------------------------------------------*/

#sideRight {

float: left;

margin-right: -3px;

width: 193px;

margin-left: -193px;

position: relative;

}

#qs {padding-top: 68px; margin-bottom: 50px;}

#lk {height: 160px;}

 

#login {color: #e57334; width: 150px; margin: 0 auto; line-height: 12px;}

#login ul {list-style-position: inside; list-style-image: none; list-style-type: square; font-size: 6px;}

#login ul li {position: relative; font-size: 10px; font-family: Tahoma; height: 25px; line-height: 18px;}

#login #input {background: url(../images/input.jpg) 0 0 no-repeat; width: 92px; height: 16px; padding: 2px; border: none; position: absolute; right: 0; top: 0; font: 13px Tahoma; color: #000;}

#login #inputc {background: url(../images/inputc.jpg) 0 0 no-repeat; width: 61px; height: 16px; padding: 2px; border: none; position: absolute; right: 0; top: 0; font: 13px Tahoma; color: #000;}

#login .cap {position: relative;}

#login a {color: #8e9064; text-decoration: underline; font-size: 10px; font-family: Tahoma;}

#login a:hover {text-decoration: none;}

#login .enter {text-align: right;}

#login .enter a {color: #fbffa1; font-size: 11px;}

#login .links {text-align: left;}

 

#account {width: 160px; margin: 0 auto; font-size: 11px;}

#account a {color: #fbffa1; font-size: 11px;}

 

/* Footer

-----------------------------------------------------------------------------*/

#footer {

width: 100%;

margin: 0 auto 0;

height: 160px;

background: url(../images/i_15.jpg) 50% 0 no-repeat;

}

#foot {width: 1190px; margin: 0 auto; text-align: left; color: #fff; font: 11px Tahoma; height: 160px; position: relative;}

#copy {position: absolute; text-align: center; bottom: 10px; width: 1190px;}

/***************************

* server status

***************************/

#server {

color: #5c3b28;

}

#server a {color: #b46e42; text-decoration: none;}

#server td {

vertical-align: top;

height: 20px;

text-align: center;

}

#server .off {color: #9f1514;}

#server .on {color: #605011;}

/***************************

* news

***************************/

.news {

margin: 10px 0 0;

padding: 0;

list-style: none;

width: 100%;

}

 

.news .post-date {

text-align: center;

float: left;

width: 65px;

padding-top: 10px;

}

 

.news .post-date .day {

color: #9b3700;

font-size: 30px;

}

 

.news .post-date .month-year {

color: #9b3700;

font-size: 12px;

}

 

.news .post-content {

margin-left: 65px;

}

.news .ntitle {text-decoration: underline; color: #763715; font-size: 20px; font-weight: normal; cursor: pointer;}

.news .ntitle:hover {text-decoration: none;}

.news .ntitle a {text-decoration: underline; color: #763715; font-size: 20px;}

.news .ntitle a:hover {text-decoration: none;}

.news .post-divider {

margin: 20px 0;

height: 2px;

background: url('../images/nbreak.png') 40px 0 no-repeat;

}

/***************************

* forum links

***************************/

.f_link {

text-align: left;

padding-bottom: 2px;

border-bottom: 1px dotted #77e;

}

.f_link a {

text-decoration: none;

font-size: 10px;

}

.f_link a:hover {

text-decoration: underline;

}

.f_author {

text-align: right;

}

.f_author a {

text-decoration: none;

font-size: 10px;

}

.f_author a:hover {

text-decoration: underline;

}

.f_date {

text-align: left;

font-size: 10px;

}

 

То что выделил красным, добавлял сам. Это кусок картинки.

Проблема в том, что когда создаеш много новостей на сайте, то эта картинка неопускаеться в низ как остальные, а висит там где я прописал #i14 {background: url(../images/i_14.jpg) 50% 560px no-repeat;} .

Почему

#i9 {background: url(../images/i_09.jpg) 50% 0 no-repeat;}

#i11 {background: url(../images/i_11.jpg) 50% 160px no-repeat;}

#i12 {background: url(../images/i_12.jpg) 50% 335px no-repeat;}

Нормально перемещаються,а

#i14 {background: url(../images/i_14.jpg) 50% 560px no-repeat;}

нет

Изменено 8 ноября, 2012 пользователем mineral

[mineral 97]

Перерыл уже все что можно. Но так и не нашел где установить типа "авто перемещение"

Сто % знаю что в css это,а вот где.......

[AdminkO 135]

как они вообще могу перемещаться? если у тебя заданы координаты .. если ти картинки относятся к новости.. на пример у тебя в файле ксс с формированн контент

дальше сформирована новость... так вот.. скинь мне код этой новости)) ну или в личку кинь весь ксс)

[mineral 97]

Ксс я выложил под спойлером, это кусок картинки с шаблона. Получаеться что когда добавляешь много новостей низ сайта тянеться, а этот кусок нет.

[mineral 97]

Ап

[mineral 97]

up

[mineral 97]

UP

[mineral 97]

Все спасибо. Проблему решил сам Сам спросил и сам ответил

Кому интересно :

#i14 {background: url(../images/i_14.jpg) bottom center no-repeat;}

Изменено 12 ноября, 2012 пользователем mineral