ok.. thanks... ------ Siva
On Tue, Nov 2, 2010 at 5:29 PM, Jesudas Nadar <[email protected]> wrote: > you can...if i free ..i will sure help you.. > > > > On Tue, Nov 2, 2010 at 5:58 PM, Siva Jayaprakash <[email protected]>wrote: > >> can i ask you when i have any doubts in css (via personal mail)? >> >> >> On Tue, Nov 2, 2010 at 4:38 PM, Jesudas Nadar <[email protected]>wrote: >> >>> 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] >>> >> >> -- >> -- >> 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]
