Wygląd nagłówka artykułu

[strona]

Witam

Chcę zrobić wygląd nagłówka tak jak na stronie: link

Zastosowałem następujący kod:

background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DEE5EB;
color: #000000;
font-size: 2px;
font-weight: bold;
line-height: 22px;
margin: 0 0 12px;
padding: 2px;
text-align: center;

Pokazuje mi się obramowanie, ale nie mam tła niebieskiego z biały obramowaniem...

Co robię źle? Jakiego kodu tutaj brakuję?

[nikszal]

Uściślij swoje oczekiwania, bo nie wiem, czy chodzi Ci o niebieski pasek z menu, czy o tło slidera?

Podaj link do swojej strony, na której chcesz dokonać przeróbek.

[strona]

Wejdź jeszcze raz na tą stronę zjedź na dół strony. Tam bd artykuły podzielone na 3 kolumny i właśnie mi chodzi o wygląd nagłówków tych artykułów, które są w tych kolumnach. Stronę robię na localhost.

---------- Post dodany o 13:58 ---------- Poprzedni post był o 13:47 ----------

Chodzi mi o niebieskie tło tytułu artykułu z BIAŁĄ otoczką.

[nikszal]

#contentNew .erpSubSectorMenu h3 {
background-color: #FFF;
background-image: none;
border: 1px solid #DEE5EB;
margin-bottom: 12px;
padding: 2px;
}

#contentNew .erpSubSectorMenu h3 a.text {
background-color: #F5F9FB;
display: block;
padding: 0 5px;
}

Nie wiem w jaki sposób chcesz to zaimplementować u siebie, bo nie ma dwóch jednakowych szablonów.

[strona]

Dobra udało mi się prawie wszystko zrobić: tylko nie mam tej białej otoczki po między obramowaniem nagłówka a tłem. Czyli obramowanie nagłówka i jeszcze potem dodatkowa biała otoczka i dopiero potem to tło niebieskie. Tylko nie wiem jak zrobić tą białą otoczkę...

background: none repeat scroll 0 0 #F5F9FB;
display: block;
padding: 0 5px;
border: 1px solid #DEE5EB;
color: #000000;
font-size: 2px;
font-weight: bold;
line-height: 22px;
margin: 0 0 12px;
padding: 2px;
text-align: center;

[nikszal]

background: none repeat scroll 0 0 #F5F9FB;
display: block;
padding: 0 5px;
border: 1px solid #DEE5EB;
color: #000000;
font-size: 2px;
font-weight: bold;
line-height: 22px;
margin: 0 0 12px;
padding: 2px;
text-align: center;

Strzeliłeś babola jak stąd do Ameryki. Nie może być 2 razy padding w jednej deklaracji. O pozostałych problemach możemy podyskutować, gdy będę je widział.

[zwiastun]

Gdy deklaracja jest dwukrotnie, nic się nie dzieje. Mamy tylko nadmiarowy kod. Ale gdy deklaracja zawiera w tej samej regule różne wartości, to jest albo babol albo bałaganiarstwo... A skutki czasem opłakane. I tak jest, oczwywiście, w tym przypadku, na co wskazuje @nikszal.

[strona]

Usunąłem padding: 0 5px; i żadnych zmian...

[nikszal]

Wrzuć tę stronę na jakiś serwer wirtualny, choćby na cba.pl, bo moja szklana kula stłukła się i nie potrafię o tego momentu zbyt abstrakcyjnie myśleć.

[loocek]

Jak napisał wcześniej @Nikszal są tam deklaracje dla nagłówka "H3" i znacznika "a" czyli linku w nagłówku H3 i pewnie dlatego nie masz "tej białej otoczki..."
Prawdopodobnie powinno u Ciebie wyglądać to tak:

.item-page h2 {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #DEE5EB;
    margin-bottom: 12px;
    padding: 2px;
}

.item-page h2 a {
    background-color: #F5F9FB;
    display: block;
    padding: 0 5px;
}