[jack5on]

Mircy bawię się w ostatnio trochę w HTML i CSS :D Podoba mi się to, spędzam sporo czasu na nauce i aktualnie robię jedną z pierwszych swoich stronek. Napotkałem pewien problem i siedzę nad nim już drugi dzień. Nie chciałbym iśc dalej dopóki sobie z tym nie poradzę i może chcielibyście mi trochę pomóc.

Szybko przedstawię o co chodzi. Mam na stronie 3 różne menu. Jedno wiadomo w nawigacji, drugie w stopce i teraz robię trzecie, które jest w podstronie i ma służyć wybieraniu konkretnej oferty. Wszystkie te menu mają różne style. Dwa pierwsze działają super, bez zastrzeżeń, problem jest z tym ofertowym. Mianowicie chodzi o to, że nie działa klasa, która odpowiada za wskazywanie która obecnie oferta jest wybrana. Próbowałem już wszystkich kombinacji na zasadzie chybił trafił ;) i nic.

Wstawiam kod i mam nadzieje, że nie zjedziecie mnie za bardzo za ewentualne gafy.

Aha, wstawie kod wszystkich trzech menu bo może coś się gryzie albo nie wiem. Wiem, że klasa .active z pierwszego menu jest zrobiona dokładnie tak samo jak ta z trzeciego i ta pierwsza działa a druga nie :/ z góry dzięki za podpowiedzi. Pozdro.

Pierwsze menu HTML:

* HOME

* O nas

* Oferta

* Sklepy

* Kontakt

Styl do niego:

#menu a{

display:block;

width:75px;

height:80px;

float:left;

text-decoration:none;

text-align:center;

color:#000;

font-family:Calibri;

font-size:18px;

position:relative;

top:40px;

left:530px;

line-height:75px;

}

#menu ul, #menu li{

float:left;

list-style: none;

}

#menu a:hover{

background-color:#ededed;

border-bottom:5px;

border-bottom-style:solid;

border-bottom-color:#e64241;

}

#menu ul, #menu li a.active{

background-color:#ededed;

border-bottom:5px;

border-bottom-style:solid;

border-bottom-color:#e64241;

}

Drugie menu HTML:

##### Mapa Strony

* Strona Główna

* O nas

* Oferta

* Sklepy

* Kontakt

I styl:

#footermenu a{

display:block;

width:150px;

height:40px;

text-decoration:none;

color:#000;

font-family:Calibri;

font-size:20px;

font-weight:400;

color: #70706a;

}

#footermenu li{

list-style:none;

}

#footermenu a:hover{

color:#000;

}

Trzecie menu HTML (nie działa klasa .offeractive):

* ![](img/menu img1 img.png)Ciasta

* ![](img/menu img2img.png)Pieczywo

* ![](img/menu img3img.png)Bułki

* ![](img/menu img4img.png)Ciastka

I styl:

#offermenu a{

float:left;

}

#offermenu ul, #offermenu li {

float:left;

list-style:none;

position:relative;

right:30px;

filter:alpha(opacity=50);

opacity: 0.5;

-moz-opacity:0.5;

}

#offermenu ul, #offermenu li:hover{

float:left;

filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;

}

#offermenu ul, #offermenu li a.offeractive{

float:left;

filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;

}

#css

[cool_de_luxe]

@jack5on: to pytanie na dzienną a nie nocną ( ¬_¬)

[justarandomdude]

@jack5on: wstaw na http://jsfiddle.net/ i wklej link

[m_bielawski]

@jack5on: najlpierw nadajesz opacity: 0.5 na - , a potem opacity: 1 na . Jak chcesz zmieniać style, to musisz na tym samym elemencie :) Przenieś tę klasę offer_active na - .

[jack5on]

@justarandomdude: pierwszy raz tego używam, nie wiem czy dobrze zrobiłem :)

http://jsfiddle.net/06zhpujq/

[jack5on]

@m_bielawski: to ma sens. Zaraz popróbuje :)

[jack5on]

@justarandomdude: dodałem teraz kod html trzeciego menu bo za pierwszym razem zapomniałem :/

edit:

@justarandomdude: działa. Pomogło przeniesienie klasy na - tak jak napisał @m_bielawski:

Dzięki Panowie. Ale to było proste :P

[justarandomdude]

@jack5on: Ciesz się że działa. W razie problemów pisz.