У меня есть HTML-страница (на самом деле PHP) с ячейкой таблицы, которая содержит графику и имеет две фоновые графики (одна с повторяющимся градиентом, одна с выравниванием по правому краю).У него есть вторая ячейка таблицы, которая содержит стилизованный список.Поскольку мне нужно использовать PHP для оценки пути к изображению, мне нужно определить определенные стили внутри HTML, а не в отдельном файле .css.Кто-нибудь может мне помочь и объяснить, почему стили правильно применяются к элементам li, а не к ячейке таблицы с классом logoHeader?(li.white определен в связанном css-файле, так как для оценки пути не требуется php.) Я программист на стороне сервера, и хотя я могу делать базовые css, я не очень разбираюсь вправила наследования.
Вот обработанный источник:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head>
<base href="http://mysite.com/mobile" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/templates/mobile/css/editor_content.css" type="text/css" />
<style>
<!-- need to define these styles here because we can't use php in the css - it doesn't evaluate -->
td.logoHeader {
background: url(/images/mobile/transparentLeavesRight.png) top right no-repeat,
url(/images/mobile/transparentLeavesGradient.png) top left repeat-x;
text-align:center;}
li.blue {
background-image:url(/images/mobile/arrow.png);
background-repeat:no-repeat;
background-position:right;
background-color:#013799;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="logoHeader"><img src="/images/mobile/logoCopy.png" alt="Senior Living" /></td></tr>
<tr><td>
<ul class="pureCssMenu">
<li class="white">1-800-888-8888 </li>
<li class="blue"><a href="/about">ABOUT US</a></li>
<li class="blue"><a href="/care-types">CARE TYPES</a></li>
<li class="blue"><a href="/find-a-community">FIND A COMMUNITY</a></li>
<li class="blue"><a href="/programs">PROGRAMS</a></li>
<li class="blue"><a href="/gallery">VIDEO GALLERY</a></li>
<li class="blue"><a href="/contact">CONTACT US</a></li>
</ul>
</td></tr>
</table>
</body>
</html>
Я также попытался определить класс как просто .logoHeader (в отличие от td.logoHeader) - те же результаты.Это не получает стиль.Вот скриншот firebug, показывающий, что он получает: 