Click here to Skip to main content
11,701,948 members (64,463 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS
Hi
I have HTML and CSS structure like this, in that i need to group the UL below LI(id=files) as single block, but its showing as sub menu. help me to solve this problem. thanks

CSS:
#dockRight
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 100;
    background-color: #f0f0f0;
    right: 0px;
}
#dockRight  li
{
    width: 40px;
    height: 120px;
    margin: 0 0 1px 0;
    background-color: red;
    background-repeat: no-repeat;
    background-position: left center;
}
#dockRight  li:hover ul
{
    display: block;
}
#dockRight  li ul
{
    position: absolute;
    top: 0px;
    left: -180px;
    z-index: -1;
    width: 180px;
    display: none;
    background-color: #F1F1F1;
    border: solid 1px #969696;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
HTML:
<ul id="dockRight">
    <li id="files">
        <ul class="free">
            <li class="header"><a href="#" class="dock">Dock</a>
Posted 18-Jul-12 0:55am
Comments
Sandeep Mewara at 18-Jul-12 14:32pm
   
Not clear.
Tadit Dash at 18-Jul-12 18:10pm
   
Tell us what exactly you want to do ?
You can give us a link for any image, which can show your requirement ....
That would be great.
Ashishbhatt007 at 9-May-14 6:33am
   
Please clear your question.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 314
1 Sergey Alexandrovich Kryukov 310
2 Maciej Los 280
3 Mika Wendelius 119
4 So_Keeee 100
0 OriginalGriff 8,324
1 Sergey Alexandrovich Kryukov 7,422
2 CPallini 4,912
3 Maciej Los 4,196
4 Mika Wendelius 3,556


Advertise | Privacy | Mobile
Web02 | 2.8.150819.1 | Last Updated 18 Jul 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100