Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table Problems

Status
Not open for further replies.
rb74

rb74

Programmer
May 5, 2002
64
US
Hi,

Merry Christmas!

I have been struggling with this for the past two days, and I can't relax until I figure this out. I am converting a page from ASP to ASP.Net using VB. My problem is the formatting of my page. Please view my problem -
I am using pretty much the same formatting for other pages for the site. For instance there is a login page where the login and password textboxes are positioned in a table under the navigation table on the left side. These textboxes do not cause the table layout to become screwed up.

So in the top image, you will see the page with a blank center area where I need to place a questionnaire. The first part of the questinnaire, the user must select a module the questionnaire will pertain to. When I add a bound drop down list into the center space within a new table the positioning of the page gets screwed up and causes the page to become wider when there isn't any need because there is sufficient space available for the drop down list to fit. (See second screenshot)

This might seem trivial, but when I add the questions below the drop down list, I am using radio button lists and when I add them the page starts to become even wider when there isn't a need because there is sufficient white space. (BTW, in my classic asp version of the page, everything fits w/o scrolling)

Any ideas?

Thanks,

Rob [santa]
 
Sort by date Sort by votes
Rob -

Can you send the html? Looks like a colspan problem; hard to say, with the html can test it on this end.
 
Upvote 0 Downvote
Isadore,

I thought the same thing too, and I wiped out all of my code and entered it manually one piece at a time, alas nothing showed up. But the only thing I can think of is when you view below, the hidden field below the form tag titled "__VIEWSTATE" has a value that is a mile long. Here is the HTML when the source is viewed -

[tt]

<html>
<head>
<title>Welcome</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;../excel.css&quot;>

</head>
<body topmargin=&quot;0&quot; leftmargin=&quot;0&quot;>

<table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; height=&quot;100%&quot;>
<tr valign=&quot;top&quot;>
<td valign=&quot;top&quot;>
<table width=&quot;100%&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr bgcolor=&quot;#88AA92&quot;>
<td colspan=&quot;3&quot; class=&quot;tfirstline&quot; align=&quot;right&quot;><span id=&quot;lblDate&quot;>Dec 25, 2003</span></td>
</tr>
<tr>
<td><img src=&quot;../Graphics/excel_top_left.gif&quot; width=&quot;300&quot; height=&quot;85&quot;></td>
<td width=&quot;100%&quot; background=&quot;../Graphics/excel_top_middle.gif&quot;></td>
<td><img src=&quot;../Graphics/excel_top_right.gif&quot; width=&quot;185&quot; height=&quot;85&quot;></td>
</tr>
<tr>
<td colspan=&quot;3&quot;>
<table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;5&quot;>
<tr valign=&quot;top&quot;>
<td width=&quot;166&quot;><img src=&quot;../Graphics/nav_spacer&quot; width=&quot;5&quot; height=&quot;1&quot; align=&quot;left&quot;>
<table border=1 width=&quot;161&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; align=&quot;left&quot;>
<tr>
<td><!-- begin nav table -->
<table border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;left&quot; width=&quot;161&quot;>
<tr>
<td width=&quot;11&quot; height=&quot;20&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_header_tl.gif&quot; height=&quot;20&quot; width=&quot;11&quot; border=&quot;0&quot;></td>
<td width=&quot;139&quot; height=&quot;20&quot; class=&quot;navheader&quot; colspan=&quot;2&quot; background=&quot;../Graphics/nav_header_title_test.gif&quot;>Menu</td>
<td width=&quot;11&quot; colspan=&quot;2&quot; height=&quot;20&quot;><img src=&quot;../Graphics/nav_header_tr.gif&quot; height=&quot;20&quot; width=&quot;11&quot;></td>
</tr>
<tr>
<td width=&quot;1&quot; background=&quot;../Graphics/lgreen.gif&quot;><img src=&quot;file:///C|/Inetpub/ width=&quot;1&quot; border=&quot;0&quot;></td>
<td width=&quot;10&quot;><img src=&quot;../Graphics/spacer2.gif&quot; height=&quot;8&quot; width=&quot;10&quot; border=&quot;0&quot;></td>
<td width=&quot;100%&quot; class=&quot;main&quot; colspan=&quot;2&quot;>

<table width=&quot;100%&quot; border=&quot;1&quot; cellspacing=&quot;5&quot; cellpadding=&quot;0&quot;>
<tr>
<td width=&quot;9&quot;><img src=&quot;../Graphics/arrow.gif&quot; height=&quot;8&quot; width=&quot;9&quot;></td>
<td><a href=&quot;../index.aspx&quot; class=&quot;nav&quot;>Home</a></td>
</tr>
<tr>
<td width=&quot;9&quot;><img src=&quot;../Graphics/arrow.gif&quot; height=&quot;8&quot; width=&quot;9&quot;></td>
<td><a href=&quot;../about/index.aspx&quot; class=&quot;nav&quot;>About</a></td>
</tr>
<tr>
<td width=&quot;9&quot;><img src=&quot;../Graphics/arrow.gif&quot; height=&quot;8&quot; width=&quot;9&quot;></td>
<td><a href=&quot;index.aspx&quot; class=&quot;nav&quot;>Current Candidates</a></td>
</tr>
<tr>
<td width=&quot;9&quot;><img src=&quot;../Graphics/arrow.gif&quot; height=&quot;8&quot; width=&quot;9&quot;></td>
<td><a href=&quot;../faculty/index.aspx&quot; class=&quot;nav&quot;>Faculty</a></td>
</tr>
</table>
</td>
<td width=&quot;10&quot;><img src=&quot;../Graphics/spacer2.gif&quot; height=&quot;8&quot; width=&quot;10&quot; border=&quot;0&quot;></td>
<td width=&quot;1&quot; background=&quot;../Graphics/lgreen.gif&quot;><img src=&quot;../Graphics/spacer2.gif&quot; width=&quot;1&quot; border=&quot;0&quot;></td>
</tr>
<tr>
<td height=&quot;11&quot; width=&quot;11&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_table_bl.gif&quot; height=&quot;11&quot; width=&quot;11&quot;></td>
<td height=&quot;11&quot; valign=&quot;bottom&quot; background=&quot;../Graphics/nav_table_bottom.gif&quot; colspan=&quot;2&quot;></td>
<td height=&quot;11&quot; width=&quot;11&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_table_br.gif&quot; height=&quot;11&quot; width=&quot;11&quot;></td>
</tr>
</table>
<!-- end nav table -->
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;left&quot; width=&quot;161&quot;>
<tr>
<td width=&quot;11&quot; height=&quot;20&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_header_tl.gif&quot; height=&quot;20&quot; width=&quot;11&quot; border=&quot;0&quot;></td>
<td width=&quot;139&quot; height=&quot;20&quot; class=&quot;navheader&quot; colspan=&quot;2&quot; background=&quot;../Graphics/nav_header_title_test.gif&quot;>Login</td>
<td width=&quot;11&quot; colspan=&quot;2&quot; height=&quot;20&quot;><img src=&quot;../Graphics/nav_header_tr.gif&quot; height=&quot;20&quot; width=&quot;11&quot;></td>
</tr>
<tr>
<td width=&quot;1&quot; background=&quot;../Graphics/lgreen.gif&quot;><img src=&quot;../Graphics/spacer2.gif&quot; width=&quot;1&quot; border=&quot;0&quot;></td>
<td width=&quot;10&quot;><img src=&quot;../Graphics/spacer2.gif&quot; height=&quot;8&quot; width=&quot;10&quot; border=&quot;0&quot;></td>
<td width=&quot;100%&quot; class=&quot;main&quot; colspan=&quot;2&quot;>
<table width=&quot;100%&quot; border=&quot;1&quot; cellspacing=&quot;5&quot; cellpadding=&quot;0&quot;>
<tr>
<td><a href=&quot;logout.aspx&quot; class=&quot;nav2&quot;>Logout</a></td>
</tr>
<tr>
<td><a href=&quot;change_pw.aspx&quot; class=&quot;nav2&quot;>Change my password</a></td>
</tr>
</table>
</td>
<td width=&quot;10&quot;><img src=&quot;../Graphics/spacer2.gif&quot; height=&quot;8&quot; width=&quot;10&quot; border=&quot;0&quot;></td>
<td width=&quot;1&quot; background=&quot;../Graphics/lgreen.gif&quot;><img src=&quot;../Graphics/spacer2.gif&quot; width=&quot;1&quot; border=&quot;0&quot;></td>
</tr>
<tr>
<td height=&quot;11&quot; width=&quot;11&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_table_bl.gif&quot; height=&quot;11&quot; width=&quot;11&quot;></td>
<td height=&quot;11&quot; valign=&quot;bottom&quot; background=&quot;../Graphics/nav_table_bottom.gif&quot; colspan=&quot;2&quot;></td>
<td height=&quot;11&quot; width=&quot;11&quot; colspan=&quot;2&quot;><img src=&quot;../Graphics/nav_table_br.gif&quot; height=&quot;11&quot; width=&quot;11&quot;></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td>
<!-- Stuff for form entered here -->
<form name=&quot;_ctl0&quot; method=&quot;post&quot; action=&quot;inst_mod_eval.aspx&quot; id=&quot;_ctl0&quot;>
<input type=&quot;hidden&quot; name=&quot;__VIEWSTATE&quot; value=&quot;dDwyMDQ2Mjg4NjMzO3Q8O2w8aTwxPjs+O2w8dDw7bDxpPDM+Oz47bDx0PHQ8O3A8bDxpPDA+O2k8MT47aTwyPjtpPDM+O2k8ND47aTw1PjtpPDY+O2k8Nz47aTw4PjtpPDk+O2k8MTA+O2k8MTE+O2k8MTI+O2k8MTM+O2k8MTQ+O2k8MTU+O2k8MTY+O2k8MTc+O2k8MTg+O2k8MTk+O2k8MjA+O2k8MjE+O2k8MjI+O2k8MjM+O2k8MjQ+O2k8MjU+O2k8MjY+O2k8Mjc+O2k8Mjg+O2k8Mjk+O2k8MzA+Oz47bDxwPEktMSBBIFZpc2lvbiBmb3IgTGVhZGluZyAmIExlYXJuaW5nOzE+O3A8SS0xQSBQcmluY2lwbGVzIG9mIEJhc2ljIFNjaG9vbCBMYXc7Mj47cDxJLTIgVXNpbmcgRGF0YSB0byBEcml2ZSBTY2hvb2wgSW1wcm92ZW1lbnQ7Mz47cDxJLTMgVGhlIFNjaG9vbCBJbXByb3ZlbWVudCBQcm9jZXNzOiBGb2N1c2luZyBvbiBTdHVkZW50IExlYXJuaW5nOzQ+O3A8SS0zQSBVc2luZyBBY3Rpb24gUmVzZWFyY2ggaW4gdGhlIFNjaG9vbCBJbXByb3ZlbWVudCBQcm9jZXNzOzU+O3A8SS00IFRlY2hub2xvZ3kgZm9yIFZpc2lvbmFyeSBTY2hvb2wgTGVhZGVyczs2PjtwPEktNEEgVGVjaG5vbG9neSBTa2lsbCBTZXQgKE1TIFBvd2VyUG9pbnQgMSAmIDIpOzc+O3A8SS00QiBUZWNobm9sb2d5IFNraWxsIFNldCAoTVMgRXhjZWwgMSAmIDIpOzg+O3A8SS00QyBUZWNobm9sb2d5IFNraWxsIFNldCAoSW5zcHJpYXRpb24gMSAmIDIpOzk+O3A8SS0xIEV4YW1pbmluZyBMZWFkZXJzaGlwIFByYWN0aWNlOiBSZXNpZGVuY3k7Mjk+O3A8SS0yIEV4YW1pbmluZyBMZWFkZXJzaGlwIFByYWN0aWNlOiBHdWlkZWQgSW5xdWlyeTszMD47cDxJSS0xIEV4YW1pbmluZyBMZWFkZXJzaGlwIFByYWN0aWNlOiBHdWlkZWQgSW5xdWlyeSAmIFJlc2VhcmNoOzMxPjtwPElJLTEgQ3JlYXRpbmcgJiBTdXN0YWluaW5nIGEgQ3VsdHVyZSAmIEVudmlyb25tZW50IGZvciBMZWFybmluZzsxMD47cDxJSS0xQSBDcmVhdGluZyBhIFNhZmUgJiBPcmRlcmx5IFNjaG9vbCBFbnZpcm9ubWVudCBmb3IgTGVhcm5pbmc7MTE+O3A8SUktMiBJbXByb3ZpbmcgSW5zdHJ1Y3Rpb25hbCBQcm9ncmFtcyAmIExlYXJuaW5nIGZvciBBbGwgU3R1ZGVudHM7MTI+O3A8SUktMkEgU3BlY2lhbCBFZHVjYXRpb247MTM+O3A8SUktMkIgU3R1ZGVudCBEaXZlcnNpdHksIFNlY29uZCBMYW5ndWFnZSBBY3F1aXNpdGlvbi9FbmdsaXNoIExhbmd1YWdlIExlYXJuZXJzOzE0PjtwPElJLTJDIFN0YW5kYXJkcy1CYXNlZCBDdXJyaWN1bHVtICYgSW5zdHJ1Y3Rpb25hbCBQcmFjdGljZTsxNT47cDxJSS0zIEltcHJvdmluZyBJbnN0cnVjdGlvbiBhbmQgUHJvZmVzc2lvbmFsIFBlcmZvcm1hbmNlOzE2PjtwPElJSS0xIEVuZ2FnaW5nIEZhbWlseSBhbmQgQ29tbXVuaXR5IFN1cHBvcnQgZm9yIFN0dWRlbnQgTGVhcm5pbmc7MTc+O3A8SVYtMSBPcmdhbml6aW5nICYgTWFuYWdpbmcgdGhlIExlYXJuaW5nIENvbW11bml0eTsxOD47cDxJVi0yIEZhY2lsaXRpZXMgJiBGaXNjYWwgTWFuYWdlbWVudCBmb3IgTGVhcm5pbmcgQ29tbXVuaXRpZXM7MTk+O3A8Vi0xIEV4YW1pbmluZyBMZWFkZXJzaGlwIFByYWN0aWNlOiBHdWlkZWQgSW5xdWlyeTsyMD47cDxWLTIgRXhhbWluaW5nIExlYWRlcnNoaXAgUHJhY3RpY2U6IFNjaG9vbC1CYXNlZCBJbnRlcm5zaGlwOzIxPjtwPFZJLTEgRXhhbWluaW5nIEluc3RydWN0aW9uYWwgJiBTdXBlcnZpc29yeSBQcmFjdGljZTogR3VpZGVkIElucXVpcnkgJiBJbnRlcm5zaGlwOzIyPjtwPFZJLTIgSW5zdHJ1Y3Rpb25hbCBTdXBlcnZpc2lvbiAmIEV2YWx1YXRpb247MjM+O3A8VklJLTEgU3RhbmRhcmRzLUJhc2VkIEN1cnJpY3VsdW0sIEluc3RydWN0aW9uLCAmIEFzc2Vzc21lbnQ7MjQ+O3A8VklJSS0xIEV4YW1pbmluZyBMZWFkZXJzaGlwIFByYWN0aWNlOiBHdWlkZWQgSW5xdWlyeTsyNT47cDxWSUlJLTIgRXhhbWluaW5nIExlYWRlcnNoaXAgUHJhY3RpY2U6IFNjaG9vbC1CYXNlZCBJbnRlcm5zaGlwOzI2PjtwPElYLTEgRXhhbWluaW5nIExlYWRlcnNoaXAgUHJhY3RpY2U6IEd1aWRlZCBJbnF1aXJ5OzI3PjtwPElYLTIgRXhhbWluaW5nIExlYWRlcnNoaXAgUHJhY3RpY2U6IENTQSBJbnRlcm5zaGlwOzI4Pjs+Pjs+Ozs+Oz4+Oz4+Oz7YMXuaID0PRtncDF6Gyx3MZHAjHQ==&quot; />

<table border=&quot;1&quot; width=&quot;100%&quot;>
<tr>
<td class=&quot;evallabel&quot;>Module:
<select name=&quot;ddlModules&quot; id=&quot;ddlModules&quot; class=&quot;main&quot;>
<option value=&quot;1&quot;>I-1 A Vision for Leading & Learning</option>
<option value=&quot;2&quot;>I-1A Principles of Basic School Law</option>
<option value=&quot;3&quot;>I-2 Using Data to Drive School Improvement</option>
<option value=&quot;4&quot;>I-3 The School Improvement Process: Focusing on Student Learning</option>
<option value=&quot;5&quot;>I-3A Using Action Research in the School Improvement Process</option>
<option value=&quot;6&quot;>I-4 Technology for Visionary School Leaders</option>
<option value=&quot;7&quot;>I-4A Technology Skill Set (MS PowerPoint 1 & 2)</option>
<option value=&quot;8&quot;>I-4B Technology Skill Set (MS Excel 1 & 2)</option>
<option value=&quot;9&quot;>I-4C Technology Skill Set (Inspriation 1 & 2)</option>
<option value=&quot;29&quot;>I-1 Examining Leadership Practice: Residency</option>
<option value=&quot;30&quot;>I-2 Examining Leadership Practice: Guided Inquiry</option>
<option value=&quot;31&quot;>II-1 Examining Leadership Practice: Guided Inquiry & Research</option>
<option value=&quot;10&quot;>II-1 Creating & Sustaining a Culture & Environment for Learning</option>
<option value=&quot;11&quot;>II-1A Creating a Safe & Orderly School Environment for Learning</option>
<option value=&quot;12&quot;>II-2 Improving Instructional Programs & Learning for All Students</option>
<option value=&quot;13&quot;>II-2A Special Education</option>
<option value=&quot;14&quot;>II-2B Student Diversity, Second Language Acquisition/English Language Learners</option>
<option value=&quot;15&quot;>II-2C Standards-Based Curriculum & Instructional Practice</option>
<option value=&quot;16&quot;>II-3 Improving Instruction and Professional Performance</option>
<option value=&quot;17&quot;>III-1 Engaging Family and Community Support for Student Learning</option>
<option value=&quot;18&quot;>IV-1 Organizing & Managing the Learning Community</option>
<option value=&quot;19&quot;>IV-2 Facilities & Fiscal Management for Learning Communities</option>
<option value=&quot;20&quot;>V-1 Examining Leadership Practice: Guided Inquiry</option>
<option value=&quot;21&quot;>V-2 Examining Leadership Practice: School-Based Internship</option>
<option value=&quot;22&quot;>VI-1 Examining Instructional & Supervisory Practice: Guided Inquiry & Internship</option>
<option value=&quot;23&quot;>VI-2 Instructional Supervision & Evaluation</option>
<option value=&quot;24&quot;>VII-1 Standards-Based Curriculum, Instruction, & Assessment</option>
<option value=&quot;25&quot;>VIII-1 Examining Leadership Practice: Guided Inquiry</option>
<option value=&quot;26&quot;>VIII-2 Examining Leadership Practice: School-Based Internship</option>
<option value=&quot;27&quot;>IX-1 Examining Leadership Practice: Guided Inquiry</option>
<option value=&quot;28&quot;>IX-2 Examining Leadership Practice: CSA Internship</option>

</select></td>
</tr>
</table>
</form>
<!-- Stuff for form ends here -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr valign=&quot;bottom&quot;>
<td background=&quot;../Graphics/address_bottom.gif&quot; class=&quot;address_bottom&quot; height=&quot;20&quot;>
<table width=&quot;550&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr>
<td class=&quot;address_bottom&quot; align=&quot;center&quot;> </td>
<td class=&quot;address_bottom&quot; align=&quot;center&quot;> </td>
<td class=&quot;address_bottom&quot; align=&quot;center&quot;> </td>
<td class=&quot;address_bottom&quot; align=&quot;center&quot;> </td>
<td class=&quot;address_bottom&quot; align=&quot;center&quot;> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>


[/tt]

Thanks,

Rob [santa]
 
Upvote 0 Downvote
Rob --

Carried out a little process of elimination. Starting with the ddl I found that after adding &quot;ing&quot; on Focusing (option 4) the &quot;push&quot; outward began. I duplicated this effect with the table around the ddl by adding a width; thereby elminating the ddl as the cause. I worked each table upward until I elmininated the &quot;100%&quot; width in the middle background <td>:

<tr>
<td><img src=&quot;../Graphics/excel_top_left.gif&quot; width=&quot;300&quot; height=&quot;85&quot;></td>
<td background=&quot;../Graphics/excel_top_middle.gif&quot;></td>
<td><img src=&quot;../Graphics/excel_top_right.gif&quot; width=&quot;185&quot; height=&quot;85&quot;>
</td>
</tr>

Once that 100% was eliminated, the &quot;effect&quot; disappeared. I'd go with the actual dimensions of the image there, and drop 100%, and see if that does it. If you can't duplicate this post back. Hope you're having a good Xmas.
 
Upvote 0 Downvote
Isadore,

Thanks gor your help. You are right about removing the 100% from the middle table cell. After I removed that attribute, I then placed those graphics within another table in that cell, and I was able to have the middle graphic stretch across the remainder space of the screen.

I am having another problem with a multi-line textbox, but I am going to try a few things first.

Thanks again and I hope you and your family had a wonderful xmas.

Rob
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

engsalah2018
  • Locked
  • Question
How to get label text from table reference on database based on TableName and FieldName
Replies
2
Views
332
jbenson001
jbenson001
Halliarse
  • Locked
  • Question
Multi File Retreival from SQL table
Replies
1
Views
125
jbenson001
jbenson001
XgrinderX
  • Locked
  • Question
MVC Newbie - Get Team Name Using ID in Another Table
Replies
0
Views
71
XgrinderX
XgrinderX
SGLong
  • Locked
  • Question
Hiding a HTML table in code
Replies
3
Views
97
jbenson001
jbenson001
Mingas
  • Locked
  • Question
copying existing database table
Replies
1
Views
59
Mingas
Mingas

Part and Inventory Search

Sponsor

Back
Top