Я рву волосы над этим. Какие инструменты люди используют для устранения проблем с форматированием css? У меня есть относительно простое форматирование для навигации с использованием CSS, которое выглядит так:
/* sub navigation */
.sidenav {
float: right;
width: 218px;
}
.sidenav h1 {
background: #BCB39F url(img/sidenavh1.gif) repeat-x;
border-bottom: 1px solid #999;
border-top: 1px solid #CCC;
color: #4A4A44;
font-size: 1.2em;
height: 22px;
margin: 0;
padding-left: 12px;
}
.sidenav h1 a {
color: #554;
text-decoration: none;
display: block;
}
.sidenav h1 a:hover {
background: #D6CCB9;
color: #654;
}
У меня есть этот код на моей странице:
<div class="sidenav">
<a href="ceremony">Wedding Ceremony</a>
<a href="reception">Wedding Reception</a>
<div class="clearer"></div>
</div>
и это не подхватывает стиль. Это работало нормально, поэтому одно из моих изменений в другом месте, должно быть, сбило что-то с места (я подозреваю, что где-то, но я действительно изо всех сил пытаюсь найти, что это было. Остальные форматы моей страницы в порядке ...)
Есть предложения?
Ответ найден благодаря firebug.
Форматирование не применялось, поскольку форматирование для ссылок применялось только к ссылкам в элементе <h1>, т. Е. Html должен был быть:
<div class="sidenav">
<h1><a href="ceremony">Wedding Ceremony</a></h1>
<h1><a href=reception">Wedding Reception</a></h1>
<div class="clearer"></div>
</div>