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:
Dit is de CSS code die erbij hoort:
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> </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>