Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 3351 | Replies: 2
 |
•
•
Join Date: Jul 2006
Posts: 2
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Html Vertical Alignment Help Needed 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: 4,832
Reputation:
Rep Power: 17
Solved Threads: 324
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]
... the hat of 'is this a cat in a hat?'
•
•
Join Date: Jul 2006
Posts: 2
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
Hi iamthwee,
Thankyou for your help, unfortunately the end result was that my banner was halved in height and the text stubornly didn't move.
But I do appreciate your having a look, I can't fathom it at all.
Coreyna
Thankyou for your help, unfortunately the end result was that my banner was halved in height and the text stubornly didn't move.
But I do appreciate your having a look, I can't fathom it at all.
Coreyna
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
