html - Create drop down menu without ul inside li -

-

i want create drop down menu faced problem:

actually want create without making <ul> tag inside <li> tag code :

<!doctype html> <html> <head> <meta charset=utf-8 /> <title>js bin</title> </head> <body>   <ul>     <li><a>coffee</a></li>       <ul><li><a>coffee 2</a></li></ul>     <li><a>tea</a></li>     <li><a>milk</a></li> </ul>  </body> </html>

and css code : 

ul {     font-family: arial, verdana;     font-size: 14px;     margin: 0;     padding: 0;     list-style: none;     z-index: 1; } ul li {     display: block;     position: relative;     float: left; } li ul {     display: none; } ul li {     display: block;     text-decoration: none;     color: #ffffff;     border-top: 1px solid #ffffff;     padding: 5px 15px 5px 15px;     background: #1e7c9a;     margin-left: 1px;     white-space: nowrap; } ul li a:hover { background: #3b3b3b; } li:hover ul {     display: block;     position: absolute; } li:hover li {     float: none;     font-size: 11px; } li:hover { background: #3b3b3b; } li:hover li a:hover {     background: #1e7c9a; }

you can see coffee 2 not dropdown should coffe menu please me without making <ul> tag inside <li>.

jsbin link : http://jsbin.com/evasof/1/edit

here go:

<ul>     <li class="dpdwn"><a>coffee</a><div><a>coffe 2</a></div></li>     <li><a>tea</a></li>     <li><a>milk</a></li> </ul>

extra css: 

.dpdwn div{     display: none; } .dpdwn:hover div {     display:block; }

demo

but in opinion should use ul inside li. here's example:

<ul>     <li class="dpdwn"><a>coffee</a>         <ul>             <li><a>coffe 2</a></li>         </ul>     </li>     <li><a>tea</a></li>     <li><a>milk</a></li> </ul>

that same css:

    .dpdwn ul{     display: none; } .dpdwn:hover ul {     display:block; }

demo2


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more