Форум Сайтостроение Веб-строительство

CSS заголовки: сломал голову, help!

melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
708

В общем, переделываю шаблон для сайта, там логотип сделан в виде текста двух цветов, симпатичненько. Под ним слоган. Я еще картинку слева вставил. Проблема в следующем: когда я меняю h1 на что угодно другое (p, h2, h3...) - ничего не работает, точнее стили не работают, цвет и шрифт не передается, название сайта выглядит как просто стандартная ссылка. 


style.css

#logo { display: block; text-transform: uppercase; line-height: 1; padding-bottom: 15px; }

#logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 48px; color: #fff; }

#logo h1 a { color: #fff; text-decoration: none; }

#logo h1 a span { color: #6699FF; }

#logo .description { font-size: 10px; color: #cfd2d9; }


index.html

<div id="logo" align="center" >					

<table>

<tr>

<td><div class="image"><a href="http://site.ru"><img src="img/logo.png" alt="" /></a></div></td>

<td><h1><a href="http://site.ru">ИМЯ<span>САЙТА</span></a><h1>

<p class="description" >слоган сайта</p></td>

</tr>

</table>

</div>
dma84
На сайте с 21.04.2009
Offline
168
dma84
#1

Ну дак правильно, у вас стиль прописан именно для h1

#logo h1 ...
melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#2

dma84,

Это я оригинал выложил. Я просто уже всё по-всякому менял, никак не получается.

Меня интересует вот что: как из этой строчки: 

<h1><a href="http://site.ru">ИМЯ<span>САЙТА</span></a></h1>

Сделать например такую: 

<p><a href="http://site.ru">ИМЯ<span>САЙТА</span></a></p>

В общем, мне нужно убрать h1. Чтобы все нормально отображалось, что нужно в стилях изменить?

Нагрузка на сайт, скорость Как прописать стили в Рубрики в wordpress 3
dma84
На сайте с 21.04.2009
Offline
168
dma84
#3 

style.css

#logo { display: block; text-transform: uppercase; line-height: 1; padding-bottom: 15px; }

#logo p { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 48px; color: #fff; }

#logo p a { color: #fff; text-decoration: none; }

#logo p a span { color: #6699FF; }

#logo .description { font-size: 10px; color: #cfd2d9; }
melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#4

dma84,

Это первое, что я сделал. Не работает.

dma84
На сайте с 21.04.2009
Offline
168
dma84
#5

Да быть не может, киньте сайт в личку

qiwi2010
На сайте с 08.10.2010
Offline
15
qiwi2010
#6

непонятно только зачем убирать заголовок, там где он нужен и ставить вместо него тег абзаца текста?

dma84
На сайте с 21.04.2009
Offline
168
dma84
#7
qiwi2010:
непонятно только зачем убирать заголовок, там где он нужен и ставить вместо него тег абзаца текста?

Потому что это название сайта, а не заголовок статьи на странице

melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#8

Я ничего не могу понять : ))

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

Очищаю кеш, перезапускаю Firefox, все становится нормально.

Это как? Кеш работает выборочно?

melkozaur добавил 26.02.2011 в 16:38

dma84,

Спасибо.

qiwi2010,

Тут даже не в этом конкретном примере дело, там еще подобные проблемы были.

Мало памяти для MySQL Проблемы с поиском от Помогите с regexp

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий