Ono što želim je da prilikom prelaska mišem na bilo koji element drugog nivoa ostane promenjena boja i ćelije (parenta) prvog nivoa (s obzirom da se ona vraća na prvobitnu boju kada je pointer miša napusti) i da tako ostane sve dok je pointer na bilo kom elementu tog podmenija. Da li je to izvodljivo samo putem HTML i CSS-a?
Evo CSS-a tog vertikalnog menija:
Code:
#menivert ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
#menivert ul li {
position: relative;
left: -1px;
color: #000000;
top: 0px;
list-style-position: inside;
}
#menivert li ul {
position: absolute;
left: 151px;
display: none;
top: -1px;
z-index: 20;
}
#menivert ul li a {
display: block;
color: #000000;
padding: 5px;
}
#menivert li:hover ul {
display: block;
}
#menivert A:hover {
background-color:#D1D7DE;
font-weight: bold;
}
#menivertkid A:hover {
background-color:#D3C0CE;
font-weight: bold;
}
#menivert ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
#menivert ul li {
position: relative;
left: -1px;
color: #000000;
top: 0px;
list-style-position: inside;
}
#menivert li ul {
position: absolute;
left: 151px;
display: none;
top: -1px;
z-index: 20;
}
#menivert ul li a {
display: block;
color: #000000;
padding: 5px;
}
#menivert li:hover ul {
display: block;
}
#menivert A:hover {
background-color:#D1D7DE;
font-weight: bold;
}
#menivertkid A:hover {
background-color:#D3C0CE;
font-weight: bold;
}
i deo HTML-a :
Code (html):
<div id="menivert";>
<ul>
<li><a href="#" class="style6">neki tekst</a></li> //ćelija menija/
<li><a href="#" class="style6">neki tekst</a> //[b]ćelija menija - ova da ne menja boju kada je pointer
na bilo kojoj ćeliji podmenija![/b]/
<div id="menivertkid";>
<ul>
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
</ul>
</div>
</li>
</div>
<div id="menivert";>
<ul>
<li><a href="#" class="style6">neki tekst</a></li> //ćelija menija/
<li><a href="#" class="style6">neki tekst</a> //[b]ćelija menija - ova da ne menja boju kada je pointer
na bilo kojoj ćeliji podmenija![/b]/
<div id="menivertkid";>
<ul>
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
<li><a href="#" class="style7">neki tekst</a></li> /ćelija podmenija/
</ul>
</div>
</li>
</div>
Pretpostavljam da sam previše zakomplikovao ali ponavljam - početnik sam.
Da iskoristim temu za još jedno pitanje - rešio sam sve probleme centriranja, prikaza u različitim rezolucijama (zahvaljujući ovom forumu) ali jedini problem koji mi pravi IE 8.0 je da prilikom otvaranja strane u vrhu izbacuje poruku:
"To help protect your security, IE has restricted this webpage from running scripts or ActiveX controls that could access your computer. Click here for options..."
Dovoljno je ugasiti tu poruku i sve radi normalno ali me nervira i kako se taj problem otklanja?
moderator: dodati [code][/code] tagovi
[Ovu poruku je menjao Aleksandar Ružičić dana 13.12.2010. u 17:44 GMT+1]