Kolom hulp

Status
Niet open voor verdere reacties.

jeroenftw

Nieuwe gebruiker
Lid geworden
20 jan 2013
Berichten
2
Hallo allemaal,

Ik ben best nieuw met het maken van websites.
Om te oefenen probeer ik een script te bewerken.

Nu heb ik een pagina waar een kolom aan de linkerkant staat waar je kan navigeren naar bepaalde delen.

Ik wil alleen die zelfde kolom ook aan de rechterkant maar ik krijg dit niet voor elkaar.

Kan iemand mij helpen?

Dit is de php code:
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=iso-8859-1" />
<title>StarBound V1.0</title>
<link href="theme/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="100%" border="0" align="center" cellspacing="0">
  <tr>
    <td height="70" colspan="2" align="center" class="banner_background" ><table width="100%" height="70" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="300" align="left"><label><img src="img/left_banner.gif" width="300" height="70" align="left" /></label></td>
        <td align="center" valign="top"><label>&nbsp;</label></td>
        <td width="300" align="right"><label><img src="img/right_banner.gif" width="300" height="70" align="right" /></label></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" class="info_background" align="center">
	|| <?php 
	echo "<a href=\"page.php?page=news\">News</a> || ";
	echo "<a href=\"page.php?page=mailbox\">Mailbox</a> || ";
	echo "<a href=\"page.php?page=message\">Send Letter</a> || ";
	echo "<a href=\"page.php?page=forum\">Forum</a> || ";
	echo "<a href=\"page.php?page=account\">Account</a> || ";
	echo "<a href=\"page.php?page=online\">Online</a> || ";
	echo "<a href=\"page.php?page=search\">Search</a> || ";
	echo "<a href=\"page.php?page=faq\">F.A.Q</a> || ";
	echo "<a href=\"page.php?page=notepad\">Notepad</a> || ";
	echo "<a href=\"page.php?page=donate\">Donate</a> || ";
	echo "<a href=\"page.php?page=credits\">Credits</a> || ";
	echo "<a href=\"page.php?page=referrals\">Referrals</a> || ";
?></td>
  </tr>
  <tr>
    <td width="125" align="left" valign="top" class="left_nav"><table width="125" border="0" cellspacing="0">
      <tr>
        <td class="left_nav_inner">	
<b>Actions:</b><br>
<br>
- <a href="page.php?page=gta" onfocus="if(this.blur)this.blur()">Auto Theft.</a><br>
- <a href="page.php?page=crimes" onfocus="if(this.blur)this.blur()">Crimes.</a><br>
- <a href="page.php?page=smuggle" onfocus="if(this.blur)this.blur()">Smuggle.</a><br>
- <a href="page.php?page=murder" onfocus="if(this.blur)this.blur()">Murder.</a><br>
<br><b>Money:</b><br><br>
- <a href="page.php?page=bank" onfocus="if(this.blur)this.blur()">Bank.</a><br>
- <a href="page.php?page=black_market" onfocus="if(this.blur)this.blur()">Black Market.</a><br>
- <a href="page.php?page=car_market" onfocus="if(this.blur)this.blur()">Car Market.</a><br>
- <a href="page.php?page=auction" onfocus="if(this.blur)this.blur()">Credit Auction.</a><br>
- <a href="page.php?page=transfer" onfocus="if(this.blur)this.blur()">Money Transfer.</a><br>
<br><a href="page.php?page=gang_information" onfocus="if(this.blur)this.blur()"><b>Gang:</b></a><br><br>
- <a href="page.php?page=gang" onfocus="if(this.blur)this.blur()">Gang.</a><br>
- <a href="page.php?page=gang_forum" onfocus="if(this.blur)this.blur()">Gang Bar.</a><br>
<br><b>Locations:</b><br><br>
- <a href="page.php?page=prison" onfocus="if(this.blur)this.blur()">Prison.</a><br>
- <a href="page.php?page=bullet_factory" onfocus="if(this.blur)this.blur()">Bullet Factory.</a><br>
- <a href="page.php?page=detective" onfocus="if(this.blur)this.blur()">Detective.</a><br>
- <a href="page.php?page=travel" onfocus="if(this.blur)this.blur()">Travel Agency.</a><br>
- <a href="page.php?page=street" onfocus="if(this.blur)this.blur()">Search The Streets.</a><br>
<br><a href="page.php?page=information" onfocus="if(this.blur)this.blur()"><b>Casino's:</b></a><br><br>
- <a href="page.php?page=horseracing" onfocus="if(this.blur)this.blur()">Horse Racing.</a><br>
- <a href="page.php?page=keno" onfocus="if(this.blur)this.blur()">Keno.</a><br>
- <a href="page.php?page=roulette" onfocus="if(this.blur)this.blur()">Roulette.</a><br>
- <a href="page.php?page=information" onfocus="if(this.blur)this.blur()">Information.</a><br>
<br><b>Other:</b><br><br>
- <a href="page.php?page=help_desk" onfocus="if(this.blur)this.blur()">Help Desk.</a><br> 
<br>
<br><a href="index.php?logout=true" onfocus="if(this.blur)this.blur()"><b>Logout.</b></a><br><br>







</td>
      </tr>


    </table></td>
    <td width="100%" align="center" valign="top" class="main_background" style="padding: 10px;"><center>

Dit is de CSS code die erbij hoort:
Code:
/* CSS Document */
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	cursor: default;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-color: #414141;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: default;
}
a {
	font-size: 10px;
	color: #999999;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}
.entryfield {
	color: #ffffff; 
	background-color:#330000; 
	border:1px solid #000000; 
	font-size: 10px; 
	font-family: verdana; 
	width: 98%;
}
.button {
	width: 100px;
	background-color: #414141; 
	color: #999999; 
	cursor: pointer; 
	border: 0px solid #000000; 
	font-size: 10px; font-family: verdana;
	right: right;
}
.hr{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #333333; 
	border-right: 0px solid #000000; 
	border-left: 0px solid #000000; 
	width:98%;
}
.textbox {
	margin-top: 5px; 
	color: #fff; 
	background-color:#330000; 
	border: 1px solid #000000; 
	scrollbar-3dlight-color: #414141; 
	scrollbar-arrow-color: #000000; 
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #414141;
	scrollbar-face-color: #133337; 
	scrollbar-highlight-color: #000000; 
	scrollbar-shadow-color: #414141 ; 
	font-size: 10px; 
	font-family: verdana; 
	width: 98%;
}

.normal_online {color: #999999; font-size: 10px; font-family: verdana;}
.silver_online {color: silver; font-size: 10px; font-family: verdana; font-weight:bold;}
.gold_online {color: gold; font-size: 10px; font-family: verdana; font-weight:bold;}
.platinum_online {color: black; font-size: 10px; font-family: verdana; font-weight:bold;}
.admin_online {color: #00FF00; font-size: 10px; font-family: verdana; font-weight:bold;}
.mod_online {color: #0066FF; font-size: 10px; font-family: verdana; font-weight:bold;}
.hdo_online {color: #9900FF; font-size: 10px; font-family: verdana; font-weight:bold;}
.friend_online {color: #FF6600; font-size: 10px; font-family: verdana; font-weight:bold;}
.ofline {color: #FF0000; font-size: 10px; font-family: verdana;}
.online {color: #00FF00; font-size: 10px; font-family: verdana;}
.idle {color: #FFFF00; font-size: 10px; font-family: verdana;}

.quote{
	font: 10px verdana; 
	color: #ffffff; 
	background-color: #330000; 
	width:90%;
	border: 1px; 
	border-style: solid; 
	border-color: #000000; 
	padding-left: 3px;
	padding-right: 3px;
}
.main_background {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000; 		
	background: #414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.info_background {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000; 	
	background: #330000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.banner_background {
	border: 1px solid #000000; 
	background: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.left_nav {
	background: #333;
	border-left: 1px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000; 		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 125px;
}.left_nav_inner {
	background: #333;
	border: 0px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.right_nav {
	background: #333;
	border-left: 0px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000; 		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 125px;
}.right_nav_inner {
	background: #333;
	border: 0px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.square{
	background-color:#000000;
	border: 1px solid #000000;
}
.square_you{
	background-color:#133337;
	border: 1px solid #000000;
}
.square_cop{
	background-color:#000033;
	border: 1px solid #000000;
}
td.off {
	background: #330000;
	cursor: pointer;
	margin: 10px;
	width: 100px;
	border: 1px solid #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
td.on {
	background: #222222;
	cursor: pointer;
	width: 100px;
	border: 1px solid #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

-->
</style>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan