Перейти к публикации

Проблема с стилем

onlinia.com

Автор: onlinia.com,
в Вебдизайн

 Рассказать Подписчики 0

Рекомендованные сообщения

onlinia.com

onlinia.com 0

Опубликовано:
Опубликовано:

Здравствуйте. Имеется вот такой стиль 

/*

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

This Skin for DataLife Engine Developed by DLETemplates.com

Copyright © 2005-2008 DLETemplates.com  All Rights Reserved.


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

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

*/


/* DEFAULT STYLES OF DATALIFE ENGINE RELEASE 6.7 */


/* ==================== */


* {

	font-family:Tahoma, Arial;

	font-size: 11px;

	color: #222222;

}

BODY {

	position:absolute;

	top:0px;

	left:0px;

	min-height:100%;

	width:100%;

	-height: 100%;

	background: URL('../images/body_bg.gif') repeat-x top left #FFF;

	padding:0px;

	margin:0px;

	min-width:1000px;

}

/* ==================== */


.category {

	color: #000000;

	font: bold 11px Arial, Helvetica, sans-serif;

	padding-right: 7px;

}

.category a {

	color: #000000;

	font: bold 11px Arial, Helvetica, sans-serif;

	text-decoration:none;

}

.category a:hover {

	text-decoration:none;

	font: bold 11px Arial, Helvetica, sans-serif;

}


/* ==================== */


.speedbar {

	display:block;

	margin:10px 20px;

	color: #000000;

	font-weight: bold;

	font-size: 12px;

}

.speedbar a {

	font-weight: bold;

	font-size: inherit;

	text-decoration: underline;

}

.speedbar a:hover {

	color: #000000;

text-decoration:none;

	font: bold 12px;

}


/* ==================== */


.slink {

	color: #000000;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.slink a:active, .slink a:visited, .slink a:link {

	color: #000000;

	text-decoration: underline;

}

.slink a:hover {

	color: #000000;

	text-decoration: none;

}


/* ==================== */


.copy {

	color: #000000;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.copy a:active, .copy a:visited, .copy a:link {

	color: #000000;

	text-decoration: underline;

}

.copy a:hover {

	color: #000000;

	text-decoration: none;

}


/* ==================== */


.stext {

	color: #000000;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.stext a:active, .stext a:visited, .stext a:link {

	color: #000000;

	text-decoration: underline;

}

.stext a:hover {

	color: #000000;

	text-decoration: none;

}


/* ==================== */


.ltitle {

	color: #4d4c48;

	font-size: 20px;

}


/* ==================== */


.ntitle {

	color: #000000;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.ntitle a {

	color: #000000;

font: bold 12px Arial, Helvetica, sans-serif;

	text-decoration:none;

}

.ntitle a:hover {

	color: #000000;

text-decoration:none;

	font: bold 12px Arial, Helvetica, sans-serif;

}


/* ==================== */


.ctitle {

	color: #000000;

	font-size: 11px;

	font-weight: normal;

}

.ctitle a {

	color: #000000;

	text-decoration: underline;

}

.ctitle a:hover {

	color: #000000;

	text-decoration: none;

}


/* ==================== */


.news {

	color: #000000;

	font-size: 11px;		/* ! */

	text-align: justify;

	line-height: 15px;

}

.news a {

	color: #000000;

	text-decoration: underline;

}

.news a:hover {

	color: #000000;

	text-decoration: none;

}

.news img {

	padding-right: 10px;

	padding-bottom: 10px;

	padding-top: 10px;

}


/* ==================== */


.userstop {

	color: #000000;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.userstop a {

	color: #000000;

	text-decoration: underline;

}

.userstop a:hover {

	color: #000000;

	text-decoration: none;

}

.userstop td {

	padding: 3px;

}

.userstop thead {

	color: #000000;

	font-weight: bold;

}


/* ==================== */


.hr_line {

	background: url(../images/line.gif);

	width: 100%;

	height: 7px;

	font-size: 3px;

	margin-top: 4px;

	margin-bottom: 4px;

}


/* ==================== */


.skin {

	padding-left: 10px;

}

select {

	font-size: 11px;

}


.navigation {

	color: #636363;

	border: 0px;

}


.navigation a:link,

.navigation a:visited,

.navigation a:active {

	text-decoration: none;

	color: #636363;

	background-color: #ededed;

	border: 1px solid #e1e1e3;

	padding: 3px 6px;

	font-size: 11px

}


.navigation a:hover {

	background-color: #3366cc;

	color: #ffffff;

	border-color: #e1e1e3;

}


.navigation span {

	text-decoration: none;

	background-color: #fafafa;

	padding: 3px 6px;

	border: 1px solid #e1e1e3;

	color: #636363;

	font-size: 11px;

}


/* CUSTOM STYLES FOR DLETEMPLATES.COM SKIN */


/* ==================== Поле малой формы поиска */


.s_field {

	color: #2f2f2f;			/* ! */

	font-size: 11px;		/* ! */

/*	background-image: url(../images/dlet_field_s.gif);

	background-repeat: repeat-x;*/

	height: 16px;

	padding-left: 3px;


	border: 1px solid #fff;

}


/* ==================== Поле формы авторизации */


.a_field {

	color: #2f2f2f;			/* ! */

	font-size: 11px;		/* ! */

/*	background-image: url(../images/dlet_field_a.gif);

	background-repeat: repeat-x;*/

	height: 16px;

	padding-left: 3px;


	border: 1px solid #e0e0e0;

}


.f_textarea {

	color: #2f2f2f;			/* ! */

	font-size: 11px;		/* ! */

/*	background-image: url(../images/dlet_field_o.gif);

	background-repeat: repeat-x;*/


	width: 459px;

	height: 156px;

	border: 1px solid #e0e0e0;

}

.f_input {

	color: #2f2f2f;			/* ! */

	font-size: 11px;		/* ! */

	width: 300px;

	height: 16px;

	border: 1px solid #e0e0e0;

}

.f_select {

	color: #2f2f2f;			/* ! */

	font-size: 11px;		/* ! */

	height: 14px;

	border: 1px solid #e0e0e0;

}

.he_ad {

	background-image: url(../images/dlet_hd.gif);

	background-repeat: repeat-x;

	height: 188px;

}

.whmenu {

	color: #fff;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.whmenu a:active, .whmenu a:visited, .whmenu a:link {

	color: #fff;

	text-decoration: none;

}

.whmenu a:hover {

	color: #fff;

	text-decoration: underline;

}

.mainmenu {

	color: #2f2f2f;

	font-size: 12px;		/* ! */

	text-decoration: none;

}




.mainmenu a:active, .mainmenu a:visited, .mainmenu a:link {

	color: #2f2f2f;

	text-decoration: none;

}

.mainmenu a:hover {

	color: #2f2f2f;

	text-decoration: underline;

}

.mainmenun {

	color: #2f2f2f;

	font-size: 10px;		/* ! */

	text-decoration: none;

}

.mainmenun a:active, .mainmenun a:visited, .mainmenun a:link {

	color: #2f2f2f;

	text-decoration: none;

}

.mainmenun a:hover {

	color: #2f2f2f;

	text-decoration: underline;

}

.whtext {

	color: #fff;

	font-size: 12px;		/* ! */

	text-decoration: none;

}

.whtext a:active, .whtext a:visited, .whtext a:link {

	color: #fff;

	text-decoration: none;

}

.whtext a:hover {

	color: #fff;

	text-decoration: underline;

}

.copyr {

	color: #fff;

	font-size: 11px;		/* ! */

	text-decoration: none;

}

.copyr a:active, .copyr a:visited, .copyr a:link {

	color: #fff;

	text-decoration: underline;

}

.copyr a:hover {

	color: #fff;

	text-decoration: none;

}

.csp {

	background-image: url(../images/dlet_csp.gif);

	background-repeat: repeat-y;

}

.hdline {

	background-image: url(../images/dlet_hdline.gif);

	background-repeat: repeat-x;

	height: 19px;

}

.catl {

	background-image: url(../images/dlet_catl.gif);

	background-repeat: repeat-x;

	height: 24px;

}

.globecat {

	background-image: url(../images/dlet_globe.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-top: 5px;

	padding-bottom: 5px;

}

.bltitle {

	color: #3366cc;

	font-size: 16px;		/* ! */

	text-decoration: none;

	font-weight: bold;

}

.navigacia {

	color: #2f2f2f;

	font-size: 13px;		/* ! */

	text-decoration: none;

}

.navigacia a:active, .navigacia a:visited, .navigacia a:link {

	color: #2f2f2f;

	text-decoration: none;

}

.navigacia a:hover {

	color: #2f2f2f;

	text-decoration: underline;

}


/* DCAT STYLE */


IMG { border: none; display:inline-block; }


a:link, a:visited { color: #3b61b9; text-decoration:none; }

a:hover { text-decoration: underline; }


INPUT {

	font-size: 11px;

	vertical-align:middle;

}


#header { margin: 0px 20px 0px 20px; }


DIV.b_468 { width:468px; height:60px; border:solid 1px; display:block; }

#top_logo { position:relative; display:block; width:100%; height:139px; margin:0px; }

#top_logo .b_468 { background:#f8fff7; border: solid 1px #36598e; position:absolute; top:25%; left:46%; }


/*** TOP MENU ***/

#top_menu { margin-bottom:20px; height:102px; overflow:hidden; display:block; position:relative;}

#top_menu .left {

	background: URL('../images/menu_bg_green.gif') repeat-x #d4ffd0;

	display:block;

	height:100px;

	border: solid 1px #a8e7c7;

	float:none;

	margin:0px;

	overflow:hidden;

}

#top_menu .left a {

	display:list-item;

	background: URL('../images/menu_marker_red.gif') no-repeat 0px 3px;

	text-decoration:none;

	list-style:none;

	padding-left:14px;

	margin:5px 0px 5px 30px;

	font-size: 12px;

}

#top_menu .left a:link, #top_menu .left a:visited { background: URL('../images/menu_marker_green.gif') no-repeat 0px 3px; }

#top_menu .left a:hover { background-position: 1px 3px; }

#top_menu .left SPAN { 	overflow:hidden; float:left; display:inline-block; width:20%; border-left:dashed 1px #a8e7c7; height:80px; margin-top:10px; margin-left:2%; }

#top_menu .left SPAN.first { border: none; margin-left: 4%; }


#top_menu .right {

	display:block;

	background: URL('../images/menu_bg_blue.gif') repeat-x #8adeff;

	border: solid 1px #91caff; border-left-color: #FFF;

	height:100px;

	width:240px;

	margin:0px;

	float:right;

	font-size:11px;

}

#top_menu .right DIV { margin:15px; }

#top_menu .right DIV SPAN { display: block; margin-bottom:5px; }

#top_menu INPUT.text { width: 90px; border: solid 1px #5db1ff; height:16px; }

#top_menu label { width: 50px; display:inline-block; text-align: right; font-size: 11px; vertical-align: middle; }

#top_menu INPUT.button { width: 57px; height: 20px; background: URL('../images/but_enter_bg.gif') no-repeat left top; vertical-align:middle; border:none; font-size:11px; color:#486a9d; padding-bottom:3px; *padding:0px; text-align: center; }

#top_menu .right a { font-size: 11px; }

#top_menu .cent { text-align:center; margin-top:13px; }


#top_menu .lb { left:0px; bottom:0px; background: URL('../images/menu_o.gif') 0px 6px; }

#top_menu .rb { right:0px; bottom:0px;  background: URL('../images/menu_o.gif') 6px 6px; }

#top_menu .rt { right:0px; top:0px; background: URL('../images/menu_o.gif') 6px 0px; }


#lenta {

	background: URL('../images/lenta_bg.gif') repeat-x top left;

	display: block;

	width:100%;

	height: 134px;

	white-space: nowrap;

	position:relative;

	overflow: hidden;

	border-top: solid 1px;

	border-bottom: solid 1px;

}

#lenta DIV { position:relative; white-space:nowrap; }

#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:15px; opacity:.4; filter:alpha(opacity=40); }

#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; } 

#lenta .left { left:0px; text-align:right; }

#lenta .right { right:0px; }

#lenta_in { display:block; position:relative; left:30px; top:15px; }

#lenta IMG { border: solid 3px #87c0dd; }

#lenta A { display: inline-block;  margin: 0px 5px; position: relative; text-decoration: none; }

#lenta A SPAN { position: absolute;  overflow: hidden; white-space:normal; display:none; width:100%; border: solid 1px #FFF; bottom:0px; left:0px; background:#d4ffd0; font-size: 11px; 	opacity:.9; filter:alpha(opacity=90); }

#lenta A:hover SPAN { display:block; }

#lenta A SPAN STRONG { display:block; }


#contenter TABLE { width:100%; }

#contenter { margin:20px; }

#contenter TABLE TD { vertical-align: top; }

#contenter TABLE TD.left { width: 190px; }

#contenter TABLE TD.center { padding: 0px 20px; }

#contenter TABLE TD.right { width:180px; }


H4 { font-weight:normal; font-size: 12px; margin: -3px 0px 15px -3px; color:#363636; }

H2, H2 A { font-size: 14px; }

HR { border: none; border-bottom-color:#FFFFFF; border-top-color:#CCCCCC; border-top:solid 1px; border-bottom: solid 1px; display: block; clear:both; }


.lb, .rb, .lt, .rt { overflow:hidden; position:absolute; display:block; width:6px; height:6px; }

.lb { left:-1px; bottom:-1px; } .rb { right:-1px; bottom:-1px; } .lt { left:-1px; top:-1px; } .rt { right:-1px; top:-1px; }


.block_blue, .block_red, .block_green, .block_orange { position:relative; -width:100%; display:block; padding:0px; margin-bottom: 15px; }

.block_blue .inner, .block_red .inner, .block_green .inner, .block_orange .inner { display:block; padding: 10px 10px 10px 10px; margin-bottom:6px; position:relative; }


.block_blue {  background: URL('../images/block_blue_bg.gif') top left repeat-x #c8efff; border: solid 1px #a8d5ff; }

.block_blue .lt { background: URL('../images/block_blue_o.gif') 0px 0px; }

.block_blue .lb { background: URL('../images/block_blue_o.gif') 0px 6px; }

.block_blue .rt { background: URL('../images/block_blue_o.gif') 6px 0px; }

.block_blue .rb { background: URL('../images/block_blue_o.gif') 6px 6px; }

#contenter TABLE TD.left .block_blue .lt, #contenter TABLE TD.right .block_blue .rt { display:none; }


.block_red { background: URL('../images/block_red_bg.gif') top left repeat-x #ffdede; border: solid 1px #ffc1c1; }

.block_red .lt { background: URL('../images/block_red_o.gif') 0px 0px; }

.block_red .lb { background: URL('../images/block_red_o.gif') 0px 6px; }

.block_red .rt { background: URL('../images/block_red_o.gif') 6px 0px; }

.block_red .rb { background: URL('../images/block_red_o.gif') 6px 6px; }

#contenter TABLE TD.left .block_red .lt, #contenter TABLE TD.right .block_red .rt { display:none; }


.block_orange { background: URL('../images/block_orange_bg.gif') top left repeat-x #ffe486; border: solid 1px #ffc63c; }

.block_orange .lt { background: URL('../images/block_orange_o.gif') 0px 0px; }

.block_orange .lb { background: URL('../images/block_orange_o.gif') 0px 6px; }

.block_orange .rt { background: URL('../images/block_orange_o.gif') 6px 0px; }

.block_orange .rb { background: URL('../images/block_orange_o.gif') 6px 6px; }

#contenter TABLE TD.left .block_orange .lt, #contenter TABLE TD.right .block_orange .rt { display:none; }


.block_green { background: URL('../images/block_green_bg.gif') top left repeat-x #d4ffd0; border: solid 1px #a3e49c; }

.block_green .lt { background: URL('../images/block_green_o.gif') 0px 0px; }

.block_green .lb { background: URL('../images/block_green_o.gif') 0px 6px; }

.block_green .rt { background: URL('../images/block_green_o.gif') 6px 0px; }

.block_green .rb { background: URL('../images/block_green_o.gif') 6px 6px; }

#contenter TABLE TD.left .block_green .lt, #contenter TABLE TD.right .block_green .rt { display:none; }


.block_orange HR { border-top-color: #ffc63c; border-bottom-color: #fff2c4; }


#users .item { display:block; overflow: hidden; }

#users .item_img { overflow:hidden; vertical-align: top; margin-right: 5px; text-align:center; border:solid 1px #ffc841; background: #FFF; float:left; }

#users .item_img IMG { width:50px; display:block; }

#users .name { font-weight: bold; display:inline-block; margin-bottom:5px; }

#users Small, #users Small A { font-size: 10px;}


#type_menu A { display: block; font-size: 12px; color: #3b61b9; text-decoration: none; margin-bottom:7px; padding-left: 17px; background: URL('../images/l_menu_marker_orange.gif') no-repeat 0px 1px; }

#type_menu A.other { font-weight:bold; }


#topnews A, #friends A { display: block; margin-bottom:5px; }

#topnews.block_green A, #friends.block_green A { background: URL('../images/block_green_mark.gif') no-repeat 0px 4px; padding-left: 7px; margin-left: -2px; }

#friends.block_red A, #topnews.block_red A { background: URL('../images/block_red_mark.gif') no-repeat 0px 4px; padding-left: 7px;margin-left: -2px; }


.cont_info_line {

	display:block;

	height:34px;

	background: URL('../images/cont_info_line_bg.gif') repeat-x bottom left;

	margin:15px 0px;

	margin-top:0px;

	position: relative;

}

.cont_info_line SPAN.left { width:9px; height:34px; display:block; background: URL('../images/cont_info_line_o.gif') no-repeat 0px 0px; position:absolute; bottom:0px; left:0px; }

.cont_info_line SPAN.right { width:9px; height:34px; display:block;

	background: URL('../images/cont_info_line_o.gif') no-repeat -9px 0px; position:absolute; bottom:0px; right:0px; }

.cont_info_line .rating {

	position:absolute;

	left:10px;

	top:10px;

	display:block;

}

.cont_info_line .about {

	position: relative;

	top:10px;

	display:block;

	margin-left: 100px;

	margin-right: 100px;

	text-align:center;

}

.cont_info_line .about IMG { vertical-align:middle; }


.cont_info_line .down {

	position: absolute;

	right: 10px;

	top:10px;

	height: 17px;

	width:100px;

	display:block;

	text-align: right;

}

.cont_info_line .down A { color: #d72027; font-size: 12px; }

.cont_info_line .down IMG { vertical-align: middle; }


.news_cont { padding: 0px 10px 10px 10px; border-left: solid 1px; border-right: solid 1px; border-color: #f0f0f0; }

.news_cont H2 { margin-top:0px; margin-left: -2px; margin-bottom:7px; }

.news_cont .cat { display:block; margin-bottom:15px; }


#search DIV SPAN { display: block; margin-bottom:5px; }

#search INPUT.text { width: 90px; border: solid 1px #5db1ff; height:16px; }

#search INPUT.button { width: 20px; height: 20px; background: URL('../images/ico_search.gif') no-repeat left top; vertical-align:middle; border:none; font-size:11px; color:#486a9d; padding-bottom:3px; *padding:0px; text-align: center; }


#footer {

	display:block;

	position:relative;

	background: URL('../images/footer_bg.gif') repeat-x left #d6ffd3;

	border: solid 1px #a8e7c7;

	margin:20px;

}

#footer DIV {

	margin:10px;

	text-align:center;

	display:block;

}

#footer .lb { background: URL('../images/footer_o.gif') no-repeat 0px -6px; }

#footer .lt { background: URL('../images/footer_o.gif') no-repeat 0px 0px; }

#footer .rb { background: URL('../images/footer_o.gif') no-repeat -6px -6px; }

#footer .rt { background: URL('../images/footer_o.gif') no-repeat -6px 0px; }

.partner {

color: blue;

font-size: 11px;

font-family: Georgia;

padding-top: 15px;

}

.partner a {

color: red;

text-decoration:none;

}

.partner a:hover {

text-decoration: underline;

}


[/codebox]

из-за него у меня не работают цвета на сайте, допустим хочу выделить отрывок текста красным, а он всё равно чёрный. После удаления style.css дизайн сайта слетает, но цвета ставить можно. Может кто знает что нужно поправить чтоб цвета ставить или может цвета как то по другому ставятся. Так же не могу сделать фон иерархическому меню. Подскажите пожалуйста в чём проблема.

Ссылка на сообщение
Поделиться на других сайтах
onlinia.com

onlinia.com 0

Опубликовано:
Опубликовано: Автор

Вот смотрите http://www.onlinia.com/ прямо вверху в меню идёт

Реклама на сайте

Работа на сайте

Заказ фильмов

они выделены красным, но всё равно чёрные. Вот код этого отрывка:

<SPAN style="width: 30%;">

				<noindex><a href="http://onlinia.com/zakaz.html" title="Разместить рекламу на сайте" rel="nofollow"><font color=ff0000>Реклама на сайте</a></font></noindex>

								<noindex><a href="http://www.jobonline.podserver.info" title="Заработай с нами" rel="nofollow"><font color=ff0000>Работа на сайте</font></a></noindex>

								<noindex><a href="/reklama/" title="заказ фильмов" rel="nofollow"><font color=ff0000>Заказ фильмов !!!!!!!всего 15р.!!!!!!!</font></a></noindex>

			</SPAN>

Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...