Css Help

[lolliman]

[font=arial, sans-serif][size=3]In that main menu..when user click on main menu let think home item and child1.1 and child1.2 showsup and there if user wanna goto child1.2 then both the main menu home and and submenu item child1.2 should be highlighted and if user moves the cursor then both main menu and sub menu should stay ..it means should not disappear. [/size][/font]

[lolliman]

no one

[tom bhayya]

first dhi idhey naa nuvvu cheppedhi http://shingokko.com/resource/blog-entry/pure-css-hover-menu/hover-menu-sample-working.htm?ver=2

[SudhirKumar]

LTT

[lolliman]

[quote name='Alexander' timestamp='1357844044' post='1303085797']
first dhi idhey naa nuvvu cheppedhi [url="http://shingokko.com/resource/blog-entry/pure-css-hover-menu/hover-menu-sample-working.htm?ver=2"]http://shingokko.com...rking.htm?ver=2[/url]
[/quote]

ala kaadu baa... child item click chesthee.. parent and child active(highlight) avvali.. oka velaa mouseout ayina kooda still menu list alane vundai

[tom bhayya]

[quote name='lolliman' timestamp='1357844753' post='1303085896']

ala kaadu baa... child item click chesthee.. parent and child active(highlight) avvali.. oka velaa mouseout ayina kooda still menu list alane vundai
[/quote]
mouse out tharavatha chudham andhukey first req anna.. child item click chesina parent item highlighted ey undhi kadhaa aa link lo

[iTeachSAP]

Help this lolli man

[minnu]

[lolliman]

[quote name='Alexander' timestamp='1357844863' post='1303085912']
mouse out tharavatha chudham andhukey first req anna.. child item click chesina parent item highlighted ey undhi kadhaa aa link lo
[/quote]

baa ee link chhoodu ila kaavali and sub menu kooda horizontal gaa ne vuntadi

http://blog.huidesign.com/wp-content/demo/highlight_navigation/childNav/camera.html

[lolliman]

[quote name='iTeachSAP' timestamp='1357846414' post='1303086108']
Help this lolli man
[/quote]
[quote name='minnu' timestamp='1357846538' post='1303086126']

[/quote]

thank you guys

[CQ5_DEV]

[quote name='lolliman' timestamp='1357844753' post='1303085896']
ala kaadu baa... child item click chesthee.. parent and child active(highlight) avvali.. oka velaa mouseout ayina kooda still menu list alane vundai
[/quote]
if using jquery,
highlight:
jQuery('selector").bind("click", function() {
menu ante i assume u are using li
change color of li with fade time
change color of li.parent() with fade time
});

ni li ki mouseenter function raayi to open child items. dont write anything for mouseleave

jQuery("selector").mouseenter(function() {
show child item
});

simpul

[lolliman]

[quote name='CQ5_DEV' timestamp='1357846873' post='1303086160']
if using jquery,
highlight:
jQuery('selector").bind("click", function() {
menu ante i assume u are using li
change color of li with fade time
change color of li.parent() with fade time
});

ni li ki mouseenter function raayi to open child items. dont write anything for mouseleave

jQuery("selector").mouseenter(function() {
show child item
});

simpul
[/quote]

edo correct gaane cheppinattunav gaani naaku ekkaledu baaa


naa code kinda isthunnaa ekkada change cheyyali koncham cheppu pleaasee

[color=#ff8c00]css file:[/color]


[color=#ff8c00]#navMenuDiv {
text-align: center;
width: 100%;
height: 58px;
overflow:hidden;
}



#navMenu {

margin:0;
padding:0;
height:58px;


}

#navMenu ul {
margin:0;
padding:0;
position:relative;
line-height:30px;
}

#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
width:300px;
background:#999;
}

#navMenu ul li a {
text-align:center;
font-family:'Times New Roman';
text-decoration:none;
width:300px;
height:27px;
display:block;
color:#fff;
border:1px solid #fff;

}

#navMenu ul li ul{
position:absolute;
visibility:hidden;
display:inline;
top:29px;
left:0px;


}

#navMenu ul li ul li{

display:inline;
list-style-type:none;
}

#navMenu ul li:hover ul {
visibility:visible;
}


#navMenu li:hover {
background:#09f;
}

#navMenu ul li:hover ul li a:hover {
background:#ccc;
color: #000;
}

#navMenu a:hover {
color: #000;
}
[/color][color=#FF8C00]
[/color][b]html file:[/b]

[color=#000000]<div id="navMenuDiv"> [/color]
<div id="navMenu">
<ul>
<li><a href="#">Home</a>
<ul id="c1">
<li><a href="#">Child1.1</a></li>
<li><a href='#'>Child1.2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">IPF</a>
<ul>
<li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/IPF/PatientAdmission.aspx">Inpatient Admission</asp:HyperLink></li>
<li><a href='#'>Child2.2</a></li>
<li><a href='#'>Child2.3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Parent3</a>
<ul>
<li><a href="#">Child3.1</a></li>
<li><a href='#'>Child3.2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Parent4</a>
<ul>
<li><a href="#">Child4.1</a></li>
<li><a href='#'>Child4.2</a></li>
<li><a href='#'>Child4.3</a></li>
<li><a href='#'>Child4.4</a></li>
</ul>
</li>
</ul>
</div>
</div>

[tom bhayya]

[quote name='lolliman' timestamp='1357846829' post='1303086157']
baa ee link chhoodu ila kaavali and sub menu kooda horizontal gaa ne vuntadi

[url="http://blog.huidesign.com/wp-content/demo/highlight_navigation/childNav/camera.html"]http://blog.huidesig...Nav/camera.html[/url]
[/quote]
some thing like this http://devinrolsen.com/wp-content/themes/dolsen/demos/css/css-hover-fix/WORKS.html

[CQ5_DEV]

[quote name='lolliman' timestamp='1357847561' post='1303086263']

edo correct gaane cheppinattunav gaani naaku ekkaledu baaa


naa code kinda isthunnaa ekkada change cheyyali koncham cheppu pleaasee

[color=#ff8c00]css file:[/color]


[color=#ff8c00]#navMenuDiv {
text-align: center;
width: 100%;
height: 58px;
overflow:hidden;
}



#navMenu {

margin:0;
padding:0;
height:58px;


}

#navMenu ul {
margin:0;
padding:0;
position:relative;
line-height:30px;
}

#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
width:300px;
background:#999;
}

#navMenu ul li a {
text-align:center;
font-family:'Times New Roman';
text-decoration:none;
width:300px;
height:27px;
display:block;
color:#fff;
border:1px solid #fff;

}

#navMenu ul li ul{
position:absolute;
visibility:hidden;
display:inline;
top:29px;
left:0px;


}

#navMenu ul li ul li{

display:inline;
list-style-type:none;
}

#navMenu ul li:hover ul {
visibility:visible;
}


#navMenu li:hover {
background:#09f;
}

#navMenu ul li:hover ul li a:hover {
background:#ccc;
color: #000;
}

#navMenu a:hover {
color: #000;
}[/color]

[b]html file:[/b]

[color=#000000]<div id="navMenuDiv"> [/color]
<div id="navMenu">
<ul>
<li><a href="#">Home</a>
<ul id="c1">
<li><a href="#">Child1.1</a></li>
<li><a href='#'>Child1.2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">IPF</a>
<ul>
<li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/IPF/PatientAdmission.aspx">Inpatient Admission</asp:HyperLink></li>
<li><a href='#'>Child2.2</a></li>
<li><a href='#'>Child2.3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Parent3</a>
<ul>
<li><a href="#">Child3.1</a></li>
<li><a href='#'>Child3.2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Parent4</a>
<ul>
<li><a href="#">Child4.1</a></li>
<li><a href='#'>Child4.2</a></li>
<li><a href='#'>Child4.3</a></li>
<li><a href='#'>Child4.4</a></li>
</ul>
</li>
</ul>
</div>
</div>
[/quote]

ni code inka easy ga undi. wait..

[CQ5_DEV]

ardhamaindi kaani ippudu akkada only css use cheyala
javascript kuda use cheyacha?