Wyszczególnienie pozycji menu menu

[frater]

Witam
Chciałem wyszczególnić jedną zakładkę (powęszyć i zmienić tło) w menu poziomym
wiec walnąłem do css nasypujące linijki kodu:



class="item39"
{ display: block; text-align: center; white-space: nowrap; height: 60px; width: 180px; overflow: hidden; line-height: 20px; background-image: url('../images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #DC8F09;}


Jednak po wlepieniu tego zero reakcji? Co źle zrobiłem;p

[mboy]

hehe, a ty znasz składnię CSS ? Takie podstawy, których uczą na 2-3 lekcji. Nie dziw się, ze nie działa, skoro ci się książek nie chciało czytać.

na górze powinno być
.item39 { } !

[frater]

fakt, pomysliłem się przy pisaniu tutaj, w kodzie miałem prawidłowo. Jednak jak zmieniam grafikę tła w taki sposob





.item39{


background-image: url('../images/subitem123.png');

}




to, nie ma żadnego efektu. wh?

[a_m]

do kosza leci, jak nie dasz linku

[frater]

Podaje link (zakładka - cytaty matematyczne):
http://matematyka.konin.pl/



(http://matematyka.konin.pl/)

[frater]

podbijam gdyz bardzo mi zalezy

[nikszal]

Kod masz podany wyżej. Jeszcze tylko musisz zrobić jedną drobnostkę - zmienić w dwa kolory obrazka url("../images/menuitem.png"); bo tło tej pozycji menu jest graficzne.

[frater]

wiec zrobiłem, w css wpisałem

.item39{ background-color: red; background-image: url('../images/menuitem1.png');
}

gdzie menuitem1.png to zmodyfikowana do moich potrzeb kopia menuitem.png, jednak to nie działa...

[nikszal]

Może coś tam wpisałeś, ale chyba nie dokładnie to samo. Ja widzę tylko tyle

.item39
{
background-color: red;
}

[frater]

ok, zobacz teraz. Za po prostu gdy zobaczyłem ze to nie działa, cofnołem do poprzedniego stanu

[nikszal]

Wpisz ten kawałek kodu na końcu arkusza, a nie na początku.

[frater]

niestety brak reakcji

[a_m]

masz ten wpis, ale to jest tło dla elementu li i jest ono zasłaniane przez tła elementów span
dopisz jeszcze coś takiego

.art-menu .item39 a .l, .art-menu .item39 a .r, .art-menu .item39 a .t {
background:none transparent;
color:red
}


a ten swój wpis zamień na:


.art-menu li.item39 {
background-color: red;
background-image: url("../images/menuitem1.png");
}

[frater]

no ok, teraz mam efekt prawie jaki chciałem tylko tło mi wcieło...
wiec zamieniłem


.art-menu .item39 a .l, .art-menu .item39 a .r, .art-menu .item39 a .t {
background:url('../images/menuitem.png');
color:red
}
.item39{
background-color: red;
background-image: url('../images/menuitem.png');
}


Co dało mi dziwny efekt, czemu nie widac normalnie?

[a_m]

ale co Ty włąściwie chcesz zrobić zmienić tło i kolor?

jak tak to kolor:

.art-menu .item39 a .t{
color:red
}

a jak tło to robisz na podstawie obrazka menuitem.png swój menuitem2.png - w takich kolorach jak chcesz + dopisujesz

.item39 .art-menu a .r, .item39 .art-menu a .l {
background-image: url("../images/menuitem2.png");
}

i chyba powinno wystarczyć




.item39 {

background-color: red;
background-image: url("../images/menuitem.png");


}



ten wpis w sumie jest bez sensu bo tło uszyte z koloru nie będzie widoczne, gdyż obrazkowe zajmuje cały obszar, nie jest przeźroczyste więc zasłoni kolor

[frater]

chodziło mi tylko o zmiane tła obrazka dla jednego przypadku, wiec wstawiłem


.item39 .art-menu a .r, .item39 .art-menu a .l {background-image: url("../images/menuitem2.png");
}

utworzyłem plik "menuitem2.png" wrzuciłem go na serwa
i całkowity brak efektu...

[a_m]

.item39 .art-menu a .r, .item39 .art-menu a .l {
background-image: url("../images/menuitem2.png");
}

tak napisałem? to źle napisałem; sorry



.art-menu li.item39 a .r, .art-menu li.item39 a .l {
background-image: url("../images/menuitem2.png");
}

coś mi się w pośpiechu poprzestawiało

[frater]

ok, działa:)
a co zrobić aby dodatkowo wytłusicić tekst w tym item39?

[a_m]

http://www.w3schools.com/cssref/pr_font_weight.asp

[frater]

Dziękuje za pomoc panowie:)