3 replies [Last post]
charmarie1962
charmarie1962's picture
Offline
Regular
Texas / USA
Last seen: 3 years 36 weeks ago
Texas / USA
Timezone: GMT-5
Joined: 2014-03-18
Posts: 16
Points: 22

This is the page I'm having problems with...

http://disneyheaven.com/new/disneyanimatedmovies.htm

As you can see, my topnav isn't lined up right. It was, and I must have hit the wrong thing or something, and I haven't been able to correct it since then.

This is the page I'd like it to look like (just different info)...

http://disneyheaven.com/new/disneymidis.htm

I have checked and rechecked these pages, their codes, etc... I can't figure out for the life of me what I've done. I've even tried taking my "midis" page above, since it works right, and I've tried replacing just the "animated movies" info into it. Every time I try to take any of the code out within the div tags containing the UL's and LI's, it messes up again. Please help if you can. I'm so sorry to be a pain.

*****

/* CSS layout */
* {
	font-family:Tahoma, Georgia, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}
 
* {
	scrollbar-arrow-color: #000000; 
	scrollbar-face-color:  #ffffff; 
	scrollbar-track-color: #ffffff;
	}	
 
body {
	background-color: white;
	}
 
 
#masthead {
	padding-left: 65px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	}
 
#topnav {
	width: 880px;
	margin: 5px auto;
	padding: 3px;
	background: white;
	text-decoration: none;
	text-align: center;
	border-bottom: solid 2px black;
	}
 
#topnav p a {
	color: black;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	font-style: normal;
	text-decoration: none;
	}
 
#container {
	position: relative;
	width: 900px;
	}
 
#sidenav {
	width: 200px;
	position: absolute;
	left: 65px;
	top: 0px;
	}
 
#content {
	margin-left: 275px;
	width: 500px;
	}
 
#footer {
	padding-left: 75px;
	padding-right: none;
	padding-top: 50px;
	padding-bottom: 15px;
	text-align: center;
	clear: both;
	width: 880px
	}
 
#footer p a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	}

<!DOCTYPE html>
<html>
 
<!-- Begin Head -->
 
<head>
<title>Disney Heaven</title>
	<meta name="description" content="Disney Heaven takes pride in offering its guests a variety of entertainment with a touch of Disney magic!  &quot;To all who come to this happy place - welcome!&quot;">
	<meta name="keywords" content="Disney, Disney Heaven, WDW, Walt Disney, Walt Disney World, Animation, Characters, Clipart, Disney Fairies, Disney Princesses, Hundred Acre Wood, Lyrics, Mickey Mouse, Midis, Movies, Tinker Bell, Winnie the Pooh,">
	<link href="css/layout.css" rel="stylesheet" type="text/css" media="screen">
 
<!-- Begin Styles -->
 
<style type="text/css">
.style1 {
	list-style-type: none;
}
 
.style2 {
	text-align: center;
	padding-top: 7px;
}
 
.style3 {
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-left: 300px;
	line-height: 150%;
}
 
.style4 {
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-left: 120px;
	line-height: 150%;
}
 
.style5 {
	font-weight: bold;
}
 
</style>
 
<!-- End Styles -->
 
</head>
 
<!-- End Head -->
 
<!-- Begin Body -->
 
<body>
 
	<!-- Begin Masthead -->
 
	<div id="masthead">
 
		<a target="_parent" href="http://disneyheaven.com">
 
		<img src="images/Titles/DHTitle-620x125.jpg" width="620" height="125" ></a>
 
	</div>
 
	<!-- End Masthead -->
 
	<!-- Begin Topnav -->
 
	<p align="center">
		<iframe name="topnav" id="I1" src="topnav.htm" style="height: 50px" width="880" title="topnav" scrolling="no" border="0" frameborder="0">
			</iframe>
	</p>
 
	<!-- End Topnav -->
 
	<!-- Begin Container -->
 
	<div id="container" style="left: 0px; top: 0px">
 
		<!-- Begin Sidenav -->
 
		<div id="sidenav">
 
			<ul class="style1">
 
				<li><a class="style5" href="http://disneyheaven.com/new/animation1.htm" target="_parent">ANIMATION</a></li>
				<li><a href="http://disneyheaven.com/animatedmovies.htm" target="_parent">Animated Movies</a></li>
				<li><a href="http://disneyheaven.com/disneylyrics.htm" target="_parent">Lyrics</a></li>
				<li><a href="http://disneyheaven.com/disneymidis.htm" target="_parent">Midis</a></li>	
 
			</ul>
 
		</div>
 
		<!-- End Sidenav -->
 
		<!-- Begin Content -->
 
		<div id="content" class="style2">
 
			<p align="center" class="style5">
			DISNEY ANIMATED MOVIES&nbsp;
			</p>
 
		</div>
 
		<div id="column1" class="style3">
 
			<ul class="style1">
 
				<li><a href="http://disneyheaven.com/Movies/101Dalmatians.htm" target="_parent">101 Dalmatians</a></li>
				<li><a href="http://disneyheaven.com/Movies/Aladdin.htm" target="_parent">Aladdin</a></li>
				<li><a href="http://disneyheaven.com/Movies/AliceInWonderland.htm" target="_parent">Alice In Wonderland</a></li>
				<li><a href="http://disneyheaven.com/Movies/Aristocats.htm" target="_parent">Aristocats</a></li>
				<li><a href="http://disneyheaven.com/Movies/Atlantis.htm" target="_parent">Atlantis</a></li>
				<li><a href="http://disneyheaven.com/Movies/Bambi.htm" target="_parent">Bambi</a></li>
				<li><a href="http://disneyheaven.com/Movies/BeautyNTheBeast.htm" target="_parent">Beauty and the Beast</a></li>
				<li><a href="http://disneyheaven.com/Movies/BlackCauldron.htm" target="_parent">Black Cauldron</a></li>
				<li><a href="http://disneyheaven.com/Movies/Brave.htm" target="_parent">Brave</a></li>
				<li><a href="http://disneyheaven.com/Movies/Cinderella.htm" target="_parent">Cinderella</a></li>
				<li><a href="http://disneyheaven.com/Movies/Dumbo.htm" target="_parent">Dumbo</a></li>
				<li><a href="http://disneyheaven.com/Movies/Fantasia.htm" target="_parent">Fantasia</a></li>
 
			</ul>
 
		</div>
 
		<div id="column2" class="style4">
 
			<ul class="style1">
 
				<li><a href="http://disneyheaven.com/Movies/FoxNTheHound.htm" target="_parent">Fox and the Hound</a></li>
				<li><a href="http://disneyheaven.com/Movies/Hercules.htm" target="_parent">Hercules</a></li>
				<li><a href="http://disneyheaven.com/Movies/LionKing.htm" target="_parent">Lion King</a></li>
				<li><a href="http://disneyheaven.com/Movies/LittleMermaid.htm" target="_parent">Little Mermaid</a></li>
				<li><a href="http://disneyheaven.com/Movies/OliverNCompany.htm" target="_parent">Oliver and Company</a></li>
				<li><a href="http://disneyheaven.com/Movies/PeterPan.htm" target="_parent">Peter Pan</a></li>
				<li><a href="http://disneyheaven.com/Movies/Pinocchio.htm" target="_parent">Pinocchio</a></li>
				<li><a href="http://disneyheaven.com/Movies/PrincessNTheFrog.htm" target="_parent">Princess and the Frog</a></li>
				<li><a href="http://disneyheaven.com/Movies/Rescuers.htm" target="_parent">Rescuers</a></li>
				<li><a href="http://disneyheaven.com/Movies/SnowWhite.htm" target="_parent">Snow White and the Seven Dwarfs</a></li>
				<li><a href="http://disneyheaven.com/Movies/SwordInTheStone.htm" target="_parent">Sword in the Stone</a></li>
				<li><a href="http://disneyheaven.com/Movies/Tangled.htm" target="_parent">Tangled</a></li>
 
			</ul>
 
		</div>
 
		<!-- End Content -->
 
	</div>
 
	<!-- End Container -->
 
	<!-- Start of StatCounter Code for Frontpage 2002 -->
		<script type="text/javascript">
		var sc_project=2959810; 
		var sc_invisible=1; 
		var sc_security="2bdf1ef1"; 
		var sc_text=2; 
		</script>
		<script type="text/javascript"
		src="http://www.statcounter.com/counter/counter.js"></script>
		<noscript><div class="statcounter"><a title="web counter"
		href="http://statcounter.com/" target="_blank"><img
		class="statcounter"
		src="http://c.statcounter.com/2959810/0/2bdf1ef1/0/"
		alt="web counter"></a></div></noscript>
	<!-- End of StatCounter Code for Frontpage 2002 -->
 
	<!-- Begin Footer -->
 
	<p>
		<iframe name="footer" id="I2" src="footer.htm" style="height: 100px" width="880" title="footer" scrolling="no" border="0" frameborder="0">
			</iframe>
	</p>
 
	<!-- End Footer -->
 
</body>
 
<!-- End Body -->
 
</html>

charmarie1962
charmarie1962's picture
Offline
Regular
Texas / USA
Last seen: 3 years 36 weeks ago
Texas / USA
Timezone: GMT-5
Joined: 2014-03-18
Posts: 16
Points: 22

Please...

Can anyone help?

Thank you!

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 18 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Hi there charmarie1962, if

Hi there charmarie1962,

if you look real close in the HTML files you can see a slight difference in the footer section.
The one that looks correct has a div called footer while the one who is showing the header incorrect is using an iFrame instead of a div.

I suggest to use the same footer as in the correct version (the one with the div) because iFrames are not widely liked by searchmachines.

Hope this helped you with your correction.
Cheers, Henk

Check Maximum Webdesign for your online solutions

charmarie1962
charmarie1962's picture
Offline
Regular
Texas / USA
Last seen: 3 years 36 weeks ago
Texas / USA
Timezone: GMT-5
Joined: 2014-03-18
Posts: 16
Points: 22

I'm so sorry, but I'm not

I'm so sorry, but I'm not seeing the difference. I'm probably blind. Smile

And...unfortunately, I'm using an IFrame for both my topnav and my footer because I just do NOT understand php or includes at all. I've read and read about them, and I just don't get it. Sorry I know I'm a real dummy. Plus I don't want to have to name my files .php or .shtml. Is there any other "simple" way around this?

I need my topnav and footer to be the same on every single page I have, and I'd like to be able to change any info on them all at once without having to go through and change every page.

I so wish I could afford to go take a class at my local community college, so I'd have a teacher to ask questions. I'm so sorry to always bug you!

Thanks so much! You're always so nice to me!

Charlotte