Dawid Kaleta

Dawid Kaleta Informatyk,
handlowiec,
marketing, reklama,
telekomunikacja

Temat: Problem z menu

Witam od niedawna eksperymentuje z joomla dokładniej z wer. 1.7
Stworzyłem sobie menu w joomla 7 pozycji, pola nie są równe. Do diva podpiąłem styl. Problemem jest to że podczas zwiększania i zmniejszania widoku strony przy pomocy suwaka z Opery, menu się rozjeżdża, i nie bardzo widać separator. Jak to naprawić?
CSS:
#menuGornePolozenie {
position:absolute;
left:148px;
top:170px;
width:1000px;
height:44px;
}
.menu1 ul, ul li {
display: block;
list-style: none;
margin: 0 ;
padding:0;
font-family: Arial;
font-size: 12px;

}

.menu1 ul {
float: left;

}

.menu1 ul li {
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/separator2.png");
float: left;


}

.menu1 ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
color: #fff;
height: 20px;
padding: 12px 15px ;
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCz.png");
}

.menu1 ul a:hover, ul a:active {

background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCze.png");

}
---------------------------
i php :
<DIV ID="menuGornePolozenie" class="menu1">
<jdoc:include type="modules" name="menu"/>
</DIV>
Dawid Kaleta

Dawid Kaleta Informatyk,
handlowiec,
marketing, reklama,
telekomunikacja

Temat: Problem z menu

ok. sam sobie dałem radę.
Adrian Szczepański

Adrian Szczepański ...nieskończeni
niczym niebo i
ziemia.

Temat: Problem z menu

Dawid Kaleta:
ok. sam sobie dałem radę.

Zatem może zostaw ślad dla potomności i podaj rozwiązanie.
Dawid Kaleta

Dawid Kaleta Informatyk,
handlowiec,
marketing, reklama,
telekomunikacja

Temat: Problem z menu

.menu1 ul, ul li {
display: block;
list-style: none outside none;
margin: 0 ;
padding:0;
font-family: Arial;
font-size: 12px;
font-weight : bold;
}

.menu1 ul li {
float: left;
white-space: nowrap;
background-repeat: no-repeat;
padding: 0px 1px;
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/separator2.png");
}

.menu1 ul a:link, ul a:visited {
text-decoration: none;
display: block;
color: #fff;
height: 20;
padding: 14px 13px ;
background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCz.png");
}

.menu1 ul a:hover {

background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCze.png");
height: 20;

}
.menu1 a:active {

background-image: url("/dawid.kaleta/j/templates/mojszablon/images/tloCze.png");
height: 20;
}
pod spód dodałem tło koloru menu więc nie widać jak przy zmniejszaniu ciut się cofa. Próbowałem zakąbinować z active żeby po kliknięciu w daną pozycję menu została podświetlona / wyróżniona do czasu kliknięcia następnej. Ale chyba muszę doczytać.Bo można to zrobić w html podobno bez J.script. Pozdrawiam.

Następna dyskusja:

Problem z podświetlanym menu




Wyślij zaproszenie do