html - How to prevent CSS block elements from affecting parent inline-blocks -



html - How to prevent CSS block elements from affecting parent inline-blocks -

i having issue elements within inline-block parent. kid elements of 1 affecting other. tough explain easy see in fiddle, div on right beingness pushed down.

i have tried various things, sure there simple solution. advice appreciated.

http://jsfiddle.net/62asy/

html:

<div id="schedule"> <div class="schedulechoice">leagues <select name="leaguelist" id="leaguelist" class="schedulechoicelist"> <option value="0">select league</option> <option value="leagueid_246"> aassss</option> <option value="leagueid_245"> aaa</option> </select> <select name="teamlist" id="teamlist" class="schedulechoicelist"> </select> <div class="schedulechoicesubmit">submit</div> </div> <div class="schedulechoice">arena <select name="arenalist" id="arenalist" class="schedulechoicelist"> <option value="0">select arena</option> <option value="arenaid_2"> ffffff</option> <option value="arenaid_1"> ffffff</option> </select> <div class="schedulechoicesubmit">submit</div> </div> </div>

css:

#schedule { background-color: rgba(0, 0, 0, 0.44); overflow: hidden; text-align: center; } .schedulechoice { display: inline-block; width: 25%; background-color: rgba(190, 216, 255, 0.54); height: 200px; padding: 5px; border-radius: 5px; margin: 20px 25px; } .schedulechoicelist { width: 200px; padding: 5px; border-radius: 4px; display: block; margin: 10px auto; }

add vertical align top

.schedulechoice { vertical-align: top; }

edited fiddle

http://jsfiddle.net/62asy/1/

html css

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more