Jump to content

[SOLVED] positioning help?? Please......

sykowizard

By sykowizard
in CSS Help

 Share

Recommended Posts

sykowizard Newbie

sykowizard

Posted
Posted

Ok, I am working on my first php and css and java page with my buddy who got me into web designing.

 

we have made the following includes pages, header, menu and footer.

took us 2 days just to get the menu positioned to where we wanted it, footer is (as far as I can tell) in correct position, but when it comes to the body of the actual page, the contents of the page are going under the menu and the menu is blocking part of the text of the page.  see here http://3r14nd.com/psp/temp/homebrew.php

 

If anyone can help explain how i can get the page to be centered as if there was a frame nested on the left (if that makes sense) so nothing goes behind *or* on top of the menu, it would be greatly appreciated, as we are both getting very frustrated with this.

 

here are the codes for the pages used..

 

HEADER:

<head>
<title>3r14nd's PSP Page</title>
<meta name="author" content="3r14nd">
<meta name="date" content="2007-11-11">
<meta name="description" content="3r14nd's Psp Page">
<meta name="keywords" content="PSP, downgraders, emulators">

<style type="text/css">
<!--
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
body {background-color: #000000;
background-image: url(/psp/temp/images/bg.jpg);
background-repeat:repeat;
background-attachment:fixed}
-->
</style>
</head>

<body>
<table align="center">
<tr>
	<td><center><img src="images/logos/psp_logo.jpg"></center></td>
</tr>
</table>
<?php include("./menu.php"); ?>

 

MENU

<link href="psp.css" rel="stylesheet" type="text/css">

<span class="menu">

<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="psp.css" media="screen, print">

<table border="0" cellpadding="0" cellspacing="0" align="left">
	<tr>
		<td>
			<a href="./index.php" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target=""><img src="images/buttons/button1up.png" border=0 id="button1" vspace="1" hspace="1"></a><br>
			<a href="./customers.php" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target=""><img src="images/buttons/button2up.png" border=0 id="button2" vspace="1" hspace="1"></a><br>
			<a href="./tuts.php" onmouseover="setOverImg('3','');" onmouseout="setOutImg('3','');" target=""><img src="images/buttons/button3up.png" border=0 id="button3" vspace="1" hspace="1"></a><br>
			<a href="./upgrade.php" onmouseover="setOverImg('4','');" onmouseout="setOutImg('4','');" target=""><img src="images/buttons/button4up.png"  border=0 id="button4" vspace="1" hspace="1"></a><br>
			<a href="./downgrade.php" onmouseover="setOverImg('5','');" onmouseout="setOutImg('5','');" target=""><img src="images/buttons/button5up.png" border=0 id="button5" vspace="1" hspace="1"></a><br>
			<a href="./unbrick.php" onmouseover="setOverImg('6','');" onmouseout="setOutImg('6','');" target=""><img src="images/buttons/button6up.png" border=0 id="button6" vspace="1" hspace="1"></a><br>
			<a href="./cfw.php" onmouseover="setOverImg('7','');" onmouseout="setOutImg('7','');" target=""><img src="images/buttons/button7up.png" border="0" id="button7" vspace="1" hspace="1"></a><br>
			<a href="./ofw.php" onmouseover="setOverImg('8','');" onmouseout="setOutImg('8','');" target=""><img src="images/buttons/button8up.png" border=0 id="button8" vspace="1" hspace="1"></a><br>
                <a href="./homebrew.php" onmouseover="setOverImg('11','');" onmouseout="setOutImg('11','');" target=""><img src="images/buttons/button11up.png" border=0 id="button11" vspace="1" hspace="1"></a><br />
			<a href="./emu.php" onmouseover="setOverImg('9','');" onmouseout="setOutImg('9','');" target=""><img src="images/buttons/button9up.png" border=0 id="button9" vspace="1" hspace="1"></a><br>
			<a href="./link.php" onmouseover="setOverImg('10','');" onmouseout="setOutImg('10','');" target=""><img src="images/buttons/button10up.png" border=0 id="button10" vspace="1" hspace="1"></a><br>				
		</td>
	</tr>
</table>
</span>

 

FOOTER:

<div id="footer">
<table align="center">
	<tr>
		<td align="center">
			<p><a href="http://www.bonethugsnharmony.com"><img src="images/banners/btnh_snl.jpg"></a></p>
		</td>
	</tr>
	<tr>
		<td align="center">
			<p><a href="http://schtickers.com/"><img src="images/banners/banner_schtickers.jpg"></a></p>
		</td>
	</tr>
	<tr>
		<td align="center"  style="color:#FFFFFF">
			<H5>
			© 2007. This site is the sole property of 3r14nd. Many things on this site were written, made and  		 			distributed by other people.<BR>
			Please take time out to thank those people individually.  I do not claim that I have made anything except   	 			the couple of tutorials<BR>
			that I have written personally. This site has been coded by 3r14nd and SykoWizard we have worked hard on  	 			this site so do not knock it.<BR>
			If you have a problem with anything on here please contact me.<BR>
			</H5>
			<BR>
		</td>
	</tr>
</table>
</div>

 

CSS:

.menu A:link {color: #000000; text-decoration: none}
.menu A:visited {color: #000000; text-decoration: none}
.menu A:active {color: #000000; text-decoration: none}
.menu A:hover {color: #000000; text-decoration: underline; color: red;}
.menu {table-layout:fixed}
.menu {position: fixed; padding: -15px;}


.body A:link {color: #00FF00; text-decoration: none; text-shadow:#FFFFFF}
.body A:visited {color: #00FF00; text-decoration: none}
.body A:active {color: #00FF00; text-decoration: none}
.body A:hover {color: #00FF00; text-decoration: underline; color: red;}
.body {table-layout: auto}
.body {position: static;}

#footer
{
position: static;
bottom: 0;
padding: 10px;
}



.dropmenu {
   position: static;
   left: -1500px;
   visibility: visible;
   z-index: 101;
   float: left;
   width: 132px;

   border-width: 0px;
   border-style: solid;
   border-color: #000000;	
   background-color: #BFBFBF;
}
.dropmenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.dropmenu li {
   display: inline;
}
.dropmenu a, .dropmenu a:visited, .dropmenu a:active {
   display: block;
   width: 130px;

   padding: 2px;
   margin: 1px;
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;

   color: #558CFF;
   background-color: #000000;
}
.dropmenu a:hover {
   padding: 2px;
   margin: 1px;
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;

   color: #FFFFFF;
   background-color: #000000;
}

 

HOMEBREW PAGE:

<html>

<style type="text/css">
<!--
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #0000FF;}
a:active {color: #0000FF;}
.style1 {color: #FF0000}
-->
</style>

<?php include('header.php'); ?>

<span class="body">

<table align="center">
	<tr>
		<td align="center">

			<center>
			<font color="#FFFFFF"><h2>Good Homebrew To Have</h2></font>
			</center>

			<table>
				<tr align="center">
					<td style="color:0000FF" align="center" width="408" bgcolor="#33FF33"><B>Plugins Using PRX's</B></td>
				</tr>
			</table>

			<table>
				<tr>
					<td width="150" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Name</b></td>
					<td width="250" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Description</b></td>
					<td width="100" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Version</b></td>
					<td width="100" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Link</b></td>
				</tr>				
				<tr>
					<td style="color:#FFFFFF">
						IR Shell<BR>
						CW Cheat<BR>

					</td>
					<td style="color:#FFFFFF">
						XMB Replacement<BR>
						Cheat Type Program Like GameShark<BR>

					</td>
					<td style="color:#FFFFFF" align="center">
						3.7<BR>
						0.1.9 REV H<BR>
					</td>						
					<td> 
						<BR>
						<a href="http://files.exophase.com/pspirshell37.zip">Download</a><BR>
						<a href="http://cwcheat.consoleworld.org/downloads/index.php?act=download&id=21">Download</a><BR>

					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td style="color:0000FF" align="center" width="408" bgcolor="#33FF33"><B>Eboot Homebrew</B></td>
				</tr>
			</table>
			<table>
				<tr>
					<td width="150" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Name</b></td>
					<td width="250" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Description</b></td>
					<td width="100" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Version</b></td>
					<td width="100" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Author</b></td>
					<td width="100" style="color:#0000FF" align="center" bgcolor="#33FF33"><B>Link</b></td>
				</tr>
									<tr>
					<td style="color:#FFFFFF">
						Key Cleaner<BR>
						ID Storage Manager<BR>
					</td>
					<td style="color:#FFFFFF">
						Cleans Keys that were changed during downgrading<BR>
						Lets you restore your ID Storeage Keys<BR>
					</td>
					<td style="color:#FFFFFF" align="center">
						1.4<BR>
						1.3<BR>
					</td>						
					<td style="color:#FFFFFF" align="center"> 
						Chilly Willy<BR>
						Chilly Willy<BR>							
					</td>
					<td> 
						<a href="http://forums.maxconsole.net/attachment.php?attachmentid=17227&d=1189922503">Download</a><BR>
						<a href="http://forums.maxconsole.net/attachment.php?attachmentid=17228&d=1189922977">Download</a><BR>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
</span>

<?php include("footer.php"); ?>

</body>
</html>

 

any help with this we would both appreciate it

 

Thanks

 

SykoWizard~

Link to comment
https://forums.phpfreaks.com/topic/77490-solved-positioning-help-please/
Share on other sites
phpQuestioner Regular Member

phpQuestioner

Posted
Posted

if you had looked at the tutorial I provided you on the last thread you posted; you would be able to see how you can do this. refer back this the first thread you posted about this subject; here is the thread address:

 

http://www.phpfreaks.com/forums/index.php/topic,167681.msg739808.html#msg739808

 

you will just need to set the top and left position for your menu and set the width, top and left position for you main content area.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.