CSS работает только на одной странице, но не на другом

Я делаю сайт для себя (для моего ювелирного бизнеса :)) в первый раз. Я не могу понять, почему css применяется на одной странице, но не на другом, код для получения css находится в обоих файлах html одинаковыми <link rel="stylesheet" href="shizoid.css">, и они используют один и тот же файл css.CSS работает только на одной странице, но не на другом

http://imgur.com/UP3Liae http://imgur.com/aaGZEa1

Вы можете видеть на фотографиях выше, например, в HTML является тег: <h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1> и в CSS умеренность для него является:

h1 { 
     background-color: #a018ba; 
     border-radius: 15px; 
     font-family: Garamond; 
     font-size: 40px; 
     text-align: center; 
     margin-bottom: 0px; 
    }

На одной странице этой работает, а с другой - нет. Это похоже на то, что со вчерашнего дня это было нормально. Я попытался просмотреть его как в Firefox, так и в Chrome и на двух разных компьютерах. Я смотрю, но я не вижу, пожалуйста, помогите. :)

источник

2014-01-04 Erzsebet

Можете ли вы опубликовать пути ваших страниц и тег ссылки, который вы используете в каждом? Я предполагаю, что у вас нет абсолютного пути или начинайте с косой черты/в вашем css-пути, и это хорошо для страниц верхнего уровня, но что-либо внутри подпапки не найдет css. Опять же, просто догадайтесь, пока вы не разместите небольшой пример кода. – ohiodoug

Спасибо за ваши усилия, но на самом деле произошло что-то странное: я экспериментировал с двумя файлами css с немного разными именами, а Sublime путал их, хотя они не были в одной папке; Блокнот решил проблему. – Erzsebet

Я обнаружил, что обычно лучше применять стили, такие как границы и фон, к div, а затем вставить h1 в него. Например, ваш CSS будет выглядеть примерно так:

#title-box { width: 800px; margin: 0 auto; background-color: #a018ba; border-radius: 15px; text-align: center; } 
h1 { font-family: Garamond; font-size: 40px; }

И ваш HTML будет выглядеть следующим образом:

<div id="title-box"><h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1></div>

Из фотографий вы вывешенные, я думаю, что, возможно, есть какая-то ошибка в другом месте в коде , такой как a без соответствующего, что приводит к тому, что CSS не применяется.

источник

2014-01-04 18:52:42 Darkstar4386

Спасибо за совет вашего бога, но случилось что-то странное: я экспериментировал с двумя файлами css с немного разными именами, а Sublime смущал их, хотя они не были в одной папке; Блокнот решил проблему. – Erzsebet

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

<link rel="stylesheet" href="../shizoid.css">

Если ваша веб-страница находится в другой папке, вы можете использовать этот href для доступа к предыдущему каталогу.

источник

2014-01-04 18:58:55

Спасибо за усилие, это звучит логично, но это было нечто более странное - я экспериментировал с двумя файлами css с немного разными именами, а Sublime путал их, хотя они не были в одной папке; Блокнот решил проблему. – Erzsebet

Что-то не так в вашей идее. Это не проблема, связанная с css. Ваши изображения отличаются. Вы можете просто перетащить каждое изображение и переместить каждое изображение в браузере. Вы можете видеть, что каждое изображение имеет разницу. Весь ваш сайт - всего лишь изображение. Нет такого типа тегов, как вы упоминаете <h1>Extravagant, Unique, Handmade Jewelry and Crafts</h1> во всем html-коде. Просто я разместил изображение, чтобы проверить его либо сохранить его на локальном диске, либо перетащить каждое изображение в новом браузере вкладок.

enter image description here