jsfiddle не отображает мой CSS

Question

Я использую jsfiddle впервые, и он, кажется, не распознает стили CSS. Также не отображаются элементы с тегом.

Вот сохраненная страница jsfiddle для этого: http://jsfiddle.net/s5LXc/

Есть ли что-то, что я сделал не так, чтобы получить неожиданный результат, который я сделал?

Спасибо!

Answer 1

Проверьте эту рабочую скрипку: http://jsfiddle.net/s5LXc/2/

Вы скучали по внешнему виду DIV контейнер с классом "nav_bar".

Ваша HTML-структура также искажена как минимум в одном месте, например (инвертировано SPAN а также FORM теги):

<form name="form" method="post" id="header_search">


<span style='text-align: center; float: left;'>Search
    <input type="text" size="10" id="search_string">
    <input type="submit" value="Search"></input>
</form>

</span> 

Answer 2

Вы показываете класс nav_bar, но в вашем html такого нет.

Answer 3

Вы используете неправильный класс в вашем навигационном контейнере.

<div class="nav">

Вместо

<div class="nav_bar">

Answer 4

Одно можно сказать наверняка: вы ссылаетесь на класс nav_bar много в вашем CSS, но это не появляется в вашем HTML вообще.