Click here to Skip to main content
15,918,889 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
See more:
Am trying to design a web page in PHP
What am trying to avoid is using "IFRAME".
I have been working with "DIV" tags but cant get them display the content and having the left remain static.
any help to use div as a target to display contents from links will be appreciated.
so far this is what I have
<pre lang="xml"><!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>Missions Page</title>
<link href="../stylesheet/divstyle.css" rel="stylesheet" type="text/css" />
</head>
<?php
    //check link that is selected
        if (isset($_GET['Healing']))
        {
            $healing = $_GET['../forms/missions.php'];
            $healing = "";
        }
        elseif (isset($_GET['Spiritual']))
        {
            $healing = "";
            $spiritual = $_GET['../forms/spiritual.php'];
        }
        else
        {
            $healing = "";
            $spiritual = "";
        }

?>
<body>
<div id="wrapper">
  <div id="branding">branding</div>
  <div id="siteNav">

  <h5><font color="#0066FF" size="+2" style="z-index:auto">Ministry</h5></font><br />

   <h5><strong><font color="#0066FF"><a href="../forms/contact.php">Healing</a></font></strong></h5><br />

    <h3><strong><a href="../forms/spritual.php">Spiritual Life:</a></strong></h3><br />

     <h3><strong><a href="../forms/financial.php" target="mainContent">Financial Freedom</a></strong></h3><br />

      <h3><strong><a href="../forms/prophecy.php" target="mainContent">Prophecy</a></strong></h3><br />

       <h3><strong><a href="../forms/fellowship.php" target="mainContent">Pastors Fellowship</a></strong></h3><br />



  </div>
  <div id="mainContent">
    The mission and vision of <strong><font color="#993399">Fountain of life</strong></font> is to spread the Gospel of JESUS CHRIST all over <br />
    the world and in to all peoples that have and have not heard the message. We endeavour to make disciples of Christ and win as many souls <br />
    to LORD GOD almighty.
    <?php echo $healing; ?> <br />
    <?php echo $spiritual; ?><br />

  </div>


</div>
</body>
</html>


and for css
<pre lang="css">@charset "utf-8";
#wrapper {
    margin: 18px;
    height: 650px;
    width: 900px;
    border: 1px solid #FFF;
}

#contactwrapper {
    margin: 18px;
    height:650px;
    width:900px;
    border: 1px solid #FFF;
}
#branding {
    padding: 10px;
    height: 130px;
}

#contactnav {
    padding: 5px;
    float:left;
    height:650px;
    width:140px;

}

#siteNav {
    padding: 5px;
    float: left;
    height: 465px;
    width: 140px;
}
#mainContent {
    padding: 33px;
    float: left;
    height: 409px;
    width: 684px;
}

#contactdisplay {
    padding:33px;
    float: left;
    height:650px;
    width:600px;
}

#footer {
    font-size: 9px;
    line-height: 25px;
    background-color: #000;
    text-align: center;
    clear: both;
}

#eventsWrapper {
    margin: 18px;
    height: 650px;
    width: 900px;
    border: 1px solid #FFF;
    float:left;

}

#eventsNav {
    padding:5px;
    height:650px;
    width:240px;
    float:left;
}

#eventsContent {
        padding:33px;
        float:left;
        height:650px;
        width:960px;
        border:1px solid #FFF;

}

Posted

1 solution

 
Share this answer
 
v2
Comments
komanche 13-Apr-11 8:24am    
Thanks for the links had a look and they have a few pointers looks like this is not as simple as I was hoping but none the less will make it work one way or another.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900