Jump to content

[SOLVED] Move down one thing but not another

mike12255

By mike12255
in CSS Help

 Share

Recommended Posts

mike12255 Advanced Member

mike12255

Posted
Posted

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>

Link to comment
Share on other sites
haku Regular Member

haku

Posted
Posted

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.

Link to comment
Share on other sites
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.