Austin Klei
03-06-2010, 05:49 PM
I need help with my table headers. Like in this screenshot:
http://img13.imageshack.us/img13/8553/textxj.png
The headers (circled in red) i want to stay the same when i change the text below it. Note that this is a table setup thing. I'm defining the headers using css. Heres my whole source code:
<head>
<title>Newsletter - March 2010</title>
<style type="text/css">
body {
background:url("http://cinderwick.ca/files/etc/diagonals.jpg") #000000;
background-attachment: fixed;
background-repeat: no-repeat;
color: #FFFFFF;
}
#rowleft {
width: 10%;
}
#mainheadtext {
color: red;
font-weight: bolder;
font-size: 20px;
}
#topheader {
background:url("http://img138.imageshack.us/img138/2200/gametitle.png");
background-position: center;
background-repeat: no-repeat;
background-attachment: inherit;
color: white;
font-size: 20px;
height: 5%;
width: 50%;
}
</style>
</head>
<body>
<div align="center">
<img src="http://img233.imageshack.us/img233/1626/cream1.png">
<table border="1" bordercolor="#FFCC00" style="background-color:#trans" width="1319" height="10%" cellpadding="3" cellspacing="1">
<tr id="mainheadtext">
<td><div align="center">March Newsletter</div></td>
</tr>
<tr>
<td><div align="center">The First Soldiers of Honor Newsletter</div></td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Introduction</div></td>
</tr>
<tr>
<td><div align="left">Hello Soldiers,</div>
<div align="center">This is the official Soldiers of Honor Newsletter. Which is meant to keep you updated on many new things happening at the soh forums, and new polls! You will recieve these newsletters monthly unless otherwise an issue comes up. Want your article in it? Just PM Aerotoxin or Darkfire on the <u>forumwise</u> website! We are working on the unsubscribe codes.</td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Featured News</div></td>
</tr>
<tr>
<td>Just recently, our activity has become extra high! We are still recruiting as always. Keep up the good work guys!</td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Council Voting</div></td>
<td><div align="center">TESTlign2</div></td>
</tr>
<tr>
<td>As most of us know, it is time for the battles to start, and many other events. Our practices are back, etc. One thing i would like to focus on is practices. We will hold practices every saturday unless otherwise told so.</td>
<td>As most of us know, it is time for the battles to start, and many other events. Our practices are back, etc. One thing i would like to focus on is practices. We will hold practices every saturday unless otherwise told so.</td>
</tr>
</table>
</div>
</body>
But if i changed the text below either of the headers, it would always cut off a part, and one side would get more of it.
Please help.:confused:
http://img13.imageshack.us/img13/8553/textxj.png
The headers (circled in red) i want to stay the same when i change the text below it. Note that this is a table setup thing. I'm defining the headers using css. Heres my whole source code:
<head>
<title>Newsletter - March 2010</title>
<style type="text/css">
body {
background:url("http://cinderwick.ca/files/etc/diagonals.jpg") #000000;
background-attachment: fixed;
background-repeat: no-repeat;
color: #FFFFFF;
}
#rowleft {
width: 10%;
}
#mainheadtext {
color: red;
font-weight: bolder;
font-size: 20px;
}
#topheader {
background:url("http://img138.imageshack.us/img138/2200/gametitle.png");
background-position: center;
background-repeat: no-repeat;
background-attachment: inherit;
color: white;
font-size: 20px;
height: 5%;
width: 50%;
}
</style>
</head>
<body>
<div align="center">
<img src="http://img233.imageshack.us/img233/1626/cream1.png">
<table border="1" bordercolor="#FFCC00" style="background-color:#trans" width="1319" height="10%" cellpadding="3" cellspacing="1">
<tr id="mainheadtext">
<td><div align="center">March Newsletter</div></td>
</tr>
<tr>
<td><div align="center">The First Soldiers of Honor Newsletter</div></td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Introduction</div></td>
</tr>
<tr>
<td><div align="left">Hello Soldiers,</div>
<div align="center">This is the official Soldiers of Honor Newsletter. Which is meant to keep you updated on many new things happening at the soh forums, and new polls! You will recieve these newsletters monthly unless otherwise an issue comes up. Want your article in it? Just PM Aerotoxin or Darkfire on the <u>forumwise</u> website! We are working on the unsubscribe codes.</td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Featured News</div></td>
</tr>
<tr>
<td>Just recently, our activity has become extra high! We are still recruiting as always. Keep up the good work guys!</td>
</tr>
</table>
<table border="1" bordercolor="#0000FF" style="background-color:#transparent" width="1312" height="15%" cellpadding="3" cellspacing="1">
<tr id="topheader">
<td><div align="center">Council Voting</div></td>
<td><div align="center">TESTlign2</div></td>
</tr>
<tr>
<td>As most of us know, it is time for the battles to start, and many other events. Our practices are back, etc. One thing i would like to focus on is practices. We will hold practices every saturday unless otherwise told so.</td>
<td>As most of us know, it is time for the battles to start, and many other events. Our practices are back, etc. One thing i would like to focus on is practices. We will hold practices every saturday unless otherwise told so.</td>
</tr>
</table>
</div>
</body>
But if i changed the text below either of the headers, it would always cut off a part, and one side would get more of it.
Please help.:confused: