Dreamweaver/site omgekeerd...

Status
Niet open voor verdere reacties.

samoerie

Gebruiker
Lid geworden
31 jan 2011
Berichten
217
Hallo, ik ben Samer.

Ik werk met dreamweaver en maak daar sites. Nu heb ik er 1 gemaakt alleen ziet hij er op mijn site heel anders uit dan in : Dreamweaver; in dreamweaver ziet hij er zo uit:

http://img855.imageshack.us/i/41455030.png/

En op de site (als je NIET bent ingelogd) ziet hij er zo uit:

http://img850.imageshack.us/i/65951883.png/

En op de site (als je WEL bent ingelogd) ziet hij er zo uit:

http://img84.imageshack.us/i/15719770.png/

Nu zijn de problemen:

  • Als je niet bent ingelogd is de content helemaal onder het witte vak en online gebruikers ook!
  • Als je niet/wel bent ingelogd is de content helemaal niet goed hij hoort naast de navigatie en hij zit en onder! (Online gebruikers staat ALLEEN goed als je bent ingelogd!)
  • De knoppen van de navigatie zijn niet helemaal afgemaakt!
  • Het oranje vakje waar in staat: Navigatie/Online gebruikers, is ook niet helemaal af gemaakt!

PS: In dreamweaver staat hij wel goed!

De script:

PHP:
<?php
/// Start van installatie check ///
if(!isset($var) && file_get_contents("config.php") == "") {
include('pagina/maakconfig.php');
die();
}else{
require_once('class/head.class.php');
}
/// Einde van installatie check ///
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Your site title</title>
<meta name="keywords" content="habbohotel, habbo"/>
<meta name="description" content="habbo" />
<script type="text/javascript" src="javascript.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<html>
</head>
<body>
<div class="content">
<a href="default.asp">
<div class="logo"></div>
</a>

<div class="left">
<div class="padding">
<div>

<h2>Navigatie</h2>
<a href="javascript:showMenu('m1')" onClick="openMenu('home');" class="m2" id="home">Habstraat</a>
<div id="m1">
<a href="?p=home" class="m4">Hotel (Home)</a>

<a href="?p=nieuws" class="m3">Krant (Nieuws)</a><a href="?p=medewerkers"  class="m3">Bouwers (Medewerkers)</a><a href="?p=statistieken" class="m3">Statistieken</a><?php

if(!isset($_SESSION['id'])) {    // Dit betekent, Als de gebruiker niet is ingelogd. ?><a href="?p=login" class="m3">Inchekken (Inloggen)</a><?php

if(!isset($_SESSION['id'])) {    // Dit betekent, Als de gebruiker niet is ingelogd. ?><a href="?p=registreren" class="m3">Ticket Kopen (Registreren)</a>
<a href="?p=faq" class="m3">F.A.Q.</a></div>
<?php
}

// Hieronder zie je het leden systeem menu
?><?php }else{ // Dit betekent, Als de gebruiker WEL is ingelogd. ?><a href="javascript:showMenu('m6')" class="m1" id="jobapplication" onClick="openMenu('jobapplication');"><strong>Leden-Menu</strong></a>
<div id="m6" style="display: none;">

<a href="?p=beveiligdepagina" class="m3">Mijn Straatje (Mijn profiel)</a> <?php $sql = mysql_query("SELECT member_id FROM profiel WHERE member_id='".$_SESSION['id']."'"); if(mysql_num_rows($sql) == 0) { echo "<li><a href='".$root."profiel/aanmaken'>Profiel beheer</a></li>"; }else{ echo "<li><a href='".$root."profiel/gebruiker/".$_SESSION['gebruikersnaam']."'>Profiel beheer</a></li>"; } ?>

<?php if($winkel != "uit") { ?> <a href="?p=shop" class="m3">Shop</a> <?php } ?>

<a href="?p=bank" class="m3">Bank</a>

<a href="?p=uitloggen" class="m3">Uitloggen</a>

<a href="?p=kluis" class="m3">Kraak de kluis</a>

<a href="?p=3xkans" class="m3">Red Black White</a>

<a href="?p=wwveranderen" class="m3">Wachtwoord Veranderen</a>

<a href="?p=overschrijven" class="m3">Overschrijven</a>

<a href="?p=overzicht&mid=<?php echo $_SESSION['id']; ?>" class="m3">Waarschuwingen en Infracties</a>

<a href="?p=muntjesperdag" class="m3">Muntjes Per Dag</a>

<a href="?p=gegevensveranderen" class="m3">Gegevens Veranderen</a>

<a href="?p=poll" class="m3">Poll</a>

<a href="?p=profiel" class="m3">Profiel</a>

<a href="?p=bericht" class="m3">Berichten</a>

bericht
<?php } ?>
</div>

<div id="m2" style="display: none;">
<a href="news/website.php" class="m3">Website News</a>

</div>

<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?><a href="javascript:showMenu('m3')" class="m1" id="radio" onClick="openMenu('radio');"><strong>Radio</strong></a>

<div id="m3" style="display: none;">

<a href="radio/request.php" class="m3">Request/Shouts Insturen</a><a href="radio/timetable.php" class="m3">Schema</a><a href="radio/request.php" class="m3">Shows</a>
<?php } ?>
</div>

<div id="m4" style="display: none;">

<a href="guides/badge.php" class="m3">Badges</a>

</div>

<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?>
<a href="javascript:showMenu('m5')" class="m1" id="rarevalue" onClick="openMenu('rarevalue');"><strong>Admin</strong></a>
<div id="m5" style="display: none;">

<a href="<?php echo $root; ?>admin/leden/overzicht" class="m3">Beheer Habstraatjes!</a>

<a href="<?php echo $root; ?>admin_soll" class="m3">Beheer Sollicitaties!</a>

<a href="<?php echo $root; ?>admin/nieuws/overzicht" class="m3">Beheer de Krant!</a>

<a href="<?php echo $root; ?>admin/winkel/overzicht" class="m3">Beheer de Shop!</a>

<a href="<?php echo $root; ?>agenda" class="m3">Beheer de Agenda!</a>
<?php } ?>


</div>
<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?><a href="javascript:showMenu('m5')" class="m1" id="rarevalue" onClick="openMenu('rarevalue');"><strong>Huisdier</strong></a>
<div id="m5" style="display: none;">

<a href="<?php echo $root; ?>huisdier/bal" class="m3">Bal</a>
<a href="<?php echo $root; ?>huisdier/dierenwinkel" class="m3">Dierenwinkel</a>
<a href="<?php echo $root; ?>huisdier/drinken" class="m3">Drinken</a>
<a href="<?php echo $root; ?>huisdier/hond" class="m3">Hond</a>
<a href="<?php echo $root; ?>huisdier/huisdier" class="m3">Huisdier</a>
<a href="<?php echo $root; ?>huisdier/huisdier_functie" class="m3">Huisdier Functie</a>
<a href="<?php echo $root; ?>huisdier/huisdierconfig" class="m3">Huisdier config</a>
<a href="<?php echo $root; ?>huisdier/krokodil" class="m3">Krokodil</a>
<a href="<?php echo $root; ?>huisdier/mand" class="m3">Mand</a>
<a href="<?php echo $root; ?>huisdier/menuhuisdier" class="m3">Menu Huisdier</a>
<a href="<?php echo $root; ?>huisdier/mijnhuisdier" class="m3">Mijn Huisdier</a>
<a href="<?php echo $root; ?>huisdier/status" class="m3">Status</a>
<a href="<?php echo $root; ?>huisdier/status_functie" class="m3">Status Functie</a>





<?php } ?>
</div>
</div>
</div>
<br />
<div>
  <h2>Online gebruikers</h2>
  <font color="orange">Admin</font><br />
  <font color="lightgreen">Forum Beheerder</font><br />
  <font color="blue">Nieuws Reporter</font><br />
  <br />
  <?
function rang($level,$user){
	if($level == 6){
		return("<font color='orange'>".$user."</font>");
	} elseif($level == 3){
		return("<font color='lightgreen'>".$user."</font>");
	} elseif($level == 2){
		return("<font color='blue'>".$user."</font>");
	} else {
		return($user);
	}
}

$sql = "SELECT member_id,gebruikersnaam,level FROM leden WHERE DATE_SUB(NOW(),INTERVAL 5 MINUTE) <= lastonline ORDER BY gebruikersnaam ASC";
$query = mysql_query($sql);
echo mysql_error();
$tellen = mysql_num_rows($query);

while($rij = mysql_fetch_array($query)) {
	$user = $rij['gebruikersnaam'];
	$level = $rij['level'];
	echo "» <a href=\"?p=profiel&mid=".$rij['member_id']."\">".rang($level,$user)."</a><br>";
$i++;
	}
if($tellen == 0) {
	echo "Er zijn geen online gebruikers.";
}
echo '<br>Totaal: ' . $tellen . '<br><br>';
?></div>    </div>
<div class="middle">
<div class="padding">

<h1><strong>Content</strong></h1><?php
include('pagina.php');
?>
</div>

</div>


<div class="bottom"></div>
</div>
</html>
 
PHP:
body, html {

	margin: 0px;

	height: 100%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/orginalbg.gif);

}

h1 {

	width: 378px;

	padding-left: 10px;

	height: 25px;

	line-height: 25px;

	margin: 0px 0px 5px 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/rubrik1.gif);

	color: #3c5357;

}

h2 {

	width: 181px;

	padding-left: 10px;

	height: 25px;

	line-height: 25px;

	margin: 0px 0px 5px 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/rubrik2.gif);

	color: #254a4a;

}

h3 {

	width: 179px;

	padding-left: 10px;

	height: 25px;

	line-height: 25px;

	margin: 0px 0px 5px 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/rubrik3.gif);

	color: #3c5357;

}

.content_h3_left {
	width: 189px;
	float: left;
	padding-bottom: 10px;
}

.content_h3_right {
	width: 189px;
	float: right;
	padding-bottom: 10px;
}

.m1 {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	width: 173px;
	height: 16px;
	line-height: 16px;
	padding-left: 18px;
	background-image: url(images/m1.gif);
	display: block;
	margin-bottom: 4px;
}

.m2 {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	width: 173px;
	height: 16px;
	line-height: 16px;
	padding-left: 18px;
	background-image: url(images/m2.gif);
	display: block;
	margin-bottom: 4px;
}

.m3 {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	width: 171px;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background-image: url(images/m3.gif);
	display: block;
	margin-bottom: 4px;
}

.m4 {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	width: 171px;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background-image: url(images/m4.gif);
	display: block;
	margin-bottom: 4px;
}

.content {

	width: 800px;

	margin: 0px auto;

	min-height: 100%;

	background-image: url(images/content.gif); 

	border-left: 1px solid black;

	border-right: 1px solid black;

	padding-left: 10px;

	padding-right: 10px;

}

* html .content {

	height: 100%;

}

.nyhetpic {

	width: 48px;

	height: 48px;

	border: 1px solid black;

	margin: 0px 8px 8px 2px;

}

.nyhetlink {

	color: black;

	text-decoration: none;

}

.link {

	color: black;

	text-decoration: none;

}

.link:hover {

	text-decoration: underline;

}

.logo {

	width: 800px;

	height: 162px;

	background-image: url(images/banner.gif);

	background-repeat: no-repeat;

	border: 0px;

	border-bottom: 1px solid black;

}

.left {

	width: 201px;

	float: left

}

.middle {

	width: 598px;

	float: left;

}

.right {

	width: 201px;

	float: right;

}

.bottom {

	clear: both;

}

.padding {

	padding: 5px;

}



a {

	color: black;

}

.disclaimer {

	font-size: 9px;

}

.disclaimer a {

	text-decoration: none;

}

.right a, .left a {

	color: black;

	text-decoration: none;

}

.right a:hover {

	text-decoration: underline;

}

img.bokstav {

	margin-right: 1px;

	margin-bottom: 1px;

}
 
Dat is dus de code,

volgens mij licht het wel aan de Style.css want ik weet bijna 100% zeker dat index.php goed staat...
 
van je html klopt geen drol... de w3 validator geeft 12 errors en 24 warnings, waarvan enkelen verontrustend zijn. Enkele tags zijn verkeerd afgesloten, of komen zelfs meerdere keren voor!

Ik kijk wel eventjes voor je.

EDIT:

De code is echt een mess... Ik raad je aan om de hele pagina gewoon opnieuw op te bouwen!
Ik vond 2 openende html tags, en 1 niet-sluitende body tag... php en html codes liepen door elkaar heen met als gevolg dat veel div containers niet goed werden afgesloten.
De w3 validator geeft een boel fouten aan als het gaat om url encoding enzo, en over het gebruik van php tags binnen een attribuut, maar deze mag je gewoon negeren.

Hier heb je men verbeterde versie, ik weet alleen niet in hoeverre deze beter is:
PHP:
<?php

/// Start van installatie check ///
if(!isset($var) && file_get_contents("config.php") == "") {
	include('pagina/maakconfig.php');
	die();
}else{
	require_once('class/head.class.php');
}
/// Einde van installatie check ///
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="imagetoolbar" content="no" />
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<title>Your site title</title>
		<meta name="keywords" content="habbohotel, habbo"/>
		<meta name="description" content="habbo" />
		<script type="text/javascript" src="javascript.js"></script>
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
		<div class="content">
			<a href="default.asp">
				<div class="logo"></div>
			</a>
 
			<div class="left">
				<div class="padding">
					<div>
 
						<h2>Navigatie</h2>
						<a href="javascript:showMenu('m1')" onClick="openMenu('home');" class="m2" id="home">Habstraat</a>
						<div id="m1">
							<a href="?p=home" class="m4">Hotel (Home)</a>
 							<a href="?p=nieuws" class="m3">Krant (Nieuws)</a>
 							<a href="?p=medewerkers"  class="m3">Bouwers (Medewerkers)</a>
 							<a href="?p=statistieken" class="m3">Statistieken</a>

 							<?php if(!isset($_SESSION['id'])) {    // Dit betekent, Als de gebruiker niet is ingelogd. ?>
 							<a href="?p=login" class="m3">Inchekken (Inloggen)</a>

 							<a href="?p=registreren" class="m3">Ticket Kopen (Registreren)</a>
							<a href="?p=faq" class="m3">F.A.Q.</a></div>

							<?php // Hieronder zie je het leden systeem menu
							} else { // Dit betekent, Als de gebruiker WEL is ingelogd. ?>
							<a href="javascript:showMenu('m6')" class="m1" id="jobapplication" onClick="openMenu('jobapplication');">
								<strong>Leden-Menu</strong>
							</a>
							<div id="m6" style="display: none;">
 
								<a href="?p=beveiligdepagina" class="m3">Mijn Straatje (Mijn profiel)</a>
								<?php $sql = mysql_query("SELECT member_id FROM profiel WHERE member_id='".$_SESSION['id']."'"); 
								if(mysql_num_rows($sql) == 0) {
									echo "<li><a href='".$root."profiel/aanmaken'>Profiel beheer</a></li>";
								}else{
									echo "<li><a href='".$root."profiel/gebruiker/".$_SESSION['gebruikersnaam']."'>Profiel beheer</a></li>";
								} 
								
								if($winkel != "uit") { 
								?> 
								<a href="?p=shop" class="m3">Shop</a> 
								<?php } ?>
 
								<a href="?p=bank" class="m3">Bank</a>
 
								<a href="?p=uitloggen" class="m3">Uitloggen</a>
 
								<a href="?p=kluis" class="m3">Kraak de kluis</a>
 
								<a href="?p=3xkans" class="m3">Red Black White</a>
 
								<a href="?p=wwveranderen" class="m3">Wachtwoord Veranderen</a>
 
								<a href="?p=overschrijven" class="m3">Overschrijven</a>
 
								<a href="?p=overzicht&mid=<?php echo $_SESSION['id']; ?>" class="m3">Waarschuwingen en Infracties</a>
 
								<a href="?p=muntjesperdag" class="m3">Muntjes Per Dag</a>
 
								<a href="?p=gegevensveranderen" class="m3">Gegevens Veranderen</a>
 
								<a href="?p=poll" class="m3">Poll</a>
 
								<a href="?p=profiel" class="m3">Profiel</a>
 
								<a href="?p=bericht" class="m3">Berichten</a>
 
								bericht
								<?php } ?>
							</div>
 
							<div id="m2" style="display: none;">
								<a href="news/website.php" class="m3">Website News</a>
 							</div>
 
							<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?>
							<a href="javascript:showMenu('m3')" class="m1" id="radio" onClick="openMenu('radio');"
								><strong>Radio</strong>
							</a>
 
							<div id="m3" style="display: none;">
 
							<a href="radio/request.php" class="m3">Request/Shouts Insturen</a>
							<a href="radio/timetable.php" class="m3">Schema</a>
							<a href="radio/request.php" class="m3">Shows</a>
							<?php } ?>
						</div>
 
						<div id="m4" style="display: none;">
 
							<a href="guides/badge.php" class="m3">Badges</a>
 
						</div>
 
						<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?>
						<a href="javascript:showMenu('m5')" class="m1" id="rarevalue" onClick="openMenu('rarevalue');">
							<strong>Admin</strong>
						</a>
						<div id="m5" style="display: none;">
 
							<a href="<?php echo $root; ?>admin/leden/overzicht" class="m3">Beheer Habstraatjes!</a>
 
							<a href="<?php echo $root; ?>admin_soll" class="m3">Beheer Sollicitaties!</a>
 
							<a href="<?php echo $root; ?>admin/nieuws/overzicht" class="m3">Beheer de Krant!</a>
 
							<a href="<?php echo $root; ?>admin/winkel/overzicht" class="m3">Beheer de Shop!</a>
 
							<a href="<?php echo $root; ?>agenda" class="m3">Beheer de Agenda!</a>
						</div>
						<?php } ?>
 
						<?php if(isset($_SESSION['admin'])) { // Dit betekent, Als je als admin bent ingelogd. ?>
						<a href="javascript:showMenu('m5')" class="m1" id="rarevalue" onClick="openMenu('rarevalue');">
							<strong>Huisdier</strong>
						</a>
						<div id="m5" style="display: none;">
 
							<a href="<?php echo $root; ?>huisdier/bal" class="m3">Bal</a>
							<a href="<?php echo $root; ?>huisdier/dierenwinkel" class="m3">Dierenwinkel</a>
							<a href="<?php echo $root; ?>huisdier/drinken" class="m3">Drinken</a>
							<a href="<?php echo $root; ?>huisdier/hond" class="m3">Hond</a>
							<a href="<?php echo $root; ?>huisdier/huisdier" class="m3">Huisdier</a>
							<a href="<?php echo $root; ?>huisdier/huisdier_functie" class="m3">Huisdier Functie</a>
							<a href="<?php echo $root; ?>huisdier/huisdierconfig" class="m3">Huisdier config</a>
							<a href="<?php echo $root; ?>huisdier/krokodil" class="m3">Krokodil</a>
							<a href="<?php echo $root; ?>huisdier/mand" class="m3">Mand</a>
							<a href="<?php echo $root; ?>huisdier/menuhuisdier" class="m3">Menu Huisdier</a>
							<a href="<?php echo $root; ?>huisdier/mijnhuisdier" class="m3">Mijn Huisdier</a>
							<a href="<?php echo $root; ?>huisdier/status" class="m3">Status</a>
							<a href="<?php echo $root; ?>huisdier/status_functie" class="m3">Status Functie</a>
 
						</div>
						<?php } ?>
					</div>
				</div>
				<br />
				<div>
					<h2>Online gebruikers</h2>
					<font color="orange">Admin</font><br />
					<font color="lightgreen">Forum Beheerder</font><br />
					<font color="blue">Nieuws Reporter</font><br />
					<br />
					<?
					function rang($level,$user){
						if($level == 6){
							return("<font color='orange'>".$user."</font>");
						} elseif($level == 3){
							return("<font color='lightgreen'>".$user."</font>");
						} elseif($level == 2){
							return("<font color='blue'>".$user."</font>");
						} else {
							return($user);
						}
					}
 
					$sql = "SELECT member_id,gebruikersnaam,level FROM leden WHERE DATE_SUB(NOW(),INTERVAL 5 MINUTE) <= lastonline ORDER BY gebruikersnaam ASC";
					$query = mysql_query($sql);
					echo mysql_error();
					$tellen = mysql_num_rows($query);
 
					while($rij = mysql_fetch_array($query)) {
						$user = $rij['gebruikersnaam'];
						$level = $rij['level'];
						echo "» <a href=\"?p=profiel&mid=".$rij['member_id']."\">".rang($level,$user)."</a><br>";
						$i++;
					}

					if($tellen == 0) {
						echo "Er zijn geen online gebruikers.";
					}

					echo '<br>Totaal: ' . $tellen . '<br><br>';
					?>
				</div>
			</div>
			<div class="middle">
				<div class="padding">
 					<h1>
 						<strong>Content</strong>
 					</h1>
 					<?php
					include('pagina.php');
					?>
				</div>
 			</div>
			<div class="bottom">
			</div>
		</div>
	</body>
</html>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan