[css] Nagłowki graficzne newsów

[dx626]

Witam

Potrzebuję waszej pomocy w css
chciałbym zapisać w nim opcje nagłówka kategorii
mam przypisaną standardowo w każdym oknie ten blankiet

w css

Kod:

.newscat {
    clear: both;
    color: #ffffff;
    width: 520px;
    height: 56px;
    background-image: url(../lokalizacja_tego_elementu.jpg);
    padding-top: 24px;
    padding-left: 20px;
}

w Htmlu

Kod:

<div class="newscat"> </strong> </div>

a chciałbym zrobić coś takiego iż na inne panele nagłówki tekstu wyświetlało inny banerek
tzn w htmlu bym w class wpisywał inna nazwę z css i by mi to wyświetlało

lecz jeśli zrobię coś takiego:
wklejam pod tamten kod z css

w css

Kod:

.aktualnosci {
    clear: both;
    color: #ffffff;
    width: 520px;
    height: 56px;
    background-image: url(../lokalizacja_tego_elementu2.jpg);
    padding-top: 24px;
    padding-left: 20px;
}

i htmlu

Kod:

<div class="aktualnosci"> </strong> </div>

to tego elementu mi nie wyświetla ktoś wie czemu??? plik graficzny jest załadowany więc co nie pasuję proszę o pilną pomoc
cos w stylu css mam pewnie zle bo nie znam sie na css'ie

pozdrawiam

[Labsta.com]

Mam pytanie. Ten

Kod:

</strong>

To co to ma być? Pewnie on powoduje problem. Z jakiego powdu tam jest?

[dx626]

szczerze mówiąc sam nie wiem bo to szablon gotowy był od kolegi
ale poszukam początku morze tego

[Labsta.com]

Początku być nie może.
Wywal te strongi i będzie dobrze, jeśli reszta jest spoko.

[dx626]

strong wyszedł od napisu skasowałem ale nadal podobny problem tylko teraz że wyświetla
newscat zamiast aktualności chociaż podałem "aktualności" w htmlu

[Labsta.com]

Nie ma już żadnych </strong>?
To może wklej kod html.

[dx626]

Kod:

<div class="aktualnosci"></div>

[pRzemo]

Na pewno gdzieś zrobiłeś błąd. Jeżeli ścieżka do pliku z tłem jest prawidłowa to pewnie namieszane masz coś w kodzie html. Najepiej wklej cały to może coś rozkmninimy.

A poza tym lepiej byś zrobił gdybyś nie powtarzał tych samych wartości w kilku klasach jednocześnie.
Lepszy sposób:

Kod:

.newscat {
    clear: both;
    color: #ffffff;
    width: 520px;
    height: 56px;
    padding-top: 24px;
    padding-left: 20px;
}

.tytul0 { background-image: url(../lokalizacja_tego_elementu0.jpg); }
.tytul1 { background-image: url(../lokalizacja_tego_elementu1.jpg); }
.tytul2 { background-image: url(../lokalizacja_tego_elementu2.jpg); }

A potem tylko:

Kod:

<div class="newscat tytul1">Tytul #1</div>

lub

Kod:

<div class="newscat tytul2">Tytul #2</div>

Itd...

[dx626]

już doszedłem po prostu pliki jak zapisywał program graficzny to rozszerzenie było .PNG
a ja wpisywałem.png ^^ głupia sprawa a tyle problemu
dzięki Panowie za pomoc temat do sunięcia