Небольшая проблема с CSS (текст)

Всем привет.

Не понимаю,что за глюк... Нужен вот такой вот эффект : ссылка , у меня же получается только такой : ссылка .
Вообщем,сам код :

<div class="head-contact"

        	<p><strong>Телефон:</strong><br />

<span>+371 29958178</span></p>

            <p><strong>Режим работы:</strong><br />

Будние дни: с 9:00 до 18:00 <br /> 

Суббота, Воскресенье - выходные  </p>

        </div>

И,что прописал в CSS:

.head-contact p{ 

	font-size:12px; font-family:Verdana, Geneva, sans-serif;

	line-height:1.3;

	margin:0px 0px 3px 0px;

}

.head-contact p strong{

    font-size:14px; font-weight:normal;

}


.head-contact p span{

	font-size:21px; font-weight: bold;

}

Суть проблемы : не получается выделить ЖИРНЫМ шрифтом сам телефон.
Что касается самих цветов текста - это еще не прописывал.

Уже пол часа ищу где что не так... Никак не могу найти. Подскажите,кто понимает в чем тут проблема.

Заранее благодарю.

Попробуйте добавить сюда

.head-contact p span{

   font-size:21px; font-weight: bold;display:block;

}

ну и можно попробовать добавить !important к размеру шрифта и жирности.

TitokR,к сожалению, не помогло. Не знаю,не первый раз уже с таким сталкиваюсь... Раньше все работало,как писал выше. Сейчас же во всех браузерах какой-то глюк... Что за аномалия :?:

Заметил,что

.head-contact p span{

   font-size:21px; 

   font-weight: bold;

}

Вообще не реагирует на

<span>+371 29958178</span>

Прописал размер шрифта 221px - ничего не изменилось. Где в коде какая-то ошибка? Подскажите народ,битый час ломаю голову над этим...

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

Как временный выход можешь взять телефон в зголовок <h1></h1>

<div class="head-contact"

           <p><strong>Телефон:</strong><br />

<h1>+371 29958178</h1></p>

            <p><strong>Режим работы:</strong><br />

Будние дни: с 9:00 до 18:00 <br />

Суббота, Воскресенье - выходные  </p>

        </div>

Допиши !important
скорее всего у тебя наследуются свойства родительского класса

Цитата ("TitokR"):

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

Вот,держите: ссылка


И ещё такой косяк... Форма поиска "косит" , как-то не по стандарту все идет...
Снимок:ссылка


Надеюсь,что сможете помочь. Заранее огромное спасибо!

vicodin, куда его нужно,на твой взгляд,дописать?

Ребят,никто из присутствующих так и не заметил в чем проблема?

Цитата ("Grep"):

Вот,держите: ]http://yadi.sk/d/_ptylom2evmfj

Вы посмотрите куда пишете css для .head-contact p span, оно даже не в параграфе находится. Закройте div с .head-contact по нормальному.
">" пропустили)
у вас так <div class="head-contact"
а надо <div class="head-contact">

Цитата ("Vlad03"):

Цитата ("Grep"):

Вот,держите: ]http://yadi.sk/d/_ptylom2evmfj

Вы посмотрите куда пишете css для .head-contact p span, оно даже не в параграфе находится. Закройте div с .head-contact по нормальному.
">" пропустили)
у вас так <div class="head-contact"
а надо <div class="head-contact">

"Вы посмотрите куда пишете css для .head-contact p span, оно даже не в параграфе находится."
Разве не верно расставил :

.head-contact{

	float:right; /*Чтоб находился с права*/

	background:#f8fafb url(images/phone-img.jpg) 250px 8px no-repeat;

	border:2px solid #edf2f6;

	border-radius:0px 0px 10px 10px;

	text-align:right;

	margin:0px 6px 0px 0px;

	padding:5px 65px 5px 15px;


}

.head-contact p{ /*для всего текста,в заключенных тегах <p>текст</p>*/ 

	font-size:12px; font-family:Verdana, Geneva, sans-serif;

	line-height:1.3; /*интервал между строчками*/

	margin:0px 0px 3px 0px;

}

.head-contact p strong{

    font-size:14px; 

	font-weight:normal;

}


.head-contact p span{

   font-size:21px; 

   font-weight: bold;

}

А куда тогда нужно прописать класс .head-contact p span ? Вроде верно,раз работает.

А за пропущенную скобку в закрытии тега - ОГРОМНОЕ СПАСИБО. Теперь класс заработал))

П.с. Тот то думаю,что раньше вроде все работало,а сейчас какой-то бред.


А не подскажите из-за чего ещё поисковик перекошен? То есть,кнопка не там где нужно. Ее я ещё не разу не переставлял местами (не было такой необходимости),где это подправить можно?

Vlad03, согласен. просто не закрыт тег с классом head-contact. Если закрыть тег - все работает. По поводу формы - я так понял нужно сделать

.search-head li{

	float:left;

}

вместо

.search-head li{

	float:right;

}

Ребят. Всем большое спасибо за помощь!

П.с. На таких глупых местах запаролся....