471,078 Members | 830 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,078 software developers and data experts.

Cells resize

This is going to be hard to explain so please bear with me. I have a
webpage that contains one big table that I want to enclose everything
in. The table is broken up into 2 main rows. One contains my GIF
banner. The second row contains two columns. The first column contains
8 subrows and the second column spans the 8 subrows. When I add a
table to my second column and resize it it resizes the rows in the
second column. How can I make it so putting something in the second
column doesn't effect the first column? Is there a way to lock a row?
Here is my code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>index</title>
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
<STYLE type="text/css"> A:link { TEXT-DECORATION: none }
A:visited { TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }
BODY { SCROLLBAR-FACE-COLOR: buttonface; SCROLLBAR-HIGHLIGHT-COLOR:
#999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-ARROW-COLOR:
#999999; SCROLLBAR-TRACK-COLOR: buttonface;
SCROLLBAR-DARKSHADOW-COLOR: black; SCROLLBAR-BASE-COLOR: buttonface }
</STYLE>
</HEAD>
<body bgColor="buttonshadow">
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" style="WIDTH: 71.85%; HEIGHT: 645px"
cellSpacing="4" borderColorDark="#000000" cellPadding="0"
borderColorLight="#000000" border="1" frame="box">
<TR>
<TD style="HEIGHT: 118px" vAlign="top" colSpan="2"><IMG
src="images/menu.gif"></TD>
</TR>
<TR>
<TD style="WIDTH: 18.25%; HEIGHT: 20px" vAlign="top"><IMG
src="images/basicinfo.gif"></TD>
<TD vAlign="top" align="middle" bgColor="#ffffff"
rowSpan="8"></TD>
</TR>
<TR>
<TD style="HEIGHT: 47px" bgColor="#000000"></TD>
</TR>
<TR>
<TD style="WIDTH: 20px; HEIGHT: 20px" valign="top"><IMG alt=""
src="images/movies.gif"></TD>
</TR>
<TR>
<TD style="HEIGHT: 55px" bgColor="#000000"></TD>
</TR>
<TR>
<TD style="HEIGHT: 20px" vAlign="top"><IMG alt=""
src="images/slackware.gif"></TD>
</TR>
<TR>
<TD style="HEIGHT: 43px" bgColor="#000000"></TD>
</TR>
<TR>
<TD style="HEIGHT: 20px" vAlign="top"><IMG alt=""
src="images/videogames.gif"></TD>
</TR>
<TR>
<TD bgColor="#000000"></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
Jul 20 '05 #1
4 2538
Sometime around 2 Nov 2003 21:14:11 -0800, Mark Constant is reported to
have stated:
This is going to be hard to explain so please bear with me.
OK....
I have a webpage
I follow you so far. :-)
that contains one big table that I want to enclose everything
in.
Why?
The table is broken up into 2 main rows. One contains my GIF
PNG is better than GIF in most cases. :-)
banner. The second row contains two columns. The first column contains
8 subrows and the second column spans the 8 subrows. When I add a
table to my second column and resize it it resizes the rows in the
second column. How can I make it so putting something in the second
column doesn't effect the first column? Is there a way to lock a row?
Doesn't sound like tabular data to me.
http://www.allmyfaqs.com/faq.pl?Tableless_layouts
Here is my code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
That Doctype won't trigger standards compliant mode in most browsers. You
need to use the full DTD (including URI), or use Strict instead of
Transitional (which you should be doing if this is a new page, anyway).
<HTML>
<HEAD>
<title>index</title>
That's not a very descriptive title.
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
These meta tags are all pointless - get rid of them. And while you're at
it, get a decent program to write your site in. Anything not by Microsoft
would be a good start.
<STYLE type="text/css">
This section would be better placed in an external style sheet.
A:link { TEXT-DECORATION: none }
A:visited { TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }
So your visitor can't tell that a link is a link until they happen to run
the mouse over the top of it? http://www.cs.tut.fi/~jkorpela/www/links.html
BODY { SCROLLBAR-FACE-COLOR: buttonface; SCROLLBAR-HIGHLIGHT-COLOR:
#999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-ARROW-COLOR:
#999999; SCROLLBAR-TRACK-COLOR: buttonface;
SCROLLBAR-DARKSHADOW-COLOR: black; SCROLLBAR-BASE-COLOR: buttonface }
The scrollbar is part of *my* browser, not your page. Treat it
appropriately.
</STYLE>
</HEAD>
<body bgColor="buttonshadow">
bgcolor has been deprecated in favour of CSS, and "buttonshadow" is not be
a valid value for it anyway.
<form id="Form1" method="post" runat="server">


Why is your entire page in an invalid form?

<snip>

I'm not even going to attempt to go through the rest of the code.

HTH

--
Mark Parnell
http://www.clarkecomputers.com.au
Jul 20 '05 #2
Mark Parnell <we*******@clarkecomputers.com.au> wrote in message news:<tw****************************@40tude.net>.. .
Sometime around 2 Nov 2003 21:14:11 -0800, Mark Constant is reported to
have stated:
This is going to be hard to explain so please bear with me.


OK....
I have a webpage


I follow you so far. :-)
that contains one big table that I want to enclose everything
in.


Why?
The table is broken up into 2 main rows. One contains my GIF


PNG is better than GIF in most cases. :-)
banner. The second row contains two columns. The first column contains
8 subrows and the second column spans the 8 subrows. When I add a
table to my second column and resize it it resizes the rows in the
second column. How can I make it so putting something in the second
column doesn't effect the first column? Is there a way to lock a row?


Doesn't sound like tabular data to me.
http://www.allmyfaqs.com/faq.pl?Tableless_layouts
Here is my code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


That Doctype won't trigger standards compliant mode in most browsers. You
need to use the full DTD (including URI), or use Strict instead of
Transitional (which you should be doing if this is a new page, anyway).
<HTML>
<HEAD>
<title>index</title>


That's not a very descriptive title.
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">


These meta tags are all pointless - get rid of them. And while you're at
it, get a decent program to write your site in. Anything not by Microsoft
would be a good start.
<STYLE type="text/css">


This section would be better placed in an external style sheet.
A:link { TEXT-DECORATION: none }
A:visited { TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }


So your visitor can't tell that a link is a link until they happen to run
the mouse over the top of it? http://www.cs.tut.fi/~jkorpela/www/links.html
BODY { SCROLLBAR-FACE-COLOR: buttonface; SCROLLBAR-HIGHLIGHT-COLOR:
#999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-ARROW-COLOR:
#999999; SCROLLBAR-TRACK-COLOR: buttonface;
SCROLLBAR-DARKSHADOW-COLOR: black; SCROLLBAR-BASE-COLOR: buttonface }


The scrollbar is part of *my* browser, not your page. Treat it
appropriately.
</STYLE>
</HEAD>
<body bgColor="buttonshadow">


bgcolor has been deprecated in favour of CSS, and "buttonshadow" is not be
a valid value for it anyway.
<form id="Form1" method="post" runat="server">


Why is your entire page in an invalid form?

<snip>

I'm not even going to attempt to go through the rest of the code.

HTH


Um okay. I used div tags and that fixed my problem anyway. Like you
must of saw most of this code was generated by VisualStudio.NET.
Jul 20 '05 #3
Mark Parnell <we*******@clarkecomputers.com.au> wrote in message news:<tw****************************@40tude.net>.. .
Sometime around 2 Nov 2003 21:14:11 -0800, Mark Constant is reported to
have stated:
This is going to be hard to explain so please bear with me.


OK....
I have a webpage


I follow you so far. :-)
that contains one big table that I want to enclose everything
in.


Why?
The table is broken up into 2 main rows. One contains my GIF


PNG is better than GIF in most cases. :-)
banner. The second row contains two columns. The first column contains
8 subrows and the second column spans the 8 subrows. When I add a
table to my second column and resize it it resizes the rows in the
second column. How can I make it so putting something in the second
column doesn't effect the first column? Is there a way to lock a row?


Doesn't sound like tabular data to me.
http://www.allmyfaqs.com/faq.pl?Tableless_layouts
Here is my code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


That Doctype won't trigger standards compliant mode in most browsers. You
need to use the full DTD (including URI), or use Strict instead of
Transitional (which you should be doing if this is a new page, anyway).
<HTML>
<HEAD>
<title>index</title>


That's not a very descriptive title.
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">


These meta tags are all pointless - get rid of them. And while you're at
it, get a decent program to write your site in. Anything not by Microsoft
would be a good start.
<STYLE type="text/css">


This section would be better placed in an external style sheet.
A:link { TEXT-DECORATION: none }
A:visited { TEXT-DECORATION: none }
A:active { TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }


So your visitor can't tell that a link is a link until they happen to run
the mouse over the top of it? http://www.cs.tut.fi/~jkorpela/www/links.html
BODY { SCROLLBAR-FACE-COLOR: buttonface; SCROLLBAR-HIGHLIGHT-COLOR:
#999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-ARROW-COLOR:
#999999; SCROLLBAR-TRACK-COLOR: buttonface;
SCROLLBAR-DARKSHADOW-COLOR: black; SCROLLBAR-BASE-COLOR: buttonface }


The scrollbar is part of *my* browser, not your page. Treat it
appropriately.
</STYLE>
</HEAD>
<body bgColor="buttonshadow">


bgcolor has been deprecated in favour of CSS, and "buttonshadow" is not be
a valid value for it anyway.
<form id="Form1" method="post" runat="server">


Why is your entire page in an invalid form?

<snip>

I'm not even going to attempt to go through the rest of the code.

HTH


Okay so I decided to implement some of your suggestions. All my links
are now underlined. I got rid of every MetaTag that was generated by
..NET. I enclosed all of my stylesheet into a seperate document. I put
the full URI and put it into strict mode instead of transitional. I
also added a more descriptive Title. I got rid of ButtonShadow for
bgColor and set my background color using CSS instead. I only have two
questions. Why are you saying that the page is in an invalid form?
Also since I put the page into strict mode it has added a space after
the banner. How do I get rid of the space?
Jul 20 '05 #4
Mark Constant wrote:
Mark Parnell <we*******@clarkecomputers.com.au> wrote in message
news:<tw****************************@40tude.net>.. .
Sometime around 2 Nov 2003 21:14:11 -0800, Mark Constant is
reported to have stated:
<form id="Form1" method="post" runat="server">
Why is your entire page in an invalid form?


Why are you saying that the page is in an invalid form?


If you validate your code, you could at least partly answer this
question yourself. <URL:http://validator.w3.org/>

# Line 21, column 41: there is no attribute "RUNAT" ...
<form id="Form1" method="post" runat="server">
^
# Line 21, column 49: required attribute "ACTION" not specified ...
<form id="Form1" method="post" runat="server">
^

This answers the "invalid" part, but the second part of that question is
why is the entire page content in a <form> at all when there are no form
fields on the page?
... generated by .NET ...


Should we expect .NET to generate nothing more than a variation of
FrontPage sludge? <heavy sigh>

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Andy Mabbett | last post: by
3 posts views Thread by Z D | last post: by
reply views Thread by Carlos Lozano | last post: by
2 posts views Thread by mrbrightsidestolemymoney | last post: by
reply views Thread by =?Utf-8?B?TmVpbEdvdHQ=?= | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.