Change height to odd rows using CSS & jQuery -


i have table 3 columns. second column needs have no styling. that, every other row needs no styling , height of 20px. i'd directly jquery. in jsfiddle example 2nd row height height want alternate rows (20px), can't without setting class height 0px , applying class directly tags. can please help? (i hope i'm being clear). thanks!

my example in jsfiddle here. [http://jsfiddle.net/squirc77/g6gkq/]

first off don't need add height styling rows interfere jquery styling rid of

height: 85px; 

in

#tbl_notice td { border: 1px solid #f2f2f2; width: 400px; height: 85px; vertical-align:middle; background: transparent url(images/fieldsetbglg.png) repeat-x; } 

you don't need line.

#tbl_notice tr td.oddrow{height:0px;} 

just make sure rid of no break spaces (nbsp; in odd rows , in middle column prevents making rows , columns whatever height , width wish.

after these changes jquery code should work fine.

here jsfiddle changes made.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -