 |  |  |  |  |  |  |  |
Html Vertical Alignment Help Needed
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
Hi,
Up until now I have been using wysiwyg editors to work on my website and they have really mangled the code. I am trying to get the text from my main container to begin at the top of the page but it seems to start 10-30 cm down the page. When I used wysiwyg editors I often had this problem and it could always be solved by adding lots of breaks at the end of my text (or lots more text) but now that's not even working. I would really appreciate it if someone could have a quick scan of the code for my page and see if they can pick out anything that's wrong..
Coreyna
[code] [inline] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>View From The Mirror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/images335/css.css" type="text/css" rel="stylesheet">
</head>
<body bgcolor="#b5dbe6" topmargin="0">
<center>
<table cellspacing="0" cellpadding="0" width="800" border="0">
<tbody>
<tr valign="top" align="center">
<td class="header" colspan="2" height="100">
<p><font face="Arial Black" color="#6000c0" size="6"><em> </em></font></p></td></tr>
<tr><!--#include file="include/sidebar.html"-->
<td width="640" bgcolor="#003d5c">
<table style="border-collapse: separate;" cellspacing="0" cellpadding="0" width="100%" bgcolor="#003d5c" border="0">
<tbody>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%" rowspan="2">
<p align="center">
<table style="width: 580px; height: 700px;" cellspacing="5" cellpadding="0" width="580" border="0">
<tbody>
<tr align="center">
<td valign="top" width="25%">
<p style="font: 12px arial; color: white;" align="center">This is the text for my main container...the text that stubbornly won't vertical align to top.</p></td></tr>
<tr bgcolor="#002844"> </tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" align="center" width="25%">
<table style="width: 216px; height: 712px;" cellspacing="5" cellpadding="0" width="216" border="0">
<p><!--#include file="include/rightsidebar.html"-->
</td>
</tr>
</tbody>
<tbody>
<tr valign="top" align="center" bgcolor="#002844">
<td class="copyright" colspan="2" height="25"> </td></tr></tbody></p></table>
<center> </center></td></tr></tbody></table></td></tr></tbody></table></center>
</body>
</html>[code] [inline]
Up until now I have been using wysiwyg editors to work on my website and they have really mangled the code. I am trying to get the text from my main container to begin at the top of the page but it seems to start 10-30 cm down the page. When I used wysiwyg editors I often had this problem and it could always be solved by adding lots of breaks at the end of my text (or lots more text) but now that's not even working. I would really appreciate it if someone could have a quick scan of the code for my page and see if they can pick out anything that's wrong..
Coreyna
[code] [inline] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>View From The Mirror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/images335/css.css" type="text/css" rel="stylesheet">
</head>
<body bgcolor="#b5dbe6" topmargin="0">
<center>
<table cellspacing="0" cellpadding="0" width="800" border="0">
<tbody>
<tr valign="top" align="center">
<td class="header" colspan="2" height="100">
<p><font face="Arial Black" color="#6000c0" size="6"><em> </em></font></p></td></tr>
<tr><!--#include file="include/sidebar.html"-->
<td width="640" bgcolor="#003d5c">
<table style="border-collapse: separate;" cellspacing="0" cellpadding="0" width="100%" bgcolor="#003d5c" border="0">
<tbody>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%" rowspan="2">
<p align="center">
<table style="width: 580px; height: 700px;" cellspacing="5" cellpadding="0" width="580" border="0">
<tbody>
<tr align="center">
<td valign="top" width="25%">
<p style="font: 12px arial; color: white;" align="center">This is the text for my main container...the text that stubbornly won't vertical align to top.</p></td></tr>
<tr bgcolor="#002844"> </tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" align="center" width="25%">
<table style="width: 216px; height: 712px;" cellspacing="5" cellpadding="0" width="216" border="0">
<p><!--#include file="include/rightsidebar.html"-->
</td>
</tr>
</tbody>
<tbody>
<tr valign="top" align="center" bgcolor="#002844">
<td class="copyright" colspan="2" height="25"> </td></tr></tbody></p></table>
<center> </center></td></tr></tbody></table></td></tr></tbody></table></center>
</body>
</html>[code] [inline]
•
•
Join Date: Aug 2005
Posts: 5,266
Reputation: 
Solved Threads: 377
After a little tinkering in frontpage I got this:-
Any good?
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>View From The Mirror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/images335/css.css" type="text/css" rel="stylesheet">
</head>
<body bgcolor="#b5dbe6" topmargin="0">
<center>
<table cellspacing="0" cellpadding="0" width="800" border="0" height="720">
<tbody>
<tr valign="top" align="center">
<td class="header" colspan="2" height="1" width="800">
<p></p></td></tr>
<tr><!--#include file="include/sidebar.html"-->
<td width="782" bgcolor="#003d5c" height="755">
<table style="border-collapse: separate;" cellspacing="0" cellpadding="0" width="100%" bgcolor="#003d5c" border="0">
<tbody>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%" rowspan="2">
<p align="center">
<table style="width: 580px; height: 700px;" cellspacing="5" cellpadding="0" width="580" border="0">
<tbody>
<tr align="center">
<td valign="top" width="25%">
<p style="font: 12px arial; color: white;" align="center">This is the text for my main container...the text that stubbornly won't vertical align to top.</p></td></tr>
<tr bgcolor="#002844"> </tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" align="center" width="25%">
<table style="width: 187; height: 712px" cellspacing="5" cellpadding="0" border="0">
<p><!--#include file="include/rightsidebar.html"-->
</td>
</tr>
</tbody>
<tbody>
<tr valign="top" align="center" bgcolor="#002844">
<td class="copyright" colspan="2" height="25" width="177"> </td></tr></tbody></p></table>
<center> </center></td></tr></tbody></table></td></tr></tbody></table></center>
</body>
</html>[/HTML]
Any good?
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>View From The Mirror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/images335/css.css" type="text/css" rel="stylesheet">
</head>
<body bgcolor="#b5dbe6" topmargin="0">
<center>
<table cellspacing="0" cellpadding="0" width="800" border="0" height="720">
<tbody>
<tr valign="top" align="center">
<td class="header" colspan="2" height="1" width="800">
<p></p></td></tr>
<tr><!--#include file="include/sidebar.html"-->
<td width="782" bgcolor="#003d5c" height="755">
<table style="border-collapse: separate;" cellspacing="0" cellpadding="0" width="100%" bgcolor="#003d5c" border="0">
<tbody>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%" rowspan="2">
<p align="center">
<table style="width: 580px; height: 700px;" cellspacing="5" cellpadding="0" width="580" border="0">
<tbody>
<tr align="center">
<td valign="top" width="25%">
<p style="font: 12px arial; color: white;" align="center">This is the text for my main container...the text that stubbornly won't vertical align to top.</p></td></tr>
<tr bgcolor="#002844"> </tr></tbody></table></p></td></tr>
<tr>
<td valign="top" width="25%"> </td>
<td valign="top" width="25%"> </td>
<td valign="top" align="center" width="25%">
<table style="width: 187; height: 712px" cellspacing="5" cellpadding="0" border="0">
<p><!--#include file="include/rightsidebar.html"-->
</td>
</tr>
</tbody>
<tbody>
<tr valign="top" align="center" bgcolor="#002844">
<td class="copyright" colspan="2" height="25" width="177"> </td></tr></tbody></p></table>
<center> </center></td></tr></tbody></table></td></tr></tbody></table></center>
</body>
</html>[/HTML]
*Voted best profile in the world*
|
Similar Threads
- vertical alignment question (JavaScript / DHTML / AJAX)
- Tutorial: Create a cross-browser compatible, single-level, drop-down menu (Site Layout and Usability)
- php photo gallery extra code needed (PHP)
- My embedded php code won't execute (PHP)
- LCD troubles..works with monitor... (Monitors, Displays and Video Cards)
Other Threads in the HTML and CSS Forum
- Previous Thread: vbulletin help
- Next Thread: Content container's shadow displaying differently ???
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
