Tutorials to .com

Tutorials to .com » Website » Dhtml » DIV + CSS in the UL, LI use of

DIV + CSS in the UL, LI use of

Print View , by: iSee ,Total views: 8 ,Word Count: 243 ,Date: Wed, 26 Aug 2009 Time: 10:13 AM

Doing navigation bar or product catalog of styles used in bad habits from time to time ul, rounded doing so I also like the graphics, they can be used to minimize reduction of the applied DIV. But there are several areas need to css control, or will appear on the left side will appear empty lot.

The following are landing window CSS code, in order to avoid nested DIV, so the use of the DIV. Began to be defined not on the ul, ul li only be defined, the results left a great deal of empty space separated, it seems lazy is not enough .

#login{
width:217px;
height:150px;
margin:0;
padding:0;
border:#ff0000 solid 1px;
}
#login ul {
list-style:none;
margin:0px;
padding:0px;
}
#login ul li{
margin:0;
padding:0;
}
#login #log_t{
width:217px;
height:36px;
background:url('log_t.jpg') no-repeat;
}
#login #log_m{
width:217px;
height:63px;
background:url('log_m.jpg') no-repeat;
}
#login #log_b{
width:217px;
height:49px;
background:url('log_b.jpg') no-repeat;
}

Today, found that the best set up ul li padding and margin values, or IE and FIREFOX is set by default.


DHTML/HTML Tutorial Articles


Can't Find What You're Looking For?


Rating: Not yet rated

Comments

No comments posted.