Help - Search - Members - Calendar
Full Version: sidebar displaced
Codegrrl.com Forums > Script Help > Tutorial Help
Violinstar.NET
I would like to move the content in http://violinstar.net/Testsite/personal.php to left=0px, top=406px but it don't seems to work. The codes for personal.php is
CODE

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


<div style="position:absolute; left:0px; top:406px; width:635px; height:394px; overflow:auto;">
  <h1 align="justify">Welcome!</h1>
  <p align="justify"> ViolinStar.NET is currently under construction. You may wish  to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</p>
  <p align="justify">In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the last 3 buttons. </p>
  <p align="justify"><img src="linkbuttons/88x15 (1).gif" alt="88x15" width="80" height="15"><img src="linkbuttons/88x15 (2).gif" alt="88x15" width="80" height="15"><img src="linkbuttons/88x31 (3).gif" alt="88x31" width="88" height="31"><img src="linkbuttons/88x31 (1).gif" alt="88x31" width="88" height="31"><img src="linkbuttons/88x31 (2).gif" alt="88x31" width="88" height="31"><img src="linkbuttons/100x35 (1).gif" alt="100x35" width="100" height="35"></p>
</div>

and sampleheader.php:
CODE
<!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=iso-8859-1" />
<title>Untitled Document</title>

<style type="text/css">
<!--
#Layer1 {
    float: eft;
    position:absolute;
    width:200px;
    height:115px;
    top:0;
    left:0;
    z-index:1;
}
#Layer2 {
    float:right;
    position:absolute;
    width:200px;
    height:115px;
    top:0;
    left:635px;
    z-index:2;
}
-->
</style>
<LINK
href="stylesheet.css" type=text/css rel=stylesheet>
</head>

<body>

<div id=layer1 style="position:absolute; float:left; top:0; left:0; width:635; height:406; z-index:1; padding:0px; "><img src="images/header.jpg" alt="Skin1 header" width="635" height="406" /></div>

<div id=layer1 style="position:absolute; top:0; left:635px; width:10px; height:800px; z-index:1;  
background-image:url(sidebg.jpg); layer-background-image:url(sidebg.jpg);">

</div>



<div style="position:absolute; left:650px; top:0px; width:250px; height:800px;">

<h1>Navigation  </h1>
      <p class="menu"><a href="http://www.sweetpatronus.cn/">Sakura</a></p>
      <p class="menu"><a href="blog.php">Blog</a></p>
      <p class="menu">Domain</p>
      <p class="menu">Linkage</p>
      <p class="menu">Visitor</p>
      <p class="menu">Contact</p>
      <h1>Hostees </h1>
      <p class="h2">Eunice</p>
      <p class="h2">Felicia</p>
      <h1 class="h1">Tagboard</h1>
      <p class="h2"><!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="125" src="http://www2.cbox.ws/box/?boxid=1118790&amp;boxtag=3030&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br>
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1118790&amp;boxtag=3030&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe>
<h1>Affiliates</h1>
<p class="h2"><a href="http://www.sweetpatronus.cn">Sweet Patronus</a> </p>
<h1 class="h1">Of the Moment</h1>
<p class="h2">None. </p>

</div>


<div style="position:absolute; left:0px; top:406px; width:635px; height:394px; overflow:auto;"></div>


</body>
</html>

Can someone show me a code which I can put in personal.php to move the content?
Ash
Your question could probably be answered by looking at the help you have been offered in other threads.

Advice offered by Cine:
http://codegrrl.com/forums/index.php?s=&am...ost&p=85232
Links given to you by Vixx:
http://codegrrl.com/forums/index.php?s=&am...ost&p=85487

Honestly, I think you're trying to take on too much at one time. Slow down and master the basics before moving into something more complicated.
Valerie
It also might help you sort things out if you take all of your CSS and put it in an external file instead of little bits here and there within the PHP/HTML.

Give your divs IDs and/or Classes then assign them properties in the CSS document.

Would be easier, imo, to isolate what is and isn't working that way...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.