Solved

Simple HTML Table-formatting question

Posted on 2010-11-18
2
208 Views
Last Modified: 2012-08-13
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

0
Comment
Question by:gordontm
2 Comments
 
LVL 1

Accepted Solution

by:
maxelfox earned 500 total points
ID: 34163474
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
 
LVL 2

Author Comment

by:gordontm
ID: 34163576
I think you're right....
I deleted this JQuery code
<style type="text/css">
    #slider { margin: 10px; }
  </style>
and it now works....
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
HTML and CSS for a complex page 20 62
Bootstrap css to change alignment without using padding 3 50
Synchronizing CSS load 3 29
Form Processing in PHP 11 32
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now