Reply
Help With page alignment
Old 04-19-2008, 12:34 PM Help With page alignment
Junior Talker

Posts: 2
Name: James
I am having issues with alignment of my website sections. I added the Divination section of the website to the Credits page. I was going to add it to the other pages; however, I haven't been successful in the first page I inserted it into. It shifted two other sections and I don't know how to fix it other than removing the Divination section. Could someone please help me out, I'm very unsure of how to fix it. I'm not extremely new to webcoding but I don't understand the type of coding I tried using here because I followed a book and it all made sense until I wanted to add a whole different section. I think it is a simple dumb mistake on my part, but I can't fix it alone so please help. Here is a link http://www.lebanonhighschoolparanorm...m/credits.html
Abejundio is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 04-19-2008, 12:37 PM Re: Help With page alignment
Junior Talker

Posts: 2
Name: James
Quote:
Originally Posted by Abejundio View Post
I am having issues with alignment of my website sections. I added the Divination section of the website to the Credits page. I was going to add it to the other pages; however, I haven't been successful in the first page I inserted it into. It shifted two other sections and I don't know how to fix it other than removing the Divination section. Could someone please help me out, I'm very unsure of how to fix it. I'm not extremely new to webcoding but I don't understand the type of coding I tried using here because I followed a book and it all made sense until I wanted to add a whole different section. I think it is a simple dumb mistake on my part, but I can't fix it alone so please help. Here is a link http://www.lebanonhighschoolparanorm...m/credits.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Lebanon High School Paranormal Club</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
margin-left: 25px;
margin-top: 25px;
margin-right: 25px;
margin-bottom: 25px;
}
.style6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}
.style9 {
color: #990099
}
.style10 {font-size: 12px}
.style11 {font-size: 12px; color: #ffffff; }
a:link {
color: #996699;
}
a:visited {
color: #660099;
}
a:hover {
color: #FFFFFF;
}
.style12 {
color: #996699;
font-size: 10px;
font-style: italic;
}
-->
</head>
<body>
<div align="center">
<table width="750" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="115" colspan="5" valign="top"><img src="


http://lebanonhighschoolparanormalclub.bravehost.com/logo.jpg" width="750" height="115" alt="Paranormal Club" /></td>
</tr>
<tr>
<td width="130" height="13"></td>
<td width="23"></td>
<td width="450"></td>
<td width="20"></td>
<td width="127"></td>
</tr>
<tr>
<td height="97" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="130" height="20" valign="top" bgcolor="#996699"><div align="center" class="style6">: Navigation :</div></td>
</tr>
<tr>
<td height="70" valign="top"><ul class="style9">
<li class="style10"><a href="index.html">Home</a></li>
<li class="style11">Credits</li>
<li class="style10"><a href="contact_us.html">Contact Us</a></li>
<li class="style10"><a href="tasks.html">Tasks</a></li>
<li class="style10"><a href="notes.html">Notes</a></li>
<li class="style10"><a href="questions.html">Questions</a></li>
</ul></td>
</tr>

</table></td>
<td>&nbsp;</td>
<td rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="450" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: Credits :</div></td>
</tr>
<tr>
<td height="251" valign="top" bgcolor="#666666"><blockquote>Lebanon High School Paranormal Club would like to grant credit to all of its affiliates as well as the following people:
<br><br><br><i>Kyle Gray, Crystal Barrett, Aaron Slayton, Kristalyn Cormier, Zakk Plowman, Coach Loucks, and Mr. Grandstaff.</i></blockquote><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>


</table></td>
<td>&nbsp;</td>
<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="127" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: Staff :</div></td>
</tr>
<tr>
<td height="72" valign="top" class="style9"><ul>
<li class="style10"><a href="council.html">Council</a></li>
<li class="style10"><a href="Members.html">Members</a></li>
<li class="style10"><a href="sponsor.html">Sponsor</a></li>
<li class="style10"><a href="webmaster.html">Webmaster</a</li>
</ul></td>
</tr>

</table></td>
</tr><tr>
<td height="76" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="130" height="20" valign="top" bgcolor="#996699"><div class="style6"> : Divination :</div></td>
</tr>
<tr>
<td height="70" valign="top"><ul class="style9">
<li class="style10"><a href="cartomancy.html">Cartomancy</a></li>
<li class="style10"><a href="runes.html">Runes</a></li>
<li class="style10"><a href="pendulum.html">Pendulum</a></li>
<li class="style10"><a href="chakra_system.html">Chakra System</a></li>
<li class="style10"><a href="aura.html">Aura</a></li>
<li class="style10"><a href="possession.html">Possession</a></li>
<li class="style10"><a href="levitation.html">Levitation</a></li>
<li class="style10"><a href="gemstones.html">Gemstones</a></li>
<li class="style10"><a href="wands.html">Wands</a></li>
</tr>

</table></td>
<td>&nbsp;</td>
<td rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->
<tr>
<td width="127" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: Affiliates :</div></td>
</tr>
<tr>
<td height="154" valign="top" class="style9"><ul>
<li class="style10"><a href="http://www.wcschools.com/lhs/">Lebanon High School</a></li>
<li class="style10"><a href="http://www.wcschools.com/">Wilson County Schools</a></li>
<li class="style10"><a href="http://www.the-atlantic-paranormal-society.com/">T.A.P.S.</a></li>
<li class="style10"><a href="http://www.dreammoods.com/dreaminformation/">Dream Mood</a></li>
<li class="style10"><a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a></li>
<li class="style10"><a href="http://www.paranormalnews.com/">Paranormal News</a></li>
<li class="style10"><a href="http://www.theparanormalreport.com/">The Paranormal Report</a></li>
</ul></td>
</tr>

</table> </td>
</tr>
<!--DWLayoutTable-->
<tr>
<td width="130" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: About Us :</div></td>
</tr>
<tr>
<td height="76" valign="top" class="style9"><ul>
<li class="style10"><a href="our_goal.html">Our Goal</a></li>
<li class="style10"><a href="alumni.html">Alumni/Alumnae</li>
<li class="style10"><a href="planned_events.html">Planned Events</a></li>
</ul></td>
</tr>

</table> </td>
<td></td>
<td></td>
</tr>
<tr>
<td height="13"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="19" colspan="5" valign="top"><div align="center" class="style12">© 2007 Lebanon High School Paranormal Club. Designed by Aaron Slayton. All rights Reserved.</div></td>
</tr>
</table>
</div>
</body>
</html>
Abejundio is offline
Reply With Quote
View Public Profile
 
Old 04-19-2008, 01:10 PM Re: Help With page alignment
Webmaster Talker

Posts: 560
Well for one thing, your code is quite messed up besides that, like the two header tags/body tags.

Try this code though:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Lebanon High School Paranormal Club</title>
<style type="text/css">
<!--
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #000000;
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
}
.style9 {
	color: #990099
}
.style10 {font-size: 12px}
.style11 {font-size: 12px; color: #ffffff; }
a:link {
	color: #996699;
}
a:visited {
	color: #660099;
}
a:hover {
	color: #FFFFFF;
}
.style12 {
	color: #996699;
	font-size: 10px;
	font-style: italic;
}
-->
		#sBar {text-align: center; margin: 0; margin-bottom: 10px; padding: 5px 0px;  width: 728px; background-color: #fff; border: 1px solid #dfdfdf;}
		#sBar li {display: inline; } 
		#sBar li a, #sBar li a:visited {font: bold 11px tahoma,arial; text-decoration: underline; color: #004891; margin: 0px 15px;}
	</style>
</head>

<body>
<table cellspacing="0" cellpadding="0" border="0" align="center" style="width: 754px; margin: 0 auto;">
	<tr>
		<td align="center" valign="top">
			<ul id="sBar">
		         <li><a href="http://www.bravenet.com/webhosting/" target="_new">Web Hosting</a></li>
		         <li><a href="http://www.bravenet.com/webtools/guestbook/" target="_new">Guestbooks</a></li>
		         <li><a href="http://www.bravenet.com/webtools/counter/" target="_new">Hit Counter</a></li>
		         <li><a href="http://www.bravenet.com/webtools/forum/" target="_new">Forums</a></li>
		         <li><a href="http://www.bravenet.com/webtools/journal/" target="_new">Blogs</a></li>
		         <li><a href="http://www.bravenet.com/webtools/elist/" target="_new">Mailing List</a></li>
				 <li><a href="http://www.bravenet.com/webhosting/" target="_new">Free Web Hosting</a></li>
		     </ul>
		</td>
		</tr>
	<tr>
		<td align="center"  valign="top">
			<div align="center" style="z-index: 9000; margin-bottom: 10px;">
				<script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&serv=hosting-sites"></script><noscript>
                <iframe src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&js=false&serv=hosting-sites" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><img src="http://mercury.bravenet.com/rover/d?dbfile=SPONSORBAR_DB&serv=hosting-sites" alt="" border="0"></iframe></noscript>
				<div style="clear: both;"></div>
			</div>
		</td>
	</tr>
</table>
<script src="http://jupiter.bravenet.com/rover/f?cid=bravenet&ctype=24"></script>

<div align="center">
  <table width="750" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td height="115" colspan="4" valign="top">
      <img src="http://lebanonhighschoolparanormalclub.bravehost.com/logo.jpg" width="750" height="115" alt="Paranormal Club" /></td>
    </tr>
    <tr>
      <td width="130" height="13"></td>
      <td width="23"></td>
      <td width="450"></td>
      <td width="20"></td>
    </tr>
  <tr>
      <td height="97" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="130" height="20" valign="top" bgcolor="#996699"><div align="center" class="style6">: Navigation :</div></td>
          </tr>
        <tr>
          <td height="70" valign="top"><ul class="style9">
             <li class="style10"><a href="index.html">Home</a></li>
                <li class="style11">Credits</li>
                <li class="style10"><a href="contact_us.html">Contact Us</a></li>
                <li class="style10"><a href="tasks.html">Tasks</a></li>
                <li class="style10"><a href="notes.html">Notes</a></li>
                <li class="style10"><a href="questions.html">Questions</a></li>
          </ul></td>
          </tr>
        
      </table></td>
      <td>&nbsp;</td>
      <td rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="450" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: Credits :</div></td>
          </tr>
        <tr>
          <td height="251" valign="top" bgcolor="#666666"><blockquote>Lebanon High School Paranormal Club would like to grant credit to all of its affiliates as well as the following people:
<br><br><br><i>Kyle Gray, Crystal Barrett, Aaron Slayton, Kristalyn Cormier, Zakk Plowman, Coach Loucks, and Mr. Grandstaff.</i></blockquote><!--DWLayoutEmptyCell-->&nbsp;</td>
          </tr>
        
        
      </table></td>
      <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="127" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">
            : Staff :</div></td>
          </tr>
        <tr>
          <td height="72" valign="top" class="style9"><ul>
            <li class="style10"><a href="council.html">Council</a></li>
            <li class="style10"><a href="Members.html">Members</a></li>
            <li class="style10"><a href="sponsor.html">Sponsor</a></li>
            <li class="style10"><a href="webmaster.html">Webmaster</a</li>
          </ul></td>
        </tr>
        
      </table></td>
    </tr><tr>
      <td height="76" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
        <tr>
          <td width="130" height="20" valign="top" bgcolor="#996699"><div class="style6"> : Divination :</div></td>
          </tr>
        <tr>
          <td height="70" valign="top"><ul class="style9">
             <li class="style10"><a href="cartomancy.html">Cartomancy</a></li>
                <li class="style10"><a href="runes.html">Runes</a></li>
                <li class="style10"><a href="pendulum.html">Pendulum</a></li>
                <li class="style10"><a href="chakra_system.html">Chakra System</a></li>
                <li class="style10"><a href="aura.html">Aura</a></li>
                <li class="style10"><a href="possession.html">Possession</a></li>
                <li class="style10"><a href="levitation.html">Levitation</a></li>
                <li class="style10"><a href="gemstones.html">Gemstones</a></li>
                <li class="style10"><a href="wands.html">Wands</a></li>
          </tr>
        
      </table></td>
      <td>&nbsp;</td>
      <td rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->
        <tr>
          <td width="127" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: Affiliates :</div></td>
        </tr>
        <tr>
          <td height="154" valign="top" class="style9"><ul>
            <li class="style10"><a href="http://www.wcschools.com/lhs/">Lebanon High School</a></li>
            <li class="style10"><a href="http://www.wcschools.com/">Wilson County Schools</a></li>
            <li class="style10"><a href="http://www.the-atlantic-paranormal-society.com/">T.A.P.S.</a></li>
            <li class="style10"><a href="http://www.dreammoods.com/dreaminformation/">Dream Mood</a></li>
            <li class="style10"><a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a></li>
            <li class="style10"><a href="http://www.paranormalnews.com/">Paranormal News</a></li>
            <li class="style10"><a href="http://www.theparanormalreport.com/">The Paranormal Report</a></li>
            </ul></td>
        </tr>
        
      </table>      </td>
    </tr> 
<!--DWLayoutTable-->
        <tr>
          <td width="130" height="20" valign="top" bgcolor="#996699" class="style6"><div align="center">: About Us :</div></td>
        </tr>
        <tr>
          <td height="76" valign="top" class="style9"><ul>
            <li class="style10"><a href="our_goal.html">Our Goal</a></li>
            <li class="style10"><a href="alumni.html">Alumni/Alumnae</li>
            <li class="style10"><a href="planned_events.html">Planned Events</a></li>
          </ul></td>
        </tr>
        
      </table>      </td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td height="13"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td height="19" colspan="5" valign="top"><div align="center" class="style12">© 2007 Lebanon High School Paranormal Club. Designed by Aaron Slayton. All rights Reserved.</div></td>
    </tr>
  </table>
</div>
<br>
<div style="text-align: center">
	<a href="http://www.bravenet.com/webhosting/" style="font: 11px tahoma, sans-serif; color: #004891;">Web Hosting</a> 
    · 
	<a href="http://www.bravenet.com/webtools/journal" style="font: 11px tahoma, sans-serif; color: #004891;">Blog</a> 
    · 
	<a href="http://www.bravenet.com/webtools/guestbook/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Guestbooks</a> 
    · 
	<a href="http://www.bravenet.com/webtools/forum/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Message Forums</a> 
    · 
	<a href="http://www.bravenet.com/webtools/elist/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Mailing Lists</a><br>

	<a href="http://allwebcodesign.com/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Allwebco Web Templates</a> 
    ·
	<a href="http://resources.bravenet.com/bravenet_toolbar" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Build your own toolbar</a> 
    ·
	<a href="http://www.quotemedia.com/" style="font: 11px tahoma, sans-serif;color: #004891;" target="_blank">Financial Data</a> 
    · 
	<a href="http://resources.bravenet.com" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Audio, Fonts, Clipart</a><br>

	<a href="http://www.bravenet.com" target="_blank" style="text-decoration: none; color: #004891; font: bold 10px tahoma, sans-serif; display:block; padding-top: 10px;">powered by 
    <img src="http://assets.bravenet.com/bravenet/images/poweredby.gif" border="0" alt="a free webtools company" style="vertical-align: middle;" width="16" height="16"> bravenet.com</a>
</div><br>

</body>
</html>
Matt
170 Designs is offline
Reply With Quote
View Public Profile
 
Old 04-19-2008, 01:58 PM Re: Help With page alignment
wayfarer07's Avatar
$frontend->developer

Posts: 1,013
Name: Abel Mohler
Location: Asheville, North Carolina USA
using ' <div align="center"> ' is a very bad idea. Don't use depreciated code.
__________________
Go FREELANCE <=|If a donkey eats a melon, it is still a donkey... |=> Hire Me
wayfarer07 is offline
Reply With Quote
View Public Profile
 
Old 04-19-2008, 02:17 PM Re: Help With page alignment
Banned

Posts: 143
Name: Blake
Location: Cuyahoga falls,Ohio
HTML Code:
There are many reasons why youre code May be Messed up or Not aligning Correctly.
1. Tables
2.Youre Putting styling inside the Html 
3.style tags are 
<style type="text/css">
Youre Content
</style>
4.Yes you are using Depreciated code 
heres some Links that might help you out.
http://reference.sitepoint.com/html/elements-deprecated
blktallos is offline
Reply With Quote
View Public Profile Visit blktallos's homepage!
 
Reply     « Reply to Help With page alignment
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.17283 seconds with 12 queries