Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Simple HTML Table-formatting question

Posted on 2010-11-18
2
Medium Priority
?
213 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 1

Accepted Solution

by:
maxelfox earned 2000 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

718 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