[SOLVED] Move down one thing but not another

mike12255 · July 30, 2009

move textbox down but not the nav bar

so i got a textbox that i want to move down below the nav bar so i can fit the whole thing in without a scroll bar, the problem is that when i try to the nav bar moves down with it i know its my CSS but i have not idea what is doing it

Here is a live demo of my issue:

http://schoolworkanswers.com/forjosh/test/edit2.php?page=test

and here is my code:

<?php

if($_GET['page']){
$page = $_GET['page'];
}else{
header ("Location index.php");
}

?>

<!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>Administration Center</title>
<style type="text/css">
<!--
#container{
background-color:#ffffff;
border:2px solid #cccccc;
width:800px;
margin-left:auto;
margin-right:auto;
padding:4;
height:auto;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;

}
#box{
width:625px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7e8591;
float:right;
z-index:54;
}
#logo{
border:0px;
float:left;
padding:2px;
z-index:1;
padding-left:2%;
/*margin-left:20%; /* I want this to aline to the left side of the container, but this about a 10 px pad.I want it to look like the studentwebpro site.*/
margin-right:auto;
padding:4;
}
h1 {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 175%;
   letter-spacing: -1px;
   font-weight: normal;
   line-height: 1.1;
   color:#7e8591;
}
.button_div {
   width:150px;
   float:left;
   background-color:#CCCCCC;
   border:2px solid #ccc;
   text-align:center;
   height:25px;
   margin-top:3px;
   padding:5px 32px 3px;
}
.buttons {
background: #636b7b;
text-align:center;
font-family:Arial, Helvetica, sans-serif;

font-size:12px;
color: #FFFFFF;
padding: 6px 14px;
border-width: 2px;
border-style: solid;
border-color: #7e8591 #7e8591 #7e8591 #7e8591;
text-decoration: none;

font-weight:bold;
width:150px;
margin-left:10px;
z-index:100;
}


body {
background-color: #FFFFFF;
background-image: url(images/background_01.gif);
background-repeat: repeat-x;
}
a:link {
text-decoration: none;
color: #989070;
}
a:visited {
text-decoration: none;
color: #989070;
}
a:hover {
text-decoration: none;
color: #989070;
}
a:active {
text-decoration: none;
color: #989070;
padding: 10px;
}
-->
</style>
</head>

<body>


<div id="container">

<div id="logo" align="left">
  <div align="left"><a href="http://www.studentwebpro.com"><img src="images/logo.png" width="331" height="59" border="0" /></a></div>
</div>
<br /><br /><br />



<h1 align="center"><a href="edit.php">Page Edits</a> &rArr <?=$page?></h1><br />
<br /><br />
<br />
<br />
<br />
<br />
<br />
<br />

<div id="box"  align="center"> Edit the text area below to make the text appear just how you want it to appear on your website and click the button!
<br /><br />


<?php
include "config.php";

//Function BBCode to HTML that will work with Hoteditor.
function BBCodeToHTML($text){

$patterns[] = "#&#";
$replacements[] = '&';

$patterns[] = "#<#";
$replacements[] = '<';

$patterns[] = "#>#";
$replacements[] = '>';

$patterns[] = "#  #si";
$replacements[] = '  ';

$patterns[] = "#\t#si";
$replacements[] = '     ';

$patterns[] = "#\r\n#si";
$replacements[] = "<br />";

$patterns[] = "#\n#si";
$replacements[] = "<br />";

$patterns[] = "#\[hr\]#si";
$replacements[] = "<hr class=HR_Color />";	

//Support Table here
$patterns[] = "#\[table\]#si";
$replacements[] = '<table align=center style="border-collapse: collapse;border-spacing: 0px;border: 1px solid #6CAFF7;background-color: #F4F4F4;width:98%;font-family:Verdana,Arial,Sans-Serif,Tahoma;font-size:12px;color: black;">';
$patterns[] = "#\[\/table\]#si";
$replacements[] = '</table>';
$patterns[] = "#\[td\]#si";
$replacements[] = '<td style="height:25px; border: 1px solid #6CAFF7">';
$patterns[] = "#\[\/td\]#si";
$replacements[] = '</td>';
$patterns[] = "#\[tr\]#si";
$replacements[] = '<tr>';
$patterns[] = "#\[\/tr\]#si";
$replacements[] = '</tr>';

$patterns[] = "#\[(indent|blockquote)\]#si";
$replacements[] = "<blockquote>";

$patterns[] = "#\[\/(indent|blockquote)\]#si";
$replacements[] = "</blockquote>";

$patterns[] = "#\[(\/|)sub\]#si";
$replacements[] = "<$1sub>";

$patterns[] = "#\[(\/|)sup\]#si";
$replacements[] = "<$1sup>";

$patterns[] = "#\[(\/|)strike\]#si";
$replacements[] = "<$1strike>";

$patterns[] = "#\[(\/|)u\]#si";
$replacements[] = "<$1u>";

$patterns[] = "#\[(\/|)b\]#si";
$replacements[] = "<$1strong>";

$patterns[] = "#\[(\/|)i\]#si";
$replacements[] = "<$1em>";

$patterns[] = "#\[size=1\]#si";
$replacements[] = '<span style="font-size: 8pt">';
$patterns[] = "#\[size=2\]#si";
$replacements[] = '<span style="font-size: 10pt">';
$patterns[] = "#\[size=3\]#si";
$replacements[] = '<span style="font-size: 12pt">';
$patterns[] = "#\[size=4\]#si";
$replacements[] = '<span style="font-size: 14pt">';
$patterns[] = "#\[size=5\]#si";
$replacements[] = '<span style="font-size: 18pt">';
$patterns[] = "#\[size=6\]#si";
$replacements[] = '<span style="font-size: 24pt">';
$patterns[] = "#\[size=7\]#si";
$replacements[] = '<span style="font-size: 36pt">';

$patterns[] = "#\[font=(.*?)\]#si";
$replacements[] = '<span style="font-family: $1">';

$patterns[] = "#\[color=(.*?)\]#si";
$replacements[] = '<span style="color: $1">';

$patterns[] = "#\[highlight=(.*?)\]#si";
$replacements[] = '<span style="background-color: $1">';

$patterns[] = "#\[\/(font|color|size|highlight)\]#si";
$replacements[] = '</span>';

$patterns[] = "#\[(center|left|right|justify)\]#si";
$replacements[] = "<div align=\"$1\">";

$patterns[] = "#\[\/(center|left|right|justify)\]#si";
$replacements[] = "</div>";

$patterns[] = "#\[email=(.*?)\]#si";
$replacements[] = '<a href="mailto:$1">';
$patterns[] = "#\[email\](.*?)\[\/email\]#si";
$replacements[] = '<a href="mailto:$1">$1[/email]';

$patterns[] = "#\[url=(.*?)\]#si";
$replacements[] = '<a href="$1">';
$patterns[] = "#\[url\](.*?)\[\/url\]#si";
$replacements[] = '<a href="$1">$1[/url]';

$patterns[] = "#\[\/(email|url)\]#si";
$replacements[] = "</a>";

$patterns[] = "#\[img\](.*?)\[\/img\]#si";
$replacements[] = '<img src="$1" alt="" />';

$patterns[] = "#\[list=1\]#si";
$replacements[] = "<ol>";

$patterns[] = "#\[list\]#si";
$replacements[] = "<ul>";

$patterns[] = "#\[\*\]#si";
$replacements[] = "<li>";

$patterns[] = "#<br[^>]*><li>#si";
$replacements[] = "<li>";

$patterns[] = "#<br[^>]*> <li>#si";
$replacements[] = "<li>";

$patterns[] = "#<br[^>]*><\/li>#si";
$replacements[] = "</li>";

$patterns[] = "#\[\/list\]#si";
$replacements[] = '</list>';

$patterns[] = "#\[FLASH=(.*?),(.*?)\](.*?)\[\/FLASH\]#si";
$replacements[] = '<object width="$1" height="$2"><param name="movie" value="$3"></param><param name="wmode" value="transparent"></param><embed src="$3" type="application/x-shockwave-flash" wmode="transparent" width="$1" height="$2"></embed></object>';

$text = preg_replace($patterns, $replacements, $text);

if (preg_match("/<ol/si",$text) || preg_match("/<ul/si",$text)){
	$array=split("<",$text);
	$output="";
	$x=0;
	foreach($array as $line){
		if($x>0)$line="<".$line;
		if(preg_match("/<ol/i",$line)){
			$temp="</ol>";
		}
		elseif(preg_match("/<ul/i",$line)){
			$temp="</ul>";
		}
		if(preg_match("/<\/list>/i",$line)){
			$line=str_replace("</list>",$temp,$line);
		}
		$output.=$line;
		$x++;
	}
}
else{
	$output=$text;
}

//Try to close tag <li>
$output=str_replace("<li>","</li><li>",$output);
$output=str_replace("<ul></li>","<ul>",$output);
$output=str_replace("<ol></li>","<ol>",$output);
$output=str_replace("</ul>","</li></ul>",$output);
$output=str_replace("</ol>","</li></ol>",$output);

return $output;
}
?>

<form action="index.php" method="post" name=form1>


			<textarea style="visibility:hidden;position:absolute;top:0;left:0;" name="bbcode_holder" id="bbcode_holder" rows="1" cols="1" tabindex="2"><?php print stripslashes($_POST[bbcode_holder]); ?></textarea>
			<style type='text/css'>@import url(styles/office2007/style.css);</style>
			<script language="JavaScript" type="text/javascript" src="editor.js?version=4.1"></script>				
			<script language="JavaScript" type="text/javascript">
				var getdata =document.getElementById("bbcode_holder").value;
				Instantiate("max","editor", getdata , "100%", "300px");

				//For Vietnamese User. Edit file editor.js to enable vietnamese keyboard
				if(enable_vietnamese_keyboard==1){
					document.write("<script language=\"JavaScript\" type=\"text/javascript\" src=avim.js><\/script>");
					var hoteditor_avim_method = hot_readCookie("hoteditor_avim_method");var him_auto_checked="";var him_telex_checked="";var him_vni_checked="";var him_viqr_checked="";var him_viqr2_checked="";var him_off_checked="";if(hoteditor_avim_method=="0"){him_auto_checked="checked";}else if(hoteditor_avim_method=="1"){him_telex_checked="checked";}else if(hoteditor_avim_method=="2"){him_vni_checked="checked";}else if(hoteditor_avim_method=="3"){him_viqr_checked="checked";}else if(hoteditor_avim_method=="4"){him_viqr2_checked="checked";}else if(hoteditor_avim_method=="-1"){him_off_checked="checked";}
					document.write("<div style='width:100%;text-align:center;font-family:Verdana;font-size:11px;'><input "+him_auto_checked+" id=him_auto onclick=setMethod(0); type=radio name=viet_method> Auto :: <input "+him_telex_checked+" id=him_telex onclick=setMethod(1); type=radio name=viet_method> Telex :: <input "+him_vni_checked+" id=him_vni onclick=setMethod(2); type=radio name=viet_method> VNI :: <input "+him_viqr_checked+" id=him_viqr onclick=setMethod(3); type=radio name=viet_method> VIQR :: <input "+him_viqr2_checked+" id=him_viqr2 onclick=setMethod(4); type=radio name=viet_method> VIQR* :: <input "+him_off_checked+" id=him_off onclick=setMethod(-1); type=radio name=viet_method> Off<br><img src="+styles_folder_path+"/vietnamese_symbol.gif></div>");
				}

				function get_hoteditor_data(){
					setCodeOutput();
					var bbcode_output=document.getElementById("hoteditor_bbcode_ouput_editor").value;//Output to BBCode
					document.getElementById("bbcode_holder").value = bbcode_output;
					document.form1.submit();
				}					
			</script>
		<input type="submit" value="Submit" name="B1" onClick="get_hoteditor_data();"></td>


</form>



<br />
<br />

</div>

<div  onclick="location.href='index.php';"   style="cursor:pointer "class="buttons">Main</div>
<div onclick="location.href='edit.php';"   style="cursor:pointer "class="buttons">Page Edit's</div>
<div onclick="location.href='contact.php';"   style="cursor:pointer "class="buttons">Help desk</div>
<div onclick="location.href='logout.php';"   style="cursor:pointer "class="buttons">Logout</div>
</div>
</body>
</html>

haku · July 30, 2009

The link is dead. And if you want help with CSS, you need to post the HTML output of the PHP script, not the PHP. The PHP has nothing to do with the CSS, other than maybe outputting it, but we can see that outputted CSS so we don't need/want the PHP.

Sign In

[SOLVED] Move down one thing but not another

Recommended Posts

mike12255

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information