Learn VBA & Macros in 1 Week!

HTML - Centering Footer Content Under Main Panel

Full Excel VBA Course - Beginner to Expert

Centering Footer Content Under Main Panel	View Content

Hello,

I'm working on a site, but have run into a problem I'm not sure how to deal with.

The contents of the footer area of the page are centered within a Div as you can see at the url: http://www.mylessinclair.com/testsite/ However, I think it might be easier on the eye if the links and content were centered underneath the main content panel.

I'm trying to avoid the use of tables in achieving this, so I'm thinking that I need two Divs side by side for the footer. One 150px wide as in the side bar above it, marked up as float left - and then just center the footer contents in the other Div ?

Am I on the right track here, or is it a bit more complicated?

Hope someone can advise.

Many thanks,

Myles

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Footer Content Not Aligning To Main Content Correctly On Resize

Help Centering My Footer?

First Website, Need Help With Main Content Area

Main Content Dropped To Bottom

Included Header Bleeding Into Main Content

Tables - Increasing Main Content Without It Stretching My Nav

Content Not Centering In Ie

Help With Centering Content In Div

Content Boxes Not Centering

Having A Problem Centering Page Content

Panel Help Needed

Stop Footer Moving About [was 'footer!!!']

Login Panel For Website????

Html Tabbed Panel

Looking For A Scrollable Panel For A Table

Radio Dj Panel Problem

Problem With The Left Panel

Html Sidebar Panel

User Login Panel: Please Read!

Learn VBA & Macros for Excel in 1 Week!

Footer Content Not Aligning To Main Content Correctly On Resize

Similar Tutorials

Hi,

Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please?

http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5

Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using!

Thansk alot
Joe

Help Centering My Footer?

Similar Tutorials

Hello all,

I'm hoping someone can help me with what should be a super simple thing, but I'm not sure if I've just been staring at this code too long or what. Basically all I am trying to do is center my footer on the page, but it seems glued to the left side. I've tried putting in <div align="center" within my HTML, and auto values for my margins in CSS, but neither seem to do the trick. Can anyone help me out? Related markup is below:

<div id="footer" align="center">
<div class="container">
<div class="leftFooter">
<ul class="footerNavMain top">
<li class="first"><a href=" ">Products</a></li>
<li> | </li>
<li><a href=" ">FAQ</a></li>
<li> | </li>
<li class="last"><a href=" ">Where To Find Us</a></li>
</ul>

<ul class="footerNavMain bottom">
<li class="first">Phone Number</li>
<li> | </li>
<li class="last"><a href=" ">Email Link</a></li>
</ul>

<div class="copyright">
<sup>©</sup>
2011 Copyright™, All Rights Reserved.
</div>

</div>

</div>
</div>

CSS

#footer {
background: url("/Assets/footer2.jpg") no-repeat scroll 0 0;
display: block;
float: left;
height: 75px;
width: 900px;
margin-left: auto;
margin-right: auto;
}

#footer .container {
height: 75px;
margin-left: auto;
margin-right: auto;
padding-right: 45px;
padding-top: 3px;
width: 900px;
}

#footer .leftFooter {
background: none repeat scroll 0 0;
color: #FFFFFF;
display: block;
float: left;
height: 100%;
margin-left: 5 px;
overflow: hidden;
position: relative;
width: 900px;
}

#footer .rightFooter {
background: none repeat scroll 0 0 #4E4E4E;
color: #FFFFFF;
display: block;
float: right;
height: 100%;
margin-left: 15 px;
position: relative;
width: 355px;
}

#footer .copyright {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
height: 15px;
left: 0;
line-height: 13px;
position: absolute;
text-align: center;
top: 50px;
width: 900px;
z-index: 1;
font-weight: 700;
}
#footer a:link{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#footer a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
}

#footer a:hover{
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#footer ul.footerNavMain {
display: block;
float: left;
margin-top: 5px;
width: 900px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer ul.footerNavMain.top {
margin-left: 185px;
width: 900px;
}

#footer ul.footerNavMain.bottom {
margin-left: 145px;
width: 900px;
color: #000000;
}

#footer .footernavMain li {
display: block;
float: left;
padding-left: 4px;
padding-right: 4px;
}

#footernav li a:link {
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
}

#footernav li a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
}

#footernav li a:active {
color: #000000;
text-decoration: underline;
font-size: 11px;
}

#header nav li.last, #footerNavMain li.last {
padding right: 0;
}

#footer .footerNavMain li.first {
background: none repeat scroll 0 0 transparent;
padding-left:0;
}

First Website, Need Help With Main Content Area

Similar Tutorials

I know I'm probably going to get ridiculed for this being my first post, but I can't seem to find any help elsewhere. I browsed the forum a bit before posting but didn't really know what to look for. OK so this the first website I've ever made and I only have limited html knowledge but so far this is what I have.

www.freewebs.com/maurerrj

Here is the html:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!--  Created with the CoffeeCup HTML Editor 2007  -->
<!--           http://www.coffeecup.com/           -->
<!--        Brewed on 1/15/2007 4:28:49 PM         -->
<head>
  <title></title>
<style type="text/css">
<!--
  
  .{background: #D6D3C0;}.{background-image: url(http://img138.imageshack.us/img138/3373/newbackground4qp5.jpg);background-repeat: repeat-y;background-position: center;}
-->
</style>
</head>

</style><body topmargin="0">


<div align="center">
<table cellspacing="0" cellpadding="0">
 <tr><td colspan="0" width="750"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
 <tr><td colspan="0" width="750"><img height="19" src="http://img407.imageshack.us/img407/7290/fillervh5.jpg" width="724" border="0"><td></td>
 <tr height="0"><td colspan="0" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
 <tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
  <tr><td><img height="36" src="http://img260.imageshack.us/img260/1838/filler2qj3.jpg" width="153" border="0"></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img156.imageshack.us/img156/9990/home1pp8.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img92.imageshack.us/img92/8751/conifersls9.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img251.imageshack.us/img251/7016/grassesbf3.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img525.imageshack.us/img525/5920/shrubsvf9.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img86.imageshack.us/img86/2730/perennialszy4.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img137.imageshack.us/img137/4079/troughgardenskr9.jpg" width="153" border="0"></a></td></tr>
  <tr><td><a href="#"><img height="22" src="http://img91.imageshack.us/img91/5199/directionsae8.jpg" width="153" border="0"></a></td></tr></table></div>
 
</body>
</html>

Anyway, onto the point... I want to make an area to put all of my content like text and images and what not in that main area but I don't really have any idea how to do it. Also the background image isn't showing up in firefox, so if you have any idea how to fix that let me know. But for now I guess you have to look at it in IE. Also, I will be having galleries under the evergreen, perennials, etc. tabs, and I think I want to use lightbox, but I don't know much about it. So any tips with that would help. The lightbox website is http://www.huddletogether.com/projects/lightbox2/

Any help you can give me is TRULY appreciated.

Main Content Dropped To Bottom

Similar Tutorials

I had a guy helping me fix my flyout menu and now my content that is under my div content is at the bottom of my page instead of at the bottom. I am not sure what to do to get it back to the top. Any help or ideas, I have been messing with this for hours.

http://www.mesquitechristmas.com/index.html

If you need me to post some code just let me know what code to post, or you can just view the source code....

-Thanks

Included Header Bleeding Into Main Content

Similar Tutorials

Hello-

I'm having a problem with my header. When I first started building this dumb thing, it was in IE7. Everything was looking fine with that, and then I tried to switch to Firefox, and nothing was where it should have been. My doctype wasn't valid, which is now fixed. Anyway, the problem. When I put the header content into the page's html, it displays like it should, but when the header is in a separate file, it leaks down into the main page.

HTML:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>

<div id="Header">
<!--#include virtual="/includes/header.txt" -->
<br>
</div>

<div id="Menu">
<!--#include virtual="/includes/menu.txt" -->
</div>

 <div id="Content">
<h1>Hello!</h1>

<p style="text-indent:30px">Welcome 
</p>
<br>
<p><b>Jan 14</b></p>
<p>The calendar, links, contact us, and 'what to bring' pages are up.</p>
<br>
</div>

<div id=footer>
<!--#include virtual="/includes/footer.txt" -->
<br>
<!--#config timefmt="%B %d, %Y"--> Last Modified: 
<!--#echo var="LAST_MODIFIED"-->

</div>

</body>
</html>

Header:
Code:

<a href="index.shtml"><img src="cricket_edited.jpg" alt="Home" style="border:none;"></a> &nbsp&nbsp Title

CSS:
Code:

body {
	font:15px/20px verdana, arial, helvetica, sans-serif;
	color:#336600;
	background-color:#FFFFCC;
	}
*  {
	margin:0px;
	padding:0px;
	}
h1 {
	margin:0px 0px 15px 0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#999966;
	}

h2  {
	font-size:26px;
	line-height:0px;
	font-weight:700;
	color:#999966;
	margin:0px 0px 15px 15px;
	}

p {
	margin:0px 0px 16px 0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	font-size:15px;
	text-decoration:none;
	font-weight:600;
	}
a:link  {color:#CC3333;}
a:visited {color:purple;}
a:hover {background-color:white;}
a:active {border:solid 1px #CC3333;}

ul {
	list-style-type: circle;
	}

#Header {
	margin:50px 0px 10px 0px;
	padding:17px 0px 6px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:30px;
	font-size:30px;
	font-weight:bold;
	border-color:black;
	border-style:solid;	
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#CC9933;
	}
#Content {
	margin:0px 230px 50px 10px;
	padding:10px;
	background: #FFFFCC;
	}
	

#Menu {
	float:right;
	padding:10px;
	background-color:#eee;
	border:3px dotted #336600;
	width:150px;
	}

.hmenu {
	font-size:15px;
	font-weight:bold;
	text-indent:6px;
	}		
.sub {
	font-size:13px;
	text-indent:20px;
	}
	
#Footer {
	margin:50px 0px 10px 0px;
	padding:17px 0px 6px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; 
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#CC9933;
	}

Can anyone help?

Thanks,
Kate

Tables - Increasing Main Content Without It Stretching My Nav

Similar Tutorials

Hello

I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting.

I have a table, 2 columns, 10 rows, cell spacing 4

I've set the main content (right) to span all 10 rows.

I want to be able to increase the main content without it stretching my rows. Row height set to 40px.

My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one.

This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space.

Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above?

You'd think you'd be able to set it to height = 100% or something, but apparently not.

Many thanks,
monki

Content Not Centering In Ie

Similar Tutorials

I have a page that is not being centered on the background in both IE 6&7 but looks perfect in FF. I am not sure what is wrong because the template I used is vaild

Here is the page

http://www.mesquitechristmas.com/wea...Z119&icao=KHQZ

I have been banging my head all day an maybe just need another pair of eyes.

-Thanks

Help With Centering Content In Div

Similar Tutorials

Please help me with the following. This is not a problem in Firefox; only in IE. I am having trouble centering one DIV with a DIV to the left of the centered DIV. The DIV that is blue I would like centered according to the browser width and the red DIV I would like the same vertically as the blue DIV only left justified. In Firefox this works correctly the way I would expect. In IE the left justified div appears "pushes" the DIV ( in blue ) that I want centered further to the right; making it un-centered. thanks for any assistance.

Code:

<div width="100%">
			<div align = "left" style="width:200px;float:left;background-color:#ff0000;">
						<p style="font-size: 8pt;">This needs to be left justified........</p>
						<p style="font-size: 8pt;">This needs to be left justified........</p>
						<p style="font-size: 8pt;">This needs to be left justified........</p>
			</div>
		 <div align="center" style="background-color:#00ff00;">
				<div style="width: 500px;background-color:#0000ff;">
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered.................................................................................. </p>
					<p style="font-size: 8pt;">this needs to be centered </p>
				</div>
		</div>

Content Boxes Not Centering

Similar Tutorials

The CSS for this part is
Code:

.homebox {
	background-color: #000000;
	width:200px;
float: left ;
   	border: 1px solid #00ff00;


	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;

	margin: 5px;
	padding: 10px;
}


.homebox h3 {
	color: #ffffff;
	margin: 5px;
	font-size: 18px;
	font-weight: bold;
}

.homebox p {
	padding:0px;
	margin:5px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

.homebox img {
	position: relative; bottom: 0;

The HTML is
HTML Code:

<div class="homebox">

<h3>Forums</h3><img src="./images/forum.png" width="32px" height="32px"/>
<p>Interact and chat with other members. Relax and sitback</p></div>
<div class="homebox">
<h3>Wiki</h3><img src="./images/wiki.png" width="32px" height="32px" />
<p>Learn about various things such as my scripts and such.</p></div>
<div class="homebox">
<h3>Blog</h3><img src="./images/blog.png" width="32px" height="32px" />
<p>Read updates about my site and my random life.</p></div>

And no matter what they either stack on top of eachother or are all the way to the left.

Having A Problem Centering Page Content

Similar Tutorials

I believe the problem is that the fact that the pictures are using an absolute position. Not sure though. I have tried about 4 or 5 different thing to fix this to no avail. I will copy in the code for you to see. I do not have this running on a server for everyone to load but it is not much code. Any help would be greatly appreciated. Thansk, Dano

HTML Code:

<html>
<head>
<title>Official Site of Premier Security Group, Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">


.centerContainer { margin: 0 auto; }

body
{
background-image:url(images/bkgd2.png)
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:1200px;
}

#PSindex-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:69px;
}

#PSindex-02 {
	position:absolute;
	left:0px;
	top:69px;
	width:20px;
	height:174px;
}

#PSindex-03 {
	position:absolute;
	left:20px;
	top:69px;
	width:760px;
	height:174px;
}

#PSindex-04 {
	position:absolute;
	left:780px;
	top:69px;
	width:20px;
	height:174px;
}

#PSindex-05 {
	position:absolute;
	left:0px;
	top:243px;
	width:800px;
	height:13px;
}

#PSindex-06 {
	position:absolute;
	left:0px;
	top:256px;
	width:20px;
	height:35px;
}

#PSindex-07 {
	position:absolute;
	left:20px;
	top:256px;
	width:126px;
	height:35px;
}

#PSindex-08 {
	position:absolute;
	left:146px;
	top:256px;
	width:129px;
	height:35px;
}

#PSindex-09 {
	position:absolute;
	left:275px;
	top:256px;
	width:125px;
	height:35px;
}

#PSindex-10 {
	position:absolute;
	left:400px;
	top:256px;
	width:1px;
	height:944px;
}

#PSindex-11 {
	position:absolute;
	left:401px;
	top:256px;
	width:123px;
	height:35px;
}

#PSindex-12 {
	position:absolute;
	left:524px;
	top:256px;
	width:130px;
	height:35px;
}

#PSindex-13 {
	position:absolute;
	left:654px;
	top:256px;
	width:126px;
	height:35px;
}

#PSindex-14 {
	position:absolute;
	left:780px;
	top:256px;
	width:20px;
	height:35px;
}

#PSindex-15 {
	position:absolute;
	left:0px;
	top:291px;
	width:400px;
	height:909px;
}

#PSindex-16 {
	position:absolute;
	left:401px;
	top:291px;
	width:399px;
	height:909px;
}


</style>
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div class="centerContainer">
<div>
<div id="Table_01">
	<div id="PSindex-01">
		<img src="images/PSindex_01.png" width="800" height="69" alt="">
	</div>
	<div id="PSindex-02">
		<img src="images/PSindex_02.png" width="20" height="174" alt="">
	</div>
	<div id="PSindex-03">
		<img src="images/PSindex_03.png" width="760" height="174" alt="">
	</div>
	<div id="PSindex-04">
		<img src="images/PSindex_04.png" width="20" height="174" alt="">
	</div>
	<div id="PSindex-05">
		<img src="images/PSindex_05.png" width="800" height="13" alt="">
	</div>
	<div id="PSindex-06">
		<img src="images/PSindex_06.png" width="20" height="35" alt="">
	</div>
	<div id="PSindex-07">
		<img src="images/PSindex_07.png" width="126" height="35" alt="">
	</div>
	<div id="PSindex-08">
		<img src="images/PSindex_08.png" width="129" height="35" alt="">
	</div>
	<div id="PSindex-09">
		<img src="images/PSindex_09.png" width="125" height="35" alt="">
	</div>
	<div id="PSindex-10">
		<img src="images/PSindex_10.png" width="1" height="944" alt="">
	</div>
	<div id="PSindex-11">
		<img src="images/PSindex_11.png" width="123" height="35" alt="">
	</div>
	<div id="PSindex-12">
		<img src="images/PSindex_12.png" width="130" height="35" alt="">
	</div>
	<div id="PSindex-13">
		<img src="images/PSindex_13.png" width="126" height="35" alt="">
	</div>
	<div id="PSindex-14">
		<img src="images/PSindex_14.png" width="20" height="35" alt="">
	</div>
	<div id="PSindex-15">
		<img src="images/PSindex_15.png" width="400" height="909" alt="">
	</div>
	<div id="PSindex-16">
		<img src="images/PSindex_16.png" width="399" height="909" alt="">
	</div>
</div>
</div>
</div>
</body>

</html>

Website Panel

Similar Tutorials

Hi I'm brand new here.

Trying to figure out how exactly to make a panel like the one shown on the right in my site layout.

Any advice would be helpful.

http://kyonn.freehostia.com/SitePlan/Layout.jpg

Panel Help Needed

Similar Tutorials

Hey guys, I'm looking for a script, which I think can be made HTML, that will allow a drag-able side panel. Like a space on the 'left' side of my page that can be typed in (in my case, I'm using it for a nav bar). And the bar dividing the page and the frame is drag-able when it is online, so you can change it's size.

If anyone has a script that can be used for this, or can help me make something like this, please respond

Stop Footer Moving About [was 'footer!!!']

Similar Tutorials

....I had enough! My footer is all over the place! Why can't it just move down when the text becomes longer! I am just using <div>. My header, the nav bar and the right side bar are fixed and I want the footer to just fit in underneath. Anybody got some code which solves that problem?

Chris

PHP Code:
<?php
echo "<div class='mainarea'>";
include ("includes/header.inc");

include ("includes/navigation.inc");

if ($var == 'service' or $var == 'consultancy')
{         echo "<div class='textarea_services'><p><br /></p>";
        include ("text.php");
        echo "</div>";
}
else
{         echo "<div class='textarea'><p><br /></p>";
        include ("text.php");
        echo "</div>";
}

if ($var != 'service' and $var != 'consultancy'){include ("includes/rightside.inc");}

if ($var != 'privacy'){include ("includes/footer.inc");}
echo "</div>";
?>

Login Panel For Website????

Similar Tutorials

Hi

Sorry had to re-post this I put it in the wrong forum topic before.

I am a college student creating a website for a school and was wondering if there is an easy way to create a login panel that the user can update a news section on the home page. For example may want to say school closed for the day.

I have never made a website before and aren't that good at it so I was wondering if theres an easy way. I am using dreamweaver.

Thanks in advance

Html Tabbed Panel

Similar Tutorials

Could someone please give me some sample code to show how to create a tabbed panel in html>?
thanks a lot!

Looking For A Scrollable Panel For A Table

Similar Tutorials

I have a Table and I need to have it in some kind of scrollable panel. Is there such a scrollable component?

Thanks...

Radio Dj Panel Problem

Similar Tutorials

http://www.quickscriptz.ca/v3/index.php
Ive got a problem with a dj panel from there!

I cant create a request form. Can someone download it and take a look
im useless. Ive tried almost everything

Problem With The Left Panel

Similar Tutorials

After some good help from Horus_Kol i made a panel to the left on my website:

But now i created alot of stuff on my website, and then i found that something was wrong if there is too much text on the page (sorry, i can't explain it so good ):

here is the HTML Code:
Code:

<html>
<head>
<title>Urne's Website - About</title>
<link rel="stylesheet" type="text/css" href="style/style2.css">
<div id="container" style="width:100%;">
<div id="header">
</div>
<div id="left" style="width:30%;float:left;">
<a href="index.html"><img  alt="Home2 (15K)" src="img/Home2.png" height="50" width="200" border= "0px"/></a>
<p><a href="Community.html"><img alt="Community (15K)" src="img/Community.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Tracks.html"><img alt="Tracks (17K)" src="img/Tracks.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Videos.html"><img alt="Videos (15K)" src="img/Videos.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Images.html"><img alt="Images (15K)" src="img/Images.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Other.html"><img alt="Other (13K)" src="img/Other.png" height="50" width="200" border= "0px"/></a><p/>
<p><a href="Trackup.html"><img alt="Track Updates" src="img/trackup.png" height="50" width="200" border= "0px"/></a><p>
<p><a href="Settings.html"><img alt="Settings (13K)" src="img/Settings.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Search.html"><img alt="Search (14K)" src="img/Search.png" height="50" width="200" border= "0px"/></a><p>
<p><a href="About.html"><img alt="About (12K)" src="img/About.png" height="50" width="200" border= "0px"/></a></p> 
</div>
</head>
<body>
<div id="main" style="width:70%;">
<h1>Other Things</h1>
</div>
</body>
<div id="footer">

<img alt="Pretty Plant" src="img/Pretty+Plant.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Pretty Plant 3D Model</h3></u></b></p>
<p>This plant i made in September, and was made for this website. You can use it if you want to your track, or any other thing, 
but if you want to upload it to your website, then please contact me on my e-mail (look in the readme.txt that comes with the plant).
<br>Convert the plant to any other format if you want, but please keep the readme.txt unmodified, and safe.</br>
<p><a href="dload/Pretty+Plant.zip"><img alt="Download Pretty+Plant.zip" src="img/Download.png" height="50" width="200" border= "0px"/></a>

<hr />
<img alt="Urne's World infodocument" src="img/No+pic.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Urne's World Infodocument</h3></u></b></p>
<p>The "Uworld" Project is still going around, and in the beginning i was planning alot, about how the track should be etc.
<br>The infodocument contains pictures, and track information about the 5 tracks Urne's World include. 
Urne's World should be aviable for Download in October/November 2008.</br>
Enjoy the reading! </p>
<p><a href="dload/UW+Project.doc"><img alt="Download UWorld Project.doc" src="img/Download.png" height="50" width="200" border= "0px"/></a>

<hr />
<img alt="Bone Island Light Pack" src="img/No+pic.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Bone Island Light Pack</h3></u></b></p>
<p>Alot of people uses wrong Brightness & Contrast settings wich will cause alot of darkness in Bone Island, 
so i made this ligth pack to help all thoose who cant drive this amazing track because it's too dark. 
<br>Hope it helps!</br></p>
<p><a href="http://www.mediafire.com/?xvy1gjwxll1"><img alt="FC" align="right" src="img/FC.png" height="50" width="200" border= "0px"/></a>
<a href="ihttp://www.mediafire.com/?v2ygm4n7cpu.ico"><img align="right" alt="Extreme" src="img/Extreme.png" height="50" width="200" border= "0px"/></a></p>

<hr />
<img alt="Other Pisa Grandprix GFX" src="img/new+pisa.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Other Pisa Grandprix GFX</h3></u></b></p>
<p>Before me & Crone made the update pack for Pisa Grandprix, Crone took this nice picture, to use as GFX for Pisa Grandprix.
Please feel free to download, if you like this one better than the 2 other images!</p> 
<p><a href="img/new+pisa.png"><img alt="Full Size" src="img/FS.png" align="right" height="50" width="200" border= "0px"/></a>

</div>
</div>

Is there any way to make this work so everything is aligned the way that the other text are?

Html Sidebar Panel

Similar Tutorials

Hi
The sidebar appears on the bottom of the website I'm editing when I try to add it.I'm not the original webmaster,he abandoned it and I'm helping my friend redo it.We're both inept at html.
InstanceBeginEditable name="EditRegionRightSide" -->  <h1>MySpace Page</h1> <p><a href="http://www.myspace.com/kellimaroney" target="myspace"><img src="graphics/myspace.gif" alt="Click Here to visit my MySpace page" border="0"></a></p> <p>Don't forget to visit me at <a href="http://www.myspace.com/kellimaroney" target="myspace">myspace.com/kellimaroney</a></p> <div align="center"><br> Check out the <a href="http://movies.groups.yahoo.com/group/kellimaroneyfans/?yguid=188954506" target="_blank">Kelli Maroney Fan Club @ Yahoo! Groups</a><br> </div> <div> <h1 align="center">Follow me on...</h1> <ul class="hnav" style="margin-left: 30px;"> <li><a href="http://twitter.com/Kellimaroney" title="Twitter"><img src="images/twitter.gif" alt="Twitter" width="32" border="0" height="32"></a></li> <li><a href="http://www.facebook.com/kellimaroney?ref=profile" title="Facebook"><img src="images/facebook.gif" alt="Kelli's Facebook Page" width="32" border="0" height="32"></a></li> <li><a href="http://www.youtube.com/user/lovesnerds" title="YouTube"><img src="images/youtube.gif" alt="Kelli's YouTube Channel" width="32" border="0" height="32"></a></li> </ul> </div> <br style="clear: both;"> <br> <div align="center"> <script type="text/javascript"></script>
<script type="text/javascript" src="http://www.assoc-amazon.com/s/asw.js"></script> </div>
<script type="text/javascript" src="http://www.assoc-amazon.com/s/link-enhancer?tag=wwwkellimaron-20">
</script>
<noscript> <img src="http://www.assoc-amazon.com/s/noscript?tag=wwwkellimaron-20" alt="" />
</noscript> </div></td> </tr> </tbody></table> <p> </p> <table width="798" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td><img src="graphics/t_photo.gif" width="798" height="8"></td> </tr>

User Login Panel: Please Read!

Similar Tutorials

Alright, well I'm pretty new to web design... Just started using HTML a couple months ago and I want to make a login panel for my website.

This is what I got... I searched Google and used a simple cut and paste:

Cut & Paste Login and password script II

That's what I have:
http://www.freewebs.com/noeylani94te...0Glory%201.htm

I need to know what I need to edit to make it send the usernames and passwords to me either to my email or somewhere else...
Thanks!