Solved

Simple HTML Table-formatting question

Posted on 2010-11-18
2
207 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

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…

747 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

16 Experts available now in Live!

Get 1:1 Help Now