welcome On Tue, Nov 2, 2010 at 5:08 PM, Siva Jayaprakash <[email protected]>wrote:
> now i fixed all issues. very thanks for support.. > > ------ > Siva > > > On Tue, Nov 2, 2010 at 3:50 PM, Jesudas Nadar <[email protected]> wrote: > >> do not use height >> >> LI will be block already >> >> the child element label and input will be float left >> >> with proper width and margin. >> >> you have clear the LI for that you have to use clearfix css in li like >> this "<li class="clearfix"></li>. >> >> for label give margin-top:8px approx and and input don't need any margin >> or padding. >> >> If you need any space apply padding for LI and and need space between to >> LI apply margin bottom or margin top as per your requirement. >> >> now you output looks good.. jst label alignment now proper.. >> >> >> >> >> On Tue, Nov 2, 2010 at 4:15 PM, Siva Jayaprakash <[email protected]>wrote: >> >>> margin-bottom? Here i attached the SS.. Check it and let me know. >>> >>> thanks, >>> Siva >>> >>> >>> On Tue, Nov 2, 2010 at 3:38 PM, Jesudas Nadar <[email protected]>wrote: >>> >>>> give margin bottom for LI >>>> >>>> >>>> >>>> >>>> On Tue, Nov 2, 2010 at 3:59 PM, Siva Jayaprakash >>>> <[email protected]>wrote: >>>> >>>>> The bottom-padding is not wroking.. other than that it is seems to be >>>>> good.. >>>>> >>>>> thanks, >>>>> Siva >>>>> >>>>> >>>>> On Tue, Nov 2, 2010 at 3:10 PM, Jesudas Nadar <[email protected]>wrote: >>>>> >>>>>> try this >>>>>> >>>>>> >>>>>> <style> >>>>>> #signup_form ul { margin:0 0 0 0; padding:0; } >>>>>> #signup_form li {list-style-type:none;margin:0; padding:15px 10px >>>>>> 15px 10px; background:#e0dcdc url("../images/borderBg.png") repeat-x >>>>>> bottom; >>>>>> } >>>>>> #signup_form li.title { background:#f5f2f2 >>>>>> url("../images/borderBg.png") repeat-x bottom;} >>>>>> #signup_form li label { float:left; width:180px; text-align:right; >>>>>> font-weight:bold; font-size:13px; margin:0px 0 0 0; } >>>>>> #signup_form li input {float:left; width:380px; margin:0 0 0 >>>>>> 10px; height:26px; background:url("../images/inputBg.png") repeat-x top; >>>>>> border:1px solid #b1aeae; } >>>>>> .clearfix:after { >>>>>> clear:both; >>>>>> content:'.'; >>>>>> display:block; >>>>>> visibility:hidden; >>>>>> height:0; >>>>>> } >>>>>> .clearfix { >>>>>> display:block; >>>>>> } >>>>>> >>>>>> </style> >>>>>> >>>>>> <ul id="signup_form"> >>>>>> <li class="clearfix"> >>>>>> <label>fsdfds</label><input type="text" /> >>>>>> </li> >>>>>> <li class="clearfix"> >>>>>> <label>fsdfds</label><input type="text" /> >>>>>> </li> >>>>>> <li class="clearfix"> >>>>>> <label>fsdfds</label><input type="text" /> >>>>>> </li> >>>>>> >>>>>> </ul> >>>>>> >>>>>> >>>>>> >>>>>> Jesudas Nadar >>>>>> Front End Devloper >>>>>> >>>>>> Tel : +91 22 6528 0130 >>>>>> Mobile : +91 9833 7660 70 >>>>>> Email : [email protected] >>>>>> [email protected] | www.jesudas.me >>>>>> >>>>>> >>>>>> >>>>>> On Tue, Nov 2, 2010 at 3:24 PM, Siva Jayaprakash < >>>>>> [email protected]> wrote: >>>>>> >>>>>>> here is ma code: >>>>>>> >>>>>>> #signup_form ul { margin:0 0 0 0; padding:0; list-style:none;} >>>>>>> #signup_form li { float:none; margin:0; padding:15px 10px 15px 10px; >>>>>>> background:#e0dcdc url("../images/borderBg.png") repeat-x bottom; >>>>>>> overflow:hidden; } >>>>>>> #signup_form li.title { background:#f5f2f2 >>>>>>> url("../images/borderBg.png") repeat-x bottom;} >>>>>>> #signup_form li label { float:left; width:180px; text-align:right; >>>>>>> font-weight:bold; font-size:13px; margin:8px 0 0 0; } >>>>>>> #signup_form li input {float:left; width:380px; margin:0 0 0 >>>>>>> 10px; height:26px; background:url("../images/inputBg.png") repeat-x top; >>>>>>> border:1px solid #b1aeae; } >>>>>>> >>>>>>> ------ >>>>>>> Siva >>>>>>> >>>>>>> On Tue, Nov 2, 2010 at 2:33 PM, Jesudas Nadar >>>>>>> <[email protected]>wrote: >>>>>>> >>>>>>>> if you can so me code i can fix if you wish. >>>>>>>> >>>>>>>> Jesudas Nadar >>>>>>>> Front End Devloper >>>>>>>> >>>>>>>> Tel : +91 22 6528 0130 >>>>>>>> Mobile : +91 9833 7660 70 >>>>>>>> Email : [email protected] >>>>>>>> [email protected] | www.jesudas.me >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> On Tue, Nov 2, 2010 at 2:59 PM, Siva Jayaprakash < >>>>>>>> [email protected]> wrote: >>>>>>>> >>>>>>>>> Hi, >>>>>>>>> Thanks for help. But the margin value is 0 now. >>>>>>>>> >>>>>>>>> ------ >>>>>>>>> Siva >>>>>>>>> >>>>>>>>> >>>>>>>>> On Tue, Nov 2, 2010 at 1:49 PM, Jesudas Nadar <[email protected] >>>>>>>>> > wrote: >>>>>>>>> >>>>>>>>>> Hi shiva, >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> You Li have margin >>>>>>>>>> >>>>>>>>>> just reset you LI margin 0 or margin-bottom:0; >>>>>>>>>> >>>>>>>>>> regards, >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> Jesudas Nadar >>>>>>>>>> Front End Devloper >>>>>>>>>> >>>>>>>>>> Tel : +91 22 6528 0130 >>>>>>>>>> Mobile : +91 9833 7660 70 >>>>>>>>>> Email : [email protected] >>>>>>>>>> [email protected] | www.jesudas.me >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> On Tue, Nov 2, 2010 at 2:10 PM, Siva Jayaprakash < >>>>>>>>>> [email protected]> wrote: >>>>>>>>>> >>>>>>>>>>> Hi friends, >>>>>>>>>>> >>>>>>>>>>> I have a problem with <li> tag in IE7. All modern >>>>>>>>>>> browsers supprt my code except IE7 and lower. There is some strange >>>>>>>>>>> gap >>>>>>>>>>> between the LI tags. Here i attached the Screen shot. Please check >>>>>>>>>>> with the >>>>>>>>>>> SS and let me know the solution. >>>>>>>>>>> >>>>>>>>>>> thanks in advance, >>>>>>>>>>> Siva >>>>>>>>>>> >>>>>>>>>>> -- >>>>>>>>>>> -- >>>>>>>>>>> You received this because you are subscribed to the "Design the >>>>>>>>>>> Web with CSS" at Google groups. >>>>>>>>>>> To post: [email protected] >>>>>>>>>>> To unsubscribe: [email protected] >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> -- >>>>>>>>>> -- >>>>>>>>>> You received this because you are subscribed to the "Design the >>>>>>>>>> Web with CSS" at Google groups. >>>>>>>>>> To post: [email protected] >>>>>>>>>> To unsubscribe: [email protected] >>>>>>>>> >>>>>>>>> >>>>>>>>> -- >>>>>>>>> -- >>>>>>>>> You received this because you are subscribed to the "Design the Web >>>>>>>>> with CSS" at Google groups. >>>>>>>>> To post: [email protected] >>>>>>>>> To unsubscribe: [email protected] >>>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> -- >>>>>>>> You received this because you are subscribed to the "Design the Web >>>>>>>> with CSS" at Google groups. >>>>>>>> To post: [email protected] >>>>>>>> To unsubscribe: [email protected] >>>>>>>> >>>>>>> >>>>>>> -- >>>>>>> -- >>>>>>> You received this because you are subscribed to the "Design the Web >>>>>>> with CSS" at Google groups. >>>>>>> To post: [email protected] >>>>>>> To unsubscribe: [email protected] >>>>>> >>>>>> >>>>>> -- >>>>>> -- >>>>>> You received this because you are subscribed to the "Design the Web >>>>>> with CSS" at Google groups. >>>>>> To post: [email protected] >>>>>> To unsubscribe: [email protected] >>>>>> >>>>> >>>>> -- >>>>> -- >>>>> You received this because you are subscribed to the "Design the Web >>>>> with CSS" at Google groups. >>>>> To post: [email protected] >>>>> To unsubscribe: [email protected] >>>>> >>>> >>>> -- >>>> -- >>>> You received this because you are subscribed to the "Design the Web with >>>> CSS" at Google groups. >>>> To post: [email protected] >>>> To unsubscribe: [email protected] >>>> >>> >>> -- >>> -- >>> You received this because you are subscribed to the "Design the Web with >>> CSS" at Google groups. >>> To post: [email protected] >>> To unsubscribe: [email protected] >>> >> >> -- >> -- >> You received this because you are subscribed to the "Design the Web with >> CSS" at Google groups. >> To post: [email protected] >> To unsubscribe: [email protected] >> > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
