Смена фона яйчейки не пашет

[shebeko]

может кто подскажет где ошибка, просто мозги уже не пашут ...

нужно сделать смену фона яйчейки как на http://shebeko.info слева менюшка. Я прописываю все в стилях

a.mainlevel:link {

font-family: Tahoma;

display : block;

font-size : 10px;

border : 1px solid #E0E0E0;

FONT-WEIGHT: bold;

width : 100%;

text-indent : 10px;

margin-bottom: 1px;

margin-top: 0px;

text-decoration : none;

text-transform : uppercase;

}

a.mainlevel:visited {

display : block;

font-size : 10px;

border : 1px solid #E0E0E0;

font-family: Tahoma;

FONT-WEIGHT: bold;

width : 100%;

text-indent : 10px;

margin-bottom: 1px;

margin-top: 0px;

text-decoration : none;

text-transform : uppercase;

}

a.mainlevel:hover {

display : block;

font-size: 10px;

border: 1px solid #E0E0E0;

background-color : #000000;

font-family: Tahoma;

FONT-WEIGHT: bold;

width: 100%;

text-indent: 11px;

margin-bottom: 1px;

margin-top: 0px;

color: #ffffff;

text-decoration: none;

text-transform : uppercase;

}

и добавляю в код:

<td width="594"><a class="mainlevel" href="#">женские костюмы

</a></td>

и се равно не пахает, мож кто подскажет а? спасиб.

а не получается

[Searcher]

Бардак у вас полный! Вот в чем проблема. И тут не где-то ошибка, тут сплошная ошибка. Изучите хорошенько "css по шагам" и "html по шагам"

[dark_hero]

<style>
a.mainlevel:link {
font-family: Tahoma;
display : block;
font-size : 10px;
border : 1px solid #E0E0E0;
FONT-WEIGHT: bold;
width : 100%;
text-indent : 10px;
margin-bottom: 1px;
margin-top: 0px;
text-decoration : none;
text-transform : uppercase;
}

a.mainlevel:visited {
display : block;
font-size : 10px;
border : 1px solid #E0E0E0;
font-family: Tahoma;
FONT-WEIGHT: bold;
width : 100%;
text-indent : 10px;
margin-bottom: 1px;
margin-top: 0px;
text-decoration : none;
text-transform : uppercase;
}

a.mainlevel:hover {
display : block;
font-size: 10px;
border: 1px solid #E0E0E0;
background-color : #000000;
font-family: Tahoma;
FONT-WEIGHT: bold;
width: 100%;
text-indent: 11px;
margin-bottom: 1px;
margin-top: 0px;
color: #ffffff;
text-decoration: none;
text-transform : uppercase;
}
</style>
<td width="594"><a class="mainlevel" href="#">женские костюмы</a></td> 

у меня так работате

[shebeko]

у меня так работате

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

[mishka]

a.mainlevel:link {

font-family: Tahoma;

display: block;

font-size : 10px;

border: 1px solid #E0E0E0;

FONT-WEIGHT: bold;

width: 100%;

text-indent: 10px;

margin-bottom: 1px;

margin-top: 0px;

text-decoration: none;

text-transform: uppercase;

}

a.mainlevel:visited {

display: block;

font-size: 10px;

border: 1px solid #E0E0E0;

font-family: Tahoma;

FONT-WEIGHT: bold;

width: 100%;

text-indent: 10px;

margin-bottom: 1px;

margin-top: 0px;

text-decoration: none;

text-transform: uppercase;

}

a.mainlevel:hover {

display : block;

font-size: 10px;

border: 1px solid #E0E0E0;

background-color : #000000;

font-family: Tahoma;

FONT-WEIGHT: bold;

width: 100%;

text-indent: 11px;

margin-bottom: 1px;

margin-top: 0px;

color: #ffffff;

text-decoration: none;

text-transform : uppercase;

}

и добавляю в код:

<td width="594"><a class="mainlevel" href="#">женские костюмы

</a></td>

насчет сплошной ошибки то это правда.

a.mainlevel,
a.mainlevel:visited {  
	font:bold 10px Tahoma, sans-serif;
	display:block;
	width:100%;
	border:1px solid #E0E0E0;
	text-indent:10px;
	margin:0 0 1px;
	text-decoration:none;
	text-transform:uppercase;
}  
a.mainlevel:hover {  
	background:#000; 
	color:#fff;
}

Подучите наследование стилей. Почитайте книгу для начинающих.

Кстати вы фон меняете не на ячейке, а на ссылке

Edited August 25, 2009 by mishka2