Udvikleren.dk - Seneste [navigation] forum tr�de

Navigation Bar - css / styling

Fri, 11 Jul 2014 01:16:06 GMT

Heej, nu har jeg sidder og roddet med det her i 3 timer snart, og jeg kan bare ikke f� lavet en ordenlig "seperator" imellem mine links. jeg har pr�vet med borders, men der kommer mellemrum imellem, og der kan jeg ikke g�re det p� kun de "ikke yderste" links. det jeg pr�ver at finde er en nem m�de at g�re dette p�, p� en nem m�de:

Home | About | Gallery

jeg har pr�vet at lave en "hr seperator div" som jeg lagde ind imellem mine lists, men det lavede et linebreak, og ville slet ikke line op med mine links. pr�vede ogs� at for hvert enkelt link, at lave borders, men der kom stadig et mellemrum mellem de 2 borders, s� det s� ret dumt ud. Og i mit hovede burde det virkelig ikke v�re s� besv�rligt at lave, men det vil bare ikke virke, s� h�ber at en af jer her et nemt fix.
Mvh. WunderStrudel

dropdown fejl i Firefox

Mon, 06 Feb 2012 23:13:53 GMT

God aften, herinde!
Jeg har et lille problem med en navigations menu som ikke gider fungere i firefox hvilket undre mig lidt da den virker fint i Chrome og safari.. Den gider ikke "folde sig ud" n�r jeg klikker p� den i firefox.. Jeg har vedlagt et link, css dokumentet og index.html.

Link: Firefox rod.. ;D

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
 
 <!--[if lt IE 9]>
 <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 
 <!-- Sprog -->
 <html lang="en">
 <head>
 
 <!-- Title -->
 <title>Placeholder text</title>
 
 <!-- Metatags -->
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="description" content="MLS-Design Admin">
 <meta name="generator" content="Mlsadmin http://mlsdesign.dk/">
 <meta name="author" content="Mads Lind">
 
 <!-- Stylesheet -->
 <link rel="stylesheet" href="stylesheet/admin.css" type="text/css" media="screen">
 <link rel="stylesheet" href="stylesheet/font.css" type="text/css" media="screen">
 
 <!-- Midlertidig Stylesheet -->
 <link rel="stylesheet" media="all" href="stylesheet/dropdown/dropmenu.css" />
 <!-- !! -->
 
 <!-- MidlertidigScript -->
 <script src="stylesheet/dropdown/drop3.js"></script>
 <!-- !! -->
 
 </head>
 <body>
 
 <div class="header">
     
 <div class="navn">
 <h1><span>Placeholder text.</span></h1>
 </div>
 
 <div class="logud">
 <h2><span><a href="#">Log ud</a></span></h2>
 </div>
 
 <div class="hilsen">
 
 <!-- Hilsen generator -->
 <h2><span><SCRIPT LANGUAGE="JavaScript">
 d=new Date();t=d.getHours();
 if(t>=0 && t<=6) s="Hej, ";
 if(t>=6 && t<=9) s="God morgen, ";
 if(t>=9 && t<=11) s="God formiddag, ";
 if(t>=11 && t<=13) s="God middag, ";
 if(t>=13 && t<=16) s="Goddag, ";
 if(t>=16 && t<=19) s="God eftermiddag, ";
 if(t>=19 && t<=24) s="God aften, ";
 document.writeln("" + s + "");
 </SCRIPT></span> Navn!</h2></div>
 </div>
 
 <div class="menu">
 
 <!-- navigation -->    
 <section id="search-facets" class="secondary" role="complementary">
 <ul class="facets island pjax-trigger">
 <li id="category-facets" class="facet">
 <h3>Dashbord</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Besøg</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Demografi</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Browser</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Trafikkilde</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Indstillinger</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Generalt</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Virksomheden</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Bruger</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Oversigt</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Tilføj</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Rediger</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Fjern</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Billeder</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Galleri</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Upload</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Film</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Galleri</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Upload</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Aktive sider</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Opret side</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Ændre side</a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 Slet side</a>
 </li>
 </ul>
 <li id="tag-facets" class="facet">
 <h3>Nyheder</h3>
 <ul class="facet-group">
 <li class="selected">
 <a href="#"
 data-params="#"></a>
 </li>
 <li>
 <a href="#"
 data-params="#">
 MLS Design</a>
 </li>
 </ul>
 </ul>
 </section>
 <!-- !! -->
 
 <!-- Midlertidig Script -->
 <script src="stylesheet/dropdown/drop2.js"></script>
 <script src="stylesheet/dropdown/drop1.js"></script>
 <!-- !! -->
 
 </div>
 <div class="wrapper">
 <div class="content"></div>
 </div>
 <div class="footer">
 <div class="tak"><h2><span>Placeholder text..</span></h2></div>
 <div class="version"><h2><span>Placeholder text..</span></h2></div>
 
 </div>
 </body>
 </html>

CSS:

CSS kode

 /* Stylesheet over elementer på s1den.
 Udarbejdet af Mads Lind, MLS Design */
 
 body {
     text-align:center;
     background-color: #f9f9f9;    
 }
 
 .header {
     z-index:2;
     position:fixed;
     text-align:left;
     top:0px;
     left:0px;
     height:40px;
     width:100%;
     min-width:900px;
     background-color: #464646;    
 }
 
 .header .navn {
     float:left;
     height:30px;
     width:auto;
     padding-left:5px;
     margin-left:27px;
     padding:3px;    
 
 }
 
 .header .hilsen {
     float:right;
     height:100%;
     width:auto;
     padding-right:10px;
     padding-top:3px;
 }
 
 .header .logud {
     float:right;
     height:20px;
     width:auto;
     padding-top:3px;
     margin-left:7px;
     margin-right:15px;
 }
 
 .wrapper {
     margin-top:40px;
     padding:10px;
     padding-right:35px;
     margin-left:220px;
     margin-bottom:100px;
 }
 
 .menu {
     position:absolute;
     left:10px;
     float:left;
     text-align:left;
     margin-top:30px;
     margin-bottom:100px;
     margin-left:20px;
     margin-right:10px;
     height:400px;
     width:182px;
     background-color:none;    
 }
 
 .content {
     float:left;
     margin-top:20px;
     margin-bottom:75px;
     min-height:300px;
     height:auto;
     width:100%;
     min-width:880px;
     background-color:#fbfbfb;
     border: 2px solid #e2e3ed; 
     -moz-border-radius: 5px;
     border-radius: 5px;    
 }
 
 .footer {
     z-index:1;
     position:fixed;
     text-align:left;
     bottom:0px;
     left:0px;
     height:40px;
     width:100%;
     min-width:900px;
     margin:0px;
     background-color: #464646;
     
 }
 
 .footer .tak {
     float:left;
     height:20px;
     width:auto;
     padding-top:5px;
     margin-right:7px;
     margin-left:15px;
 }
 
 .footer .version {
     float:right;
     height:100%;
     width:auto;
     padding-right:15px;
     padding-top:3px;
 }

dropmenu

CSS kode

 ol,ul{
 list-style:none;
 margin:0;
 padding:0;
 border:0;
 }
 
 b,strong{
 font-weight:700;
 }
 
 li a{
 font-size:14px;
 text-decoration:none;
 color:#447bc4;
 line-height:190%;
 padding-left:3px;
 font-family:Helvetica, Arial, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
 }
 
 .island{
 background:#FCFDFE;
 background-image:-webkit-gradient(linear,left bottom,left top,from( #fcfdfe),to( #f4f8fc));
 background-image:linear-gradient( #fcfdfe, #f4f8fc);
 background-image:-moz-linear-gradient( #fcfdfe, #f4f8fc);
 background-image:-webkit-linear-gradient( #fcfdfe, #f4f8fc);
 border:1px solid #c9ddf2;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
 -moz-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
 -webkit-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
 display:block;
 float:left;
 margin-bottom:15px;
 padding:14px 14px 16px;
 }
 
 .island>section{
 border-bottom:1px solid #C9DDF2;
 border-top:1px solid transparent;
 margin:0 -14px;
 padding:14px;
 float:left;
 width:100%;
 }
 
 .island>section:first-child{
 border-top:0;
 padding-top:0;
 }
 
 .island>section:last-child{
 border-bottom:0;
 }
 
 header+.island{
 margin-top:1em;
 }
 
 #standalone{
 float:none;
 margin:6em auto 0;
 width:500px;
 }
 
 .primary{
 margin-left:210px;
 position:relative;
 }
 
 .primary .primary{
 margin-right:210px;
 margin-left:0;
 }
 
 .primary .secondary{
 float:right;
 }
 
 .primary .island.hero{
 width:720px;
 position:relative;
 }
 
 .html-rtl.gutter .primary{
 margin-left:210px;
 margin-right:0;
 }
 
 .html-rtl.gutter .primary.full{
 margin-left:0;
 }
 
 .full{
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 float:none;
 margin:auto 0!important;
 width:100%;
 }
 
 .secondary{
 float:left;
 width:180px;
 }
 
 .secondary li{
 border:1px solid rgba(0,0,0,.19999999999999996);
 border-width:0 0 1px 0;
 position:relative;
 }
 
 .secondary li:first-child{
 border-top-width:1px;
 }
 
 .secondary li a.selected{
 color:#333;
 font-weight:700;
 }
 
 .secondary li a.selected,.secondary li a:hover{
 background:#ECF5FE;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding-left:3px;
 
 }
 
 #search-facets h2,#search-facets h3,#search-facets p{
 font:italic 15px/1 Georgia,serif;
 }
 
 #search-facets h3,#search-facets p{
 color:#666;
 }
 
 #search-facets h2,#search-facets .facets{
 margin-bottom:8px;
 }
 
 #search-facets h2{
 line-height:29px;
 margin-bottom:16px;
 min-height:29px;
 padding:0;
 text-transform:inherit;
 }
 
 #search-facets h3{
 font-size:18px;
 margin-bottom:4px;
 line-height:130%;
 font-family: Georgia, serif;
 }
 
 #search-facets p{
 font-size:14px;
 padding:0 11px;
 text-align:center;
 }
 
 #search-facets p b{
 font-weight:none;
 }
 
 #search-facets ul{
 margin:0;
 }
 
 /* fjerne linje */
 #search-facets li{
 border:0;
 }
 
 /* Bredden */
 #search-facets .facets{
 background:none rgba(255,255,255,.4);
 border-color:#D7D9E8;
 padding:0;
 width:100%;
 }
 
 /* Højden */
 #search-facets .facets .facet{
 border-top:1px dotted #D7D9E8;
 padding:10px;
 }
 
 /* Pilene */
 #search-facets .facets .facet:after{
 color:#ccc;
 content:"\0BB";
 font:normal 17px/14px Georgia,serif;
 position:absolute;
 right:10px;
 top:15px;
 }
 
 /* Musens markør */
 #search-facets .facets .facet:hover{
 cursor:pointer;
 }
 
 /* Farven på pilen */
 #search-facets .facets .facet:hover:after{
 color:#666;
 }
 
 /* Størrelsen på boxen */
 #search-facets .facets .facet>ul{
 max-height:250px;
 overflow-y:auto;
 }
 
 /* Den gemmer underpunkterne */
 #search-facets .facets .facet li a{
 display:none;
 }
 
 /* Den tekst som kommer frem */
 #search-facets .facets .facet li.selected>a{
 font-weight:700;
 color:#d16b00;
 display:block;
 }
 
 #search-facets .facets .facet li.selected>a:hover{
 text-decoration:none;
 }
 
 /* Ændre retning på pilen */
 #search-facets .facets .facet.active:after{
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg);
 }
 
 /* Den får teksten til at komme frem */
 #search-facets .facets .facet.active li a{
 display:block;
 }
 
 #search-facets .facets .facet.active:hover li a{
 pointer-events:auto;
 }
 
 #search-facets .facets .facet.active ul+ul{
 margin-top:1em;
 }
 
 .html-rtl #search-facets li ul{
 padding:0 12px 0 0;
 }
 
 .html-rtl #search-facets .facets .facet:after{
 right:auto;
 left:10px;
 }
 
 .html-rtl #search-facets .facets .facet.active:after{
 -webkit-transform:rotate(-90deg);
 -moz-transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -o-transform:rotate(-90deg);
 transform:rotate(-90deg);
 }
 
 .results{
 position:relative;
 }

Flash navigation med AS3

Fri, 21 Oct 2011 23:01:22 GMT

Jeg er ved at l�re at bruge flash, hvor jeg �nsker at lave en simpel skalerbar (fluid) side med actionscript navigation.
Jeg har filen main.fla, som indeholder movieclips for hver side, som da ins�ttes vha. actionscript i filen Main.as. Jeg har ogs� en .as fil koblet til hvert movieclip og disse indeholder pt. menuen, s�ledes at jeg kan skifte mellem de forskellige movieclips.

Min Main.as fil:

JScript kode

 package {
     import flash.display.*;
     import flash.events.*;
     
     public class Main extends MovieClip {
         private var news:News;
         private var photos:Photos;
         private var currentScreen:MovieClip;
         
         public function Main() {
             news = new News();
             addChild(news);
             currentScreen = news;
             photos = new Photos();
         }
         
         public function gotoNews():void {
             removeChild(currentScreen);
             addChild(news);
             currentScreen = news;
         }
         
         public function gotoPhotos():void {
             removeChild(currentScreen);
             addChild(photos);
             currentScreen = photos;
         }
         
     }
 }

Min News.as fil:

JScript kode

 package {
     import flash.display.*;
     import flash.events.*;
     
     public class News extends MovieClip {
         
         public function News() {
             addEventListener(Event.ADDED_TO_STAGE, addedHandler);
             addEventListener(Event.REMOVED_FROM_STAGE, removedHandler);
             
             news_btn.addEventListener(MouseEvent.CLICK, news_btnClicked);
             photos_btn.addEventListener(MouseEvent.CLICK, photos_btnClicked);
 
         }
         private function addedHandler(event:Event):void {
 
         }
         private function removedHandler(event:Event):void {
             
         }
         private function news_btnClicked(event:MouseEvent):void {
             MovieClip(parent).gotoNews();
         }
         private function photos_btnClicked(event:MouseEvent):void {
             MovieClip(parent).gotoPhotos();
         }
 
         
     }
 }

Strukturen er lavet vha. denne tutorial: Better Flash Navigation using AS3 Classes

Som det fungerer nu, udskiftes det nuv�rende movieclip ved "removeChild(currentScreen);" og "addChild();".

Er det muligt at have f.eks. en menu p� hver side, som ligger i filen Main.as eller skal den v�re p� hver side?

Derp� vil jeg gerne have skalerbart design, men som det ser ud nu, skal dette ogs� kodes igen og igen for hver enkel screen.

Jeg ved godt det ikke er s� klart hvad jeg lige vil, men jeg h�ber p� at kunne f� det mere p� plads n�r jeg f�r navigationen til at virke.

Tak p� forh�nd.

Menu-system med AJAX

Tue, 26 Apr 2011 20:55:41 GMT

Hej Udviklere

Jeg fors�ger at lave en side med ganske f� menupunkter/sider, men med musik der skal kunne k�re p� tv�rs af alle siderne (undlad at bem�rke at musik, som starter automatisk er irriterende - det er ikke hvad jeg �nsker).

Jeg t�nker da at den mest optimale m�de m� v�re, at opdatere hovedindholdet uden af genindl�se siden - alts� ved at bruge AJAX. Jeg har lavet en meget stabil side, som loader hovedindholdet fra HTML-kode i en .txt fil og inds�tter det p� siden. Jeg har s� lavet en javascript funktion og en .txt fil for hver side og indsat scriptet, som loader startsiden i <head> af HTML filen. Alt dette fungere helt fint, men hvis f.eks. javascript er deaktiveret, s� er siden jo helt tom fra starten af og det er heller ikke muligt at v�lge en ny i menuen.

Hvordan kan dette l�ses? Alts� at lave et helt almindeligt menu-system, som er udtyret med AJAX og ingen browser-genindl�sning.

Tak p� forh�nd

Udover det er det jo heller ikke muligt at bruge browserens "tilbage" knap, men det er dog mindre vigtigt, da det jo er tilf�ldet ved mange andre sider, herunder flash etc.

Hj�lp til at f�rdigg�re navigation script

Wed, 20 Apr 2011 16:52:41 GMT

Hej alle,

Jeg har skrevet om dette for et par dage siden, men det lykkedes desv�rre ikke at l�se problemet med de ellers super gode forslag der kom :-)

Jeg er i gang med at lave et mindre cms.

Da det er helt nyt med php og mysql for mit vedkommende har det taget uendeligt lang tid at komme hertil hvor jeg er nu = t�t p� m�lstregen :-)

Jeg form�ede fint at lave et cms, hvor der blot var en tabel involveret som navigation.

Nu er jeg ved at udvide dette, til at indeholde to tabeller (dvs. relationer i databasen), hvor den ene tabel fungerer som parent i en global horisontal menu, og den anden tabel fungerer som child i en vertikal menu.

N�r en parent er klikket p�, viser de relevante children sig, helt fint.

Men n�r jeg klikker p� et child link, s� forsvinder resten af child navigationen, hvilket ikke er intentionen, men logisk ifht min kode, som jeg simpelthen sidder fast med ifht at f� tilpasset til ovenst�ende.

Min database ser ud som f�lger:

Dette er for den globale menu = parents i navigationen = subjects i mine queries

SQL kode

 id (primary key)
 subjecttitle (sidens titel)    
 linklabel    (navn på link i navigationen)
 subjectbody    (sidens indhold)
 pos    (sidens position ifht hinanden)
 showing    
 keywords    
 description    
 lastmodified

Dette er for den lokale menu = children i navigationen = pages i mine queries!

SQL kode

 id (primary key)
 subjectid [b](der hvor jeg laver relationen mellem de 2 tabeller)[/b][u][/u]
 subjecttitle (sidens titel)    
 linklabel    (navn på link i navigationen)
 subjectbody    (sidens indhold)
 pos    (sidens position ifht hinanden)
 showing    
 keywords    
 description    
 lastmodified

Som det er nu, s� vises parent navigationen, det skal den ogs�, hele tiden.

N�r jeg klikker p� en parent, s� vises de rigtige children. Men de forsvinder efter at en af dem er klikket = kernen af mit navigations problem!

Det skyldes logisk nok nedenst�ende kode, hvor jeg fors�ger at fastsl� om enten en parent eller en child er aktiv:

PHP kode

 if (isset($_GET['sid'])) {
     $subjectid = ($_GET['sid']);
     $pageid = NULL;
     $subjectid = preg_replace("[^0-9]", "", $_GET['sid']); // filter everything but numbers for security
 } elseif (isset($_GET['pid'])){
     $subjectid = NULL;
     $pageid = ($_GET['pid']);
     $pageid = preg_replace("[^0-9]", "", $_GET['pid']); // filter everything but numbers for security
 }    else {
     $subjectid = '1';
     $pageid = NULL;
 }

M�den hvor jeg har lavet min parent navigation, ser s�ledes ud:

PHP kode

 // Query the body section for the title and body text for subjects------------------------------------------
 $sqlCommand = "SELECT subjecttitle, subjectbody FROM subjects WHERE id='$subjectid' LIMIT 1"; 
 $query = mysqli_query($myConnection, $sqlCommand) or die (mysqli_error()); 
 while ($row = mysqli_fetch_array($query)) { 
     $subjecttitle = $row['subjecttitle'];
     $subjectbody = $row["subjectbody"];
 } 
 mysqli_free_result($query); 
 //------------------------------------------------------------
 
 // Build SUBJECT navigation and gather SUBJECT data here---------------
 $sqlCommand = "SELECT id, linklabel, pos FROM subjects WHERE showing='1' ORDER BY pos ASC"; 
 $query = mysqli_query($myConnection, $sqlCommand) or die (mysqli_error()); 
 
 $SubjectMenuDisplay = '';
 while ($row = mysqli_fetch_array($query)) { 
     $sid = $row["id"];
     $linklabel = $row["linklabel"];
     $position = $row['pos'];
     
     $SubjectMenuDisplay .= '<li><a href="index.php?sid=' . $sid . '">' . $linklabel . '' . $position . '</a></li>';
     
 } 
 mysqli_free_result($query); 
 
 // Setting data for default values for index page/landing page
 $sqlIndexCommand = "SELECT * FROM subjects WHERE id='1'"; 
 $query = mysqli_query($myConnection, $sqlIndexCommand) or die (mysqli_error()); 
 
 while ($row = mysqli_fetch_array($query)) { 
     $IndexLinklabel = $row["linklabel"];
     $IndexPosition = $row['pos'];
     $Indexid = $row["id"];
     $SubjectIndexTitle = $row['subjecttitle'];
     $SubjectIndexBody = $row["subjectbody"];
     
     
     $SubjectIndexMenuDisplay .= '<li><a href="index.php?sid=' . $Indexid . '">' . $IndexLinklabel . '' . $IndexPosition . '</a></li>';
 }
 //******************SUBJECT  DATA ENDS HERE**************************

M�den hvor jeg har lavet min children navigation, ser s�ledes ud:

PHP kode

 // Query the body section for the proper page------------------------------------------
 $sqlCommand = "SELECT pagetitle, pagebody FROM pages WHERE id='$pageid' LIMIT 1"; 
 $query = mysqli_query($myConnection, $sqlCommand) or die (mysqli_error()); 
 while ($row = mysqli_fetch_array($query)) { 
     $pagetitle = $row['pagetitle'];
     $pagebody = $row["pagebody"];
     $subejctid = $row["subject"];
 } 
 mysqli_free_result($query); 
 //----------------------------------------------------------------
 
 // Build PAGE navigation relevant to subject-----------------------
 $sqlCommand = "SELECT * FROM pages WHERE subjectid='" . $subjectid . "' AND showing='1' ORDER BY pos ASC"; 
 $query = mysqli_query($myConnection, $sqlCommand) or die (mysqli_error()); 
 
 $PageMenuDisplay = '';
 while ($row = mysqli_fetch_array($query)) { 
     $pid = $row["id"];
     $linklabel = $row["linklabel"];
     $position = $row['pos'];
                                     
     $PageMenuDisplay .= '<li><a href="index.php?pid=' . $pid . '">' . $linklabel . '' . $position . '</a></li>';
     
 } 
 mysqli_free_result($query); 
 
 //******************PAGES AND MODULE DATA ENDS HERE***********
 ?>

Alt dette k�rer i toppen af min side.

Derefter har jeg min html, hvor jeg echo'er variablerne ud p� denne m�de:

HTML kode

 <!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><?php if (isset($_GET['pid'])){    
     echo $pagetitle;
 } elseif (isset($_GET['sid'])){
     echo $subjecttitle;
 } else echo $SubjectIndexTitle;
 ?></title>
 <link href="styles/style.css" rel="stylesheet" type="text/css" media="all" />
 </head>
 <body>
 <div id="wrapper2">
 <div id="wrapper">
     <div id="header"><div align="right"><a href="administrator/login/login-form.php">Admin</a></div></div>
     
     <div id="top_nav">
     <ul>
     <?php 
     echo $SubjectMenuDisplay;    
     ?>
     </ul>
     </div> 
       
     <div id="left"> 
     <ul>  
     <?php [b]// HER SKAL DER OGSÅ ÆNDRES NOGET, IKKE[/b]?    
         if (isset($_GET['sid'])){ 
     echo $PageMenuDisplay;
     } 
     ?>
     </ul>
     </div> 
        
     <div id="right">    
     <?php 
     if (isset($_GET['pid'])){    
     echo $pagebody; 
     } elseif (isset($_GET['sid'])){
     echo $subjectbody;
     } else echo $SubjectIndexBody;
     ?>
     </div>  
 
       <div id="footer"><address><?php echo $footer; ?></address></div>
 </div>
 </div>
 <?php mysqli_close($myConnection); ?>
 </body>
 </html>

Det er klart at navigationen forsvinder efter en page er set, da en page kun kan vises hvis et subject er set, ifht min kode helt i toppen.

Jeg kan simpelthen ikke gennemskue hvordan det skal g�res og har brugt en uge p� at finde logikken i det nu, samt rodet rundt p� google i flere dage.

S� dette er et mindre n�dr�b :-/

Er sikker p� at det er relativt lidt der skal �ndres, but how?

Mvh, Jan