Hello once again...
I have the sidebar and the header common in all the pages which are made in PHP.. The sidebar and the header are in an html..
But when i include them in my current pages(the one made in PHP) than the style sheets of both clash and the required output is not generated..
Plz Help..
Can you give us a screenshot of how they look like after you have included it in you PHP? and if possible a snippet of the code where you inserted the sidebar and headers.
hello..
I have an attachment with this message...
Plz kindly refer it..
It explains all my problem..
Plz help soon...
Are you using similar IDs in each style sheet? Each element should have an id which sepearates it from everything else.
This is all I could think of at the moment.
Hi.. I used different id's in all the files..
but couldnt get the problem.. :sad:
Hi.. I used different id's in all the files..
but couldnt get the problem.. :sad:
Can you post the sources both of the 2 css files and the 2 pages you use?
Will take a look on it and advise.
Hello..
M extremely sorry for the late reply..
I am attaching all the files which are having the problem..
When i run the menu.php the stylesheet of it and sidebar.php conflicts..
Kindly have a look..
In this current attachments i am facing problem uploading the style.css and emx_nav_left.css files so have renamed it to .php resp...
So even u kindly rename the files to style.css and emx_nav_left.css resp..
Thank u...
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
#pageNav{
float: left;
width:208px;
padding: 0px;
background-color: #7C7C7C;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
}
/************** pageName styles ****************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************ sectionLinks styles **************/
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-top: 1px solid #ffffff;
background-image: url("bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}
#sectionLinks a:hover{
border-top: 1px solid #cccccc;
background-color: #993300;
background-image: none;
font-weight: bold;
text-decoration: none;
}<html>
<head>
<title>Untitled Document</title>
<!--MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 2px; top: 151px;">
<table border="0" cellpadding="0" cellspacing="0" width="21%">
<tbody>
<tr>
<td valign="top">
<!------------------- END HEADER ------------------>
<!----------------------------- START MENU -------------------------->
<div id="pageNav">
<div id="sectionLinks">
<link rel="stylesheet" href="emx_nav_left.css" type="text/css">
<link rel="stylesheet" href="styles.css" type="text/css">
<a href="../index.php"> <img src="arrow_1.gif" border="0" height="10" width="10">
<span class="Ariel11bold">Home</span> </a>
<a href="../cntct.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Support</span></a><a href="../customer/confisip.php?custid=<?php echo $id; ?>"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Configure SIP Extensions </span></a><a href="../help.php"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Samples Help Page</span> </a>
<a href="http://www.binfone.com/local_tollfree_numbers.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Current Outstanding </span> </a>
<a href="http://www.binfone.com/hosting_colocation.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Customer List and Total</span> </a>
<a href="http://www.binfone.com/long_distance.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Long Distance</span> </a>
<a href="http://www.binfone.com/rates.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Itemized Callig Records</span></a><a href="http://www.binfone.com/international_rates_country.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">View Invoice History</span> </a>
<a href="https://www.myvoipaccount.com/cgi-bin/accounts?state=signup-form"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Retrive Data In CSV</span></a><a href="http://www.binfone.com/iax_termination.html"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Make The Payment</span> </a>
<a href="http://www.binfone.com/sip_termination.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Change Credit Card</span> </a>
<a href="../logout.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Log Out</span> </a>
<!-- <a href="http://www.binfone.com/contactus.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Us</span> </a>
<a href="http://www.binfone.com/usage_policy.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Usage Policy</span> </a>-->
</div>
</div></td>
</tr>
</tbody>
</table>
</div>
<!-------------------- END FOOTER -------------------------->
</body></html><?php
include '../sidebar/finalside.php';
$id=$_GET['custid'];
#echo $id;
?>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:401px; height:115px; z-index:1; left: 249px; top: 151px;">
<style type="text/css">
<!--
.style1 {color: #666666}
.style2 {color: #660000}
body,td,th {
color: #660000;
font-size: 18px;
}
aa:link {
color: #660000;
text-decoration: none;
}
aa:visited {
text-decoration: none;
color: #660000;
}
aa:hover {
text-decoration: none;
}
aa:active {
text-decoration: none;
}
.style4 {color: #FFFFFF}
.style7 {color: #666666; font-weight: bold; }
-->
</style>
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><div align="left" class="style1">Setup and Configuration </div></th>
</tr>
<tr>
<td><span class="style2"><a href="confisip.php?custid=<?php echo $id; ?>">Configure Existing SIP Extensions</a></span></td>
</tr>
<tr>
<td><a href="changepwd.php?custid=<?php echo $id; ?>">Change Password</a> </td>
</tr>
<tr>
<td><a href="../cntct.php">Contact Support</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="style1"><strong>Create Extension </strong></td>
</tr>
<tr>
<td> <a href="createext.php?custid=<?php echo $id; ?>">SIP Extension </a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><span class="style7">Balance and Payments</span></td>
</tr>
<tr>
<td>Current Credit/Outstanding Amount</td>
</tr>
<tr>
<td>Make a Payment </td>
</tr>
<tr>
<td>Change Default Credit Card </td>
</tr>
<tr>
<td>Invoice History</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><span class="style7">Reports</span></td>
</tr>
<tr>
<td>Customer Lists With Totals </td>
</tr>
<tr>
<td>Itemized Calling Records </td>
</tr>
<tr>
<td class="style1"> </td>
</tr>
<tr>
<td class="style1"><strong>Make A Call</strong></td>
</tr>
<tr>
<td> <a href="chooseext.php?custid=<?php echo $id;?>">Make Call</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div align="center"><span class="style4"><span class="style1"><a href="../logout.php">Log Out </a></span></span></div></td>
</tr>
</table>
<p> </p>
<p> </p>
</div>
<blockquote> </blockquote>
</body>
</html>A {
TEXT-DECORATION: underline;
font-weight: normal;
color: #77150B;
}
A:hover {
text-decoration: none;
}
.Ariel11bold {
font-family: Arial;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel16white {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.table {
border: 1px solid #ABC2CF;
}
.Ariel12Copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel11boldCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #013554;
text-decoration: none;
}
.Ariel12red {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel14red {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel16red {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
a.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
a.links:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: underline;
}
.linksbottem {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
}
.linksbottem:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: underline;
}.Ariel12bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12boldtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel10norm {
font-family: Arial;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksred {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: none;
}
.linksred:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: underline;
}
.linksbotsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksbotsmall:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: underline;
}
.form2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #666666;
padding-left:2px;
}
.Ariel12-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.tablebg {
background-image: url(images/bg_table.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.button {
background-color: #666666;
}Hello..
M extremely sorry for the late reply..I am attaching all the files which are having the problem..
When i run the menu.php the stylesheet of it and sidebar.php conflicts..Kindly have a look..
In this current attachments i am facing problem uploading the style.css and emx_nav_left.css files so have renamed it to .php resp...
So even u kindly rename the files to style.css and emx_nav_left.css resp..Thank u...
I have looked in your code and it is completely messed up, my friend!
1. You have never attached the stylesheets to your pages. You have used in-line styles instead, that are messing the whole thing.
2. You have attached the style on the wrong place - you are adding styles inside the <body></body> element. Please note you have to add the <style ...></style> definitions in <head></head> section, not in body.
3. You are trying to include a page that has html head and body elements, so this results in conflicts with both pages. Note you are trying to include the second page before setting the headers of the first page, so it gets completely messed up.
I can do it for you, but you will never learn if you don't do it, so I will give you a short guide, and you have to fix it by yourself. So, start like this:
1. Edit your MENU.PHP file. Make the structure like this:
1. Add html opening tag.
2. Add <head> tag
3. Add meta tags for content
4. Add title tags
3. Add the Javascript section
4. Add the first css file, that defines styles for this menu.
5. Add the second css file, that defines styles for the second page.
6. Close the </head>.
7. Open the <body>
8. Enter the code of your right-hand menu.
9. After you finished with the right menu add the php include <?php
<?php
include '../sidebar/finalside.php';
$id=$_GET['custid'];
#echo $id;
?>10. Close all elements like div-s.(Dreamweaver should guide you!)
11. Close </body> and </html>
2. Edit your finalside.php removing all tags like <html><head><body>. Leave only the tags that represent your content like <div><table> etc. You don't need the html, head and body section into this file, as it has been already defined in the menu.php.
That's all - it should work if you have done it correctly.
thank u a lot..
m new to php.. so ur guidance wil definitely help me..
wil b doin the changes u said 2om frm my work place.. as have got no documents here..
n tan wil get back 2 u..
hello sir
we implemented what u said...but still it's showing error...
I have attached the modified file...kindly help...
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 2px; top: 151px;">
<table border="0" cellpadding="0" cellspacing="0" width="21%">
<tbody>
<tr>
<td valign="top">
<!------------------- END HEADER ------------------>
<!----------------------------- START MENU -------------------------->
<div id="pageNav">
<div id="sectionLinks">
<a href="../index.php"> <img src="arrow_1.gif" border="0" height="10" width="10">
<span class="Ariel11bold">Home</span> </a>
<a href="../cntct.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Support</span></a><a href="../customer/confisip.php?custid=<?php echo $id; ?>"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Configure SIP Extensions </span></a><a href="../help.php"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Samples Help Page</span> </a>
<a href="http://www.binfone.com/local_tollfree_numbers.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Current Outstanding </span> </a>
<a href="http://www.binfone.com/hosting_colocation.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Customer List and Total</span> </a>
<a href="http://www.binfone.com/long_distance.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Long Distance</span> </a>
<a href="http://www.binfone.com/rates.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Itemized Callig Records</span></a><a href="http://www.binfone.com/international_rates_country.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">View Invoice History</span> </a>
<a href="https://www.myvoipaccount.com/cgi-bin/accounts?state=signup-form"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Retrive Data In CSV</span></a><a href="http://www.binfone.com/iax_termination.html"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Make The Payment</span> </a>
<a href="http://www.binfone.com/sip_termination.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Change Credit Card</span> </a>
<a href="../logout.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Log Out</span> </a>
<!-- <a href="http://www.binfone.com/contactus.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Us</span> </a>
<a href="http://www.binfone.com/usage_policy.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Usage Policy</span> </a>-->
</div>
</div></td>
</tr>
</tbody>
</table>
</div><html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.style1 {color: #666666}
.style2 {color: #660000}
body,td,th {
color: #660000;
font-size: 18px;
}
aa:link {
color: #660000;
text-decoration: none;
}
aa:visited {
text-decoration: none;
color: #660000;
}
aa:hover {
text-decoration: none;
}
aa:active {
text-decoration: none;
}
.style4 {color: #FFFFFF}
.style7 {color: #666666; font-weight: bold; }
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
#pageNav{
float: left;
width:208px;
padding: 0px;
background-color: #7C7C7C;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
}
/************** pageName styles ****************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************ sectionLinks styles **************/
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-top: 1px solid #ffffff;
background-image: url("bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}
#sectionLinks a:hover{
border-top: 1px solid #cccccc;
background-color: #993300;
background-image: none;
font-weight: bold;
text-decoration: none;
}
A {
TEXT-DECORATION: underline;
font-weight: normal;
color: #77150B;
}
A:hover {
text-decoration: none;
}
.Ariel11bold {
font-family: Arial;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel16white {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.table {
border: 1px solid #ABC2CF;
}
.Ariel12Copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel11boldCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #013554;
text-decoration: none;
}
.Ariel12red {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel14red {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel16red {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
AA.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
AA.links:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: underline;
}
.linksbottem {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
}
.linksbottem:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: underline;
}.Ariel12bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12boldtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel10norm {
font-family: Arial;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksred {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: none;
}
.linksred:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: underline;
}
.linksbotsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksbotsmall:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: underline;
}
.form2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #666666;
padding-left:2px;
}
.Ariel12-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.tablebg {
background-image: url(images/bg_table.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.button {
background-color: #666666;
}
-->
</style>
<body>
<div id="Layer1" style="position:absolute; width:401px; height:115px; z-index:1; left: 249px; top: 151px;">
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><div align="left" class="style1">Setup and Configuration </div></th>
</tr>
<tr>
<td><span class="style2"><a href="confisip.php?custid=<?php echo $id; ?>">Configure Existing SIP Extensions</a></span></td>
</tr>
<tr>
<td><a href="changepwd.php?custid=<?php echo $id; ?>">Change Password</a> </td>
</tr>
<tr>
<td><a href="../cntct.php">Contact Support</a></td>
</tr>hello sir
we implemented what u said...but still it's showing error...
I have attached the modified file...kindly help...
My friend,
Is this what you expect to see? If yes, then I will guide you.
Awaiting
yes..
this is exactly what we want..
thank u so much for ur guidance..
yes..
this is exactly what we want..
thank u so much for ur guidance..
Ok, I have edited what is needed and I have put a lot of comments there, so you should be able to read it.
Note that the way I have changed things, you need to store them in the same dir, all 3 files together. If you change them in different folders, you have to change paths to one another.
Stick to the books, you have a lot to read about css, html/dom and php. You got the idea, now you have to learn how to match all the things together!
Good luck.
P.S I have changed the .css file to .php to avoid problems - you have to rename it back to css.
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><div align="left" class="style1">Setup and Configuration </div></th>
</tr>
<tr>
<td><span class="style2"><a href="confisip.php?custid=<?php echo $id; ?>">Configure Existing SIP Extensions</a></span></td>
</tr>
<tr>
<td><a href="changepwd.php?custid=<?php echo $id; ?>">Change Password</a> </td>
</tr>
<tr>
<td><a href="../cntct.php">Contact Support</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="style1"><strong>Create Extension </strong></td>
</tr>
<tr>
<td> <a href="createext.php?custid=<?php echo $id; ?>">SIP Extension </a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><span class="style7">Balance and Payments</span></td>
</tr>
<tr>
<td>Current Credit/Outstanding Amount</td>
</tr>
<tr>
<td>Make a Payment </td>
</tr>
<tr>
<td>Change Default Credit Card </td>
</tr>
<tr>
<td>Invoice History</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><span class="style7">Reports</span></td>
</tr>
<tr>
<td>Customer Lists With Totals </td>
</tr>
<tr>
<td>Itemized Calling Records </td>
</tr>
<tr>
<td class="style1"> </td>
</tr>
<tr>
<td class="style1"><strong>Make A Call</strong></td>
</tr>
<tr>
<td> <a href="chooseext.php?custid=<?php echo $id;?>">Make Call</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div align="center"><span class="style4"><span class="style1"><a href="../logout.php">Log Out </a></span></span></div></td>
</tr>
</table>
<p> </p>
<p> </p><html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<!-- here is a link to your style sheet. Put this file in the same dir, together with menu.php and content.php -->
<link href="your_styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- this is the code from your file named finalside.php. If you want the menu to be always available on your
right hand side, you do not have to include it as require_once('finalside.php'); Create your dynamic
content below this DIV. Also - name your divs with different ids - like id="lefthandmenu" or id="right_content".
Otherwise css does not work as you expect! -->
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 5px; top: 151px;">
<table border="0" cellpadding="0" cellspacing="0" width="21%">
<tbody>
<tr>
<td valign="top">
<!------------------- END HEADER ------------------>
<!----------------------------- START MENU -------------------------->
<div id="pageNav">
<div id="sectionLinks">
<a href="../index.php"> <img src="arrow_1.gif" border="0" height="10" width="10">
<span class="Ariel11bold">Home</span> </a>
<a href="../cntct.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Support</span></a><a href="../customer/confisip.php?custid=<?php echo $id; ?>"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Configure SIP Extensions </span></a><a href="../help.php"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Samples Help Page</span> </a>
<a href="http://www.binfone.com/local_tollfree_numbers.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Current Outstanding </span> </a>
<a href="http://www.binfone.com/hosting_colocation.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Customer List and Total</span> </a>
<a href="http://www.binfone.com/long_distance.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Long Distance</span> </a>
<a href="http://www.binfone.com/rates.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Itemized Callig Records</span></a><a href="http://www.binfone.com/international_rates_country.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">View Invoice History</span> </a>
<a href="https://www.myvoipaccount.com/cgi-bin/accounts?state=signup-form"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Retrive Data In CSV</span></a><a href="http://www.binfone.com/iax_termination.html"><img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Make The Payment</span> </a>
<a href="http://www.binfone.com/sip_termination.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Change Credit Card</span> </a>
<a href="../logout.php"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Log Out</span> </a>
<!-- <a href="http://www.binfone.com/contactus.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Contact Us</span> </a>
<a href="http://www.binfone.com/usage_policy.html"> <img src="arrow_1.gif" border="0" height="10" width="10"> <span class="Ariel11bold">Usage Policy</span> </a>-->
</div>
</div></td>
</tr>
</tbody>
</table>
</div>
<!-- this is the end of the grey menu...from here below there is a div, that you don't need to change. all dynamic content will show here -->
<div id="Layer2" style="position:absolute; width:401px; height:115px; z-index:1; left: 249px; top: 151px;">
<!-- here open the php tags and include the right hand menu, or whatever you need. All styles have been already applied in the head section,
so there is no need to change it, or add styles once again. If you need to change your styles, edit the css file. Do not use too much inline css styles
as it will make hard for you to change the design in the future. -->
<?php
include ('content.php');
?>
</div>
</body>
</html>.style1 {color: #666666}
.style2 {color: #660000}
body,td,th {
color: #660000;
font-size: 18px;
}
aa:link {
color: #660000;
text-decoration: none;
}
aa:visited {
text-decoration: none;
color: #660000;
}
aa:hover {
text-decoration: none;
}
aa:active {
text-decoration: none;
}
.style4 {color: #FFFFFF}
.style7 {color: #666666; font-weight: bold; }
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
#pageNav{
float: left;
width:208px;
padding: 0px;
background-color: #7C7C7C;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
}
/************** pageName styles ****************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************ sectionLinks styles **************/
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-top: 1px solid #ffffff;
background-image: url("bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}
#sectionLinks a:hover{
border-top: 1px solid #cccccc;
background-color: #993300;
background-image: none;
font-weight: bold;
text-decoration: none;
}
A {
TEXT-DECORATION: underline;
font-weight: normal;
color: #77150B;
}
A:hover {
text-decoration: none;
}
.Ariel11bold {
font-family: Arial;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel14white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.Ariel16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel16white {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.table {
border: 1px solid #ABC2CF;
}
.Ariel12Copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel11boldCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #013554;
text-decoration: none;
}
.Ariel12red {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel14red {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.Ariel16red {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E180E;
text-decoration: none;
}
.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
AA.links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
AA.links:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: underline;
}
.linksbottem {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
}
.linksbottem:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: underline;
}.Ariel12bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12boldtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12none:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel10norm {
font-family: Arial;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksred {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: none;
}
.linksred:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E170E;
text-decoration: underline;
}
.linksbotsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.linksbotsmall:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: underline;
}
.form2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #666666;
padding-left:2px;
}
.Ariel12-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.Ariel12small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.tablebg {
background-image: url(images/bg_table.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.button {
background-color: #666666;
}Thank u vry vry much..
We would be definitely goin thro more books..
Good Luck 2 u 2..
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.