Simple HTML Table-formatting question

I would like to make the slider (the middle column) bigger (ideally about twice as big)

I changed the following line
<COLGROUP span="5" width="120"> to <COLGROUP span="7" width="120">
and the line

<TD  colspan="1"><div id="slider"></div></TD> to
<TD  colspan="3"><div id="slider"></div></TD>

But nothing changes!

What am I doing wrong?

Thanks!
<TABLE class="blocks">
						<COLGROUP span="5" width="120">
						<TR>	
							<TD></TD>
							<TD>Part One <INPUT TYPE="text" id="PER_1" value="100" onblur="javascript:updatePer2AndSlider()" class="Form30" label="Per1">%</TD>
							<TD  colspan="1"><div id="slider"></div></TD>
							<TD>Part Two <INPUT TYPE="text" id="PER_2" value="0" onblur="javascript:updatePer1AndSlider()"  class="Form30" label="Per2">%</TD>
							<TD></TD>
						</TR>	
						</TABLE>

Open in new window

LVL 2
gordontmAsked:
Who is Participating?
 
maxelfoxCommented:
I think you problem migth be in the css of the DIV...

This site migth help you: http://www.htmlcodetutorial.com/tables/_TD_COLSPAN.html
0
 
gordontmAuthor Commented:
I think you're right....
I deleted this JQuery code
<style type="text/css">
    #slider { margin: 10px; }
  </style>
and it now works....
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.