Как в шапке сайта на текст наложить прозрачный затемненный прямоугольник

голоса: 0

Как  на надпись ООО "РемЭталон" Профессиональный ремонт квартир    

и Наши контакты : 8(495)9116841 8(985)6107676
8(985)6107744

наложить прозрачные прямоугольники как на этом сайте - http://lucky-rem-stroy.ru
Адрес сайта remetalon.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: webanet
Спасибо большое в шапке текст выделился, толко номера телефонов ушли влево, не подскажите как их сместить назад вправо
Удалите то что вы поставили раньше, и сделайте так как написано ниже.

Ответов: 1

Голоса: +1
 
Лучший ответ
Здесь в ксс выставьте ширину в 320px

#sitelogo {
color: #FFFFFF;
font: 700 33px "Arial";
padding: 50px 0px 0px 40px;
width: 310px;
}

И добавьте в ксс это

#sitelogo > span {
background-color: rgba(128, 128, 128, 0.600);
display: block;
}
где значении 0.600 это прозрачность.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

как-то так должно быть:

#sitelogo > span {
color:#fff!important;     
background-color: rgba(111, 108, 108, 0.6);
display: block;
border-radius:5px;
padding:5px;

}
#sitelogo { 
color: #FFFFFF;
font: 700 33px "Arial";
padding: 50px 0px 0px 40px;
width: 330px;
margin:0 10px;
}

вы внесли правики и с первого ответа и с второго, а нужно было лишь с одного с текущего, удалите все лишнее и класс <div class="log"></div> и стили к нему
...