Эту проблему невероятно сложно описать. Я чувствую, что вошел в сумеречную зону. Тем не менее, я новичок в HTML и CSS, и есть большая вероятность, что я делаю что-то совершенно не так.
У меня есть несколько файлов в папке, среди них: style.css, homePage.html и addPerson.php
Я собираюсь использовать style.css как внешнюю таблицу стилей для обработки обеих страниц. Сначала я написал addPerson.php, и у меня не было проблем с тем, чтобы он работал с внешней таблицей стилей. Однако, как только я добавил файл homePage.html (который связан с веб-страницей addPerson.php), у меня возникли самые разные сумасшедшие проблемы. Слева от страницы моей страницы addPerson.php есть неупорядоченный список ссылок, прикрепленный слева с помощью «float». В моем файле homePage.html я хочу иметь такой же точный список. Таким образом, я скопировал и вставил код в этот файл. Вот как выглядит этот код:
<body>
<div class="Links">
<p>
Add new content:
<ul>
<li><a href="addComments.php">Add comments to movies</a></li>
<li><a href="addMovieInfo.php">Add movie information</a></li>
</ul>
Browse content:
<ul>
<li><a href="showActorInfo.php">Actors</a></li>
<li><a href="showMovieInfo.php">Movies</a></li>
</ul>
Search:
<ul>
<li><a href="searchActorsOrMovies.php">Search</a></li>
</ul>
</p>
</div>
Вот то, на что ссылался класс "Links" из style.css:
.Links
{
float: left;
background-color:#E6E6E6;
height: 522px;
}
Этот фрагмент кода создает список ссылок с серым фоном, который проходит по левой стороне страницы. Это прекрасно работает в addPerson.php. Вот скриншот этого файла: http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104256PM.png?t=1303796942
Однако, когда я копирую и вставляю этот фрагмент кода в homePage.html, я обнаруживаю, что он не работает. Скорее, ссылка на класс ничего не делает. Он просто отображается в виде неупорядоченного списка ссылок без серого фона или чего-либо еще. Таким образом, homePage.html выглядит так: http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104311PM.png?t=1303796993
Думая, что это немного странно, я провел несколько тестов на homePage.html. Я сократил код только до этого:
<body>
<div class="Links">
<p>
Add new content:
<ul>
<li><a href="addComments.php">Add comments to movies</a></li>
<li><a href="addMovieInfo.php">Add movie information</a></li>
</ul>
</p>
</div>
</body>
Однако я обнаружил, что при этом все становится очень странным! Вот картинка: http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104341PM.png?t=1303797030
Это не имеет никакого смысла для меня.
Затем я сокращаю код еще дальше:
<body>
<div class="Links">
<p>
Add new content:
<ul>
<li><a href="addComments.php">Add comments to movies</a></li>
</ul>
</p>
</div>
</body>
Теперь с этим изменением оно вдруг выглядело правильным. Там был серый фон, а остального текста не было. Вот как это выглядело: http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at105119PM.png?t=1303797106
Что, черт возьми, происходит? Почему класс Links отлично работает в моем исходном файле, но ужасно в этом новом файле, который я создаю? (примечание: при попытке выяснить это произошло множество других странных вещей, но, поскольку я уже написал роман, я решил просто сузить его до этой проблемы).