Форум Сайтостроение Веб-строительство

Разные CSS для одного элемента

12
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#11

loed, вы всуньте в валидатор хотябы то что написали!

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
kapyceJlb
На сайте с 06.12.2008
Offline
23
kapyceJlb
#12

Товарищ, вот там урл страницы: http://tony-art.ru/temp/H1.html

А вот её, код, где все работает: 

<!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" />

	<style>

#osnova H1, #osnova H2, #osnova H3{

FONT-SIZE: 17px;

COLOR: #4f7ba6;

background-COLOR: #f3f3f3;

font-style: normal;

font-weight: bold;

margin: 0px;

text-align: right;

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

padding: 0px 5px 0px 0px;

BACKGROUND-REPEAT: no-repeat;

BACKGROUND-POSITION: 1% 50%;

FONT-FAMILY: Arial, sans-serif;

border: 1px solid #c5d4e2;

}



#yo1 H1, #yo1 H2, #yo1 H3 {

font-size: 27px;

COLOR: #4f7ba6;

background-COLOR: #f3f3f3;

font-style: normal;

font-weight: bold;

margin: 0px;

text-align: right;

FONT-FAMILY: Arial, sans-serif;

border-bottom: 1px solid #c5d4e2;



}

	</style>

</head>

<body>

<div id="osnova">

<H1>Заголовок </H1>

<H2>Заголовок </H2>

<H3>Заголовок </H3>



<div id="yo1">

	<H1>Заголовок </H1>

	<H2>Заголовок </H2>

	<H3>Заголовок </H3>

</div>



</body>

</html>

Делайте по аналогии и будет вам счастье.

html/css/jQuery верстка http://tony-art.ru/ (http://tony-art.ru/) icq: 295-249
loed
На сайте с 10.03.2007
Offline
196
loed
#13
kapyceJ Делайте по аналогии и будет вам счастье.[/QUOTE:

Да, так пашет но почему то стиль для border из yo1 не применяется

loed добавил 21.08.2009 в 14:31
Вообщем проблема решилась только когда для всех параметров прописываешь все данные:
#aindex H1, #aindex H2, #aindex H3, #aindex H4 {
background-COLOR: #ffffff;
FONT-SIZE: 17px;
COLOR: #4f7ba6;
font-style: normal;
font-weight: bold;
margin: 0px;
text-align: right;
FONT-FAMILY: Arial, sans-serif;
border-bottom: 1px solid #c5d4e2;
border-top: 0px solid #c5d4e2;
border-left: 0px solid #c5d4e2;
border-right: 0px solid #c5d4e2;
background-image: none;

loed добавил 21.08.2009 в 14:31
Вообщем проблема решилась только когда для всех параметров прописываешь все данные:
#aindex H1, #aindex H2, #aindex H3, #aindex H4 {
background-COLOR: #ffffff;
FONT-SIZE: 17px;
COLOR: #4f7ba6;
font-style: normal;
font-weight: bold;
margin: 0px;
text-align: right;
FONT-FAMILY: Arial, sans-serif;
border-bottom: 1px solid #c5d4e2;
border-top: 0px solid #c5d4e2;
border-left: 0px solid #c5d4e2;
border-right: 0px solid #c5d4e2;
background-image: none;

loed добавил 21.08.2009 в 14:31
Вообщем проблема решилась только когда для всех параметров прописываешь все данные:
#aindex H1, #aindex H2, #aindex H3, #aindex H4 {
background-COLOR: #ffffff;
FONT-SIZE: 17px;
COLOR: #4f7ba6;
font-style: normal;
font-weight: bold;
margin: 0px;
text-align: right;
FONT-FAMILY: Arial, sans-serif;
border-bottom: 1px solid #c5d4e2;
border-top: 0px solid #c5d4e2;
border-left: 0px solid #c5d4e2;
border-right: 0px solid #c5d4e2;
background-image: none;

loed добавил 21.08.2009 в 14:31
Вообщем проблема решилась только когда для всех параметров прописываешь все данные:
#aindex H1, #aindex H2, #aindex H3, #aindex H4 {
background-COLOR: #ffffff;
FONT-SIZE: 17px;
COLOR: #4f7ba6;
font-style: normal;
font-weight: bold;
margin: 0px;
text-align: right;
FONT-FAMILY: Arial, sans-serif;
border-bottom: 1px solid #c5d4e2;
border-top: 0px solid #c5d4e2;
border-left: 0px solid #c5d4e2;
border-right: 0px solid #c5d4e2;
background-image: none;
[Удален]
#14

короче я не знаю нашлось там решение или нет, но на всякий случай для потомков оставлю пояснение о наследовании свойств в css

<div id='1'>

<div id='2'>

<div id='3'>

<a>

</div>

</div>

</div>

#1 #2 #3 a

#2 #3 a

#1 #3 a

#1 #2 a

#1 a

#2 a

#3 a

a

вот такой приоритет применения правил у нормальных браузеров. Верхние перекрывают нижние

так что в вашем случае правило #1 h1 надо заменить на #osnova #1 h1

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий