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

Hj�lp til menu!!

Fri, 02 Sep 2016 11:53:21 GMT

Hej!

http://mpdenmark.com/

Jeg har et problem med burgermenuen p� mobil og tablet p� forsiden af dette website?!

Menuen virker fint p� alle andre sider, men bare ikke forsiden?

h�ber i kan hj�lpe

//kriskryger

Hvordan laver man "page indicator" p� en one page?

Tue, 30 Dec 2014 17:57:58 GMT

Hej alle,

Findes der en nem m�de at lave "page indicator" eller "aktivt menupunkt" p� en one page hjemmeside?

Jeg har s�gt og s�gt, men kan ikke finde nogle nemme l�sninger. Jeg er ikke en mester-koder, s� det skal v�re noget forholdsvis enkelt kode.

Kender nogen af jer eventuelt nogle gode tutorials eller videoer, der viser, hvordan man kan g�re?

Jeg h�ber I kan hj�lpe :-)

JavaFX ryg vindu

Mon, 09 Jun 2014 08:47:19 GMT

Hej alle sammen, jeg vil gerne bede om lidt hj�lp her. Jeg er igang med at kode lidt her og der, men lige nu er jeg st�dt p� det problem som hedder at jeg gerne vil have mit vindu til at rygge sig n�r jeg klikker p� menubaren.

Her er koden :

Java kode

 public static double yset, xset;
 
 public static void SetMenu() {
   addDragablenode(Menubar);
  //Alt det andet kode er holdt skjult
 }
 
 private static void addDragablenode(final Node node) {
         node.setOnMousePressed((MouseEvent e) -> {
             xset = e.getX() - tsudio.inique.App.PrimaryStage.getScene().getX();
             yset = e.getY() - tsudio.inique.App.PrimaryStage.getScene().getY();
         });
         
         node.setOnMouseDragged((MouseEvent e) -> {
             tsudio.inique.App.PrimaryStage.setX(e.getSceneX() + xset);
             tsudio.inique.App.PrimaryStage.setY(e.getSceneY() + yset);
         });
 }

Der kommer ingen fejl, den g�r bare ikke noget.

Kun menu p� forsiden

Sun, 19 Jan 2014 12:18:08 GMT

Hej!

Jeg er ved at lave en responsiv hjemmeside. P� mobil-versionen vil jeg gerne have, at menu'en KUN er p� forsiden. Hvis man eventuelt trykker sig ind p� "kontakt"-siden, skal menu'en alts� forsvinde. Hvordan koder jeg dette? Er det ligesom, hvis man laver et aktivt menupunkt?

H�ber nogle kan hj�lpe :-)

Mvh

Charlotte

Problemer med aktivt menupunkt, HJ�LP

Sat, 18 Jan 2014 15:16:16 GMT

Hej!

Har problemer med at style mit aktive menupunkt. "Boksen" skal have en hvid baggrundsfarve - men bliver kun hvid lige bag teksten, i stedet for at udfylde det hele...

Her er koden:

HTML kode

 <nav>
 
     <ul>
     
     <?php if ($this_page == "index.php"){$active_class = "active";} else{$active_class = "";}?>
     <li class="menu"><a href="index.php" class="<?php echo $active_class ?>">Forside</a></li>
         
     <?php if ($this_page == "om.php"){$active_class = "active";} else{$active_class = "";}?>
     <li class="menu"><a href="om.php" class="<?php echo $active_class ?>">Om os</a></li>
         
     <?php if ($this_page == "malselv.php"){$active_class = "active";} else{$active_class = "";}?>
     <li class="menu"><a href="malselv.php" class="<?php echo $active_class ?>">Mal selv</a></li>
         
     <?php if ($this_page == "galleri.php"){$active_class = "active";} else{$active_class = "";}?>
     <li class="menu"><a href="galleri.php" class="<?php echo $active_class ?>">Galleri</a></li>
         
     <?php if ($this_page == "kontakt.php"){$active_class = "active";} else{$active_class = "";}?>
     <li class="menu"><a href="kontakt.php" class="<?php echo $active_class ?>">Kontakt</a></li>
     
     
     </ul>
 
 </nav>

CSS kode

 .menu{
     float: left;
     text-align: center;
     overflow:visible;
     padding: 1%;
     display: inline;
     margin: 0 1% 0 0;
     background-color:#3376bc;
     width:16.7%;
     border-top-left-radius: 0.6em;
     border-top-right-radius: 0.6em;
     font-family: font-family: 'Noto Serif', serif;
     font-size: 1.1em;    
 }
 
 /*nav ul{
     background-color: #CCC;
     width: 100%;
 }*/
 
 .menu a{
     text-decoration: none;
     color: white;
 }
 
 .menu a:visited{
     text-decoration: none;
 }
 
 .menu:hover{
 }
 
 .menu a:hover{
     text-decoration: underline;
 }
 
 .menu a.active{
     -webkit-appearance:none;
     background-color:#fff;
     color:#03C;
         }

H�ber der er nogen, der kan hj�lpe! P� forh�nd tak.

Wordpress menu

Mon, 02 Dec 2013 17:28:00 GMT

K�re udviklere,

Sidder og skal arbejde med nogle wordpress sider. Men kan ikke helt f� menuen til at fungere som jeg gerne vil have. Har ikke arbejdet med det i noget tid, s� ville h�re om I ikke kunne hj�lpe lidt.

For det f�rste, skal jeg have en statisk side som forside. Inde i "Sider > Tilf�j ny" opretter jeg s� en side med teksten "Ny udgivelse". Under "Udseende > Menuer" har jeg s� en hovedmenu, hvor min "Ny udgivelse" er tilf�jet. Jeg har s� �ndret titlen p� menuen til at v�re "Forside".

Dog, vil den stadigv�k have at min url skal se s�ledes ud:
url.com/forside/

Hvor jeg gerne vil have den til at hedde
url.com/

Selvf�lgelig, hvis jeg s� har flere sider skal den naturligvis have det ekstra p�. Og helst det som er menuens titel, og ikke siden titel.

Nogen der kan hj�lpe, hurtigst muligt?

Drop Down Menu gemmer sig bag flash.

Thu, 14 Mar 2013 08:44:38 GMT

Hej alle.
Jeg har en hjemmeside hvor Drop Down Menuen, i IE, ligger sig bag et stykke flash.

Jeg har pr�vet med:
<param name="wmode" value="transparent">

Men det virkede desv�rre ikke.
Er der nogen der kan hj�lpe?

Hvis I har brug for det kan I se siden her:
www.copmer.dk

MVH,
Michael Boye Olsen

Menu-item forbliv valgt, ved hover af undermenu?

Mon, 18 Feb 2013 20:17:26 GMT

Hej folkens jeg sidder med et lille problem, og google lader ikke til at kunne hj�lpe mig. Jeg har lavet den her hjemmeside som har en menu i toppen, til den har jeg s� lavet en slidedown-undermenu, som via Jquary glider ned n�r man har holdt over en af hovedmenuerne et par milisekunder. N�r man s� holder musen over en af hovedmenuerne, f�r den en baggrundsfarve, s� man kan se det er den man holder over, men n�r man k�rer ned over undermenuen der er poppet op, mister hovedmenuen sin baggrundsfarve, selvf�lgelig fordi man ikke l�ngere holder musen over den, hvilket den ikke skal. S� mit problem er, hvordan g�r jeg s�dan at hovedmenuen forbliver aktiv n�r jeg holder musen over undermenuen?

Dette er min html-kode:

HTML kode

 <ul id="rightmenu">
     <li><a href="#">Hjælp</a>
         <ul>
             <li><a href="#">Nu på serveren</a></li>
             <li><a href="#">Regler</a></li>
             <li><a href="#">Guides</a></li>
         </ul>
     </li>
     <li><a href="#">Ansøg</a></li>
     <li><a href="#">Log ind</a></li>
 </ul>

Og det her er min css:

CSS kode

 #rightmenu{
     list-style: none;
     font-family: 'Glegoo', serif;
     padding: 20px 0;
     margin: 0 auto;
     list-style: none;
     float: left;
     width: 338px;
     text-align: center;
 }
 
 #rightmenu li{
     display: inline-block;
     margin-right: 2px;
     position:relative;
     z-index:500; 
 }
 
 #rightmenu li a{
     text-decoration: none;
     color: #fff;
     display: block;
     line-height: 100%;
     padding: 12px 20px;
 }
 
 #rightmenu li a:hover{
     color: #155FB0;
     background: rgba(0,0,0,.2);
 }
 
 #rightmenu li ul {
     position:absolute; 
     left:0; 
     display:none; 
     margin:0 0 0 -1px; 
     padding:0; 
     list-style:none;
     text-align: left;
     z-index: 1000;
     font-size: 15px;
     background: #1b1b1b url('billeder/rightbarbg.png');
 }
         
 #rightmenu li ul li {
     width:200px; 
     float:left; 
 }
         
 #rightmenu li ul a {
     display:block;  
     height:15px;
     padding: 20px 20px; 
     color:#fff;
     background: rgba(0,0,0,.2);
 }
 
 #rightmenu li ul a:hover {
     background: rgba(0,0,0,.4);
 }

Og hvis i ogs� lige vil have javascriptet med:

JScript kode

 <script type="text/javascript">
     $(document).ready(function () { 
 
         $('#rightmenu li').hover(
             function () {
                 $('ul', this).stop().slideDown(250);
             }, 
             function () {
                 $('ul', this).stop().slideUp(200);          
             }
         );
     });
 </script>

Jeg h�ber i kan hj�lpe, det ville v�re fedt, jeg fandt nemlig nogle l�sninger p� nettet, men de virkede ikke for mig af en eller anden grund! P� forh�nd tak

PHP menu med XML

Fri, 26 Oct 2012 06:13:29 GMT

Hej med jer.
Jeg har lavet en menu i PHP, som her submenu i 1 niveau. Selve menuen kommer fra en XML fil.
Det hele fungerer som s�dan fint nok, men jeg har et problem med at f� markeret punktet i hovedmenuen som v�rende aktivt, n�r man er p� en undermenu.

F.eks.

artikler -> kategori 1

Hvis man er p� siden der h�rer til kategori 1, skal det selvf�lgelig markeres aktivt. Men punktet artikler ogs� markeres som aktivt, da man jo er under det. H�ber det giver mening.

Min XML struktur kommer her:

XML kode

 <menu>
 <menuitem menuid="1" root="" name="Forsiden" description="beskrivelse" page="forsiden" title="titel" keywords="keywords"/>
 <menuitem menuid="2" root="" name="Side2" description="beskrivelse" page="Side2" title="titel" keywords="keywords"/>
 <menuitem menuid="3" root="2" name="Underside1" description="beskrivelse" page="Underside1" title="titel" keywords="keywords"/>
 </menu>

Koden jeg bruger til at hente menuen ser s�dan ud:

PHP kode

 <ul>
 <?php
 $menu = xml2array(file_get_contents('xml/menu.xml'));
 $i = 0;
 $count = count($menu['menu']['menuitem']);
 while ($i <= $count):
     If ($menu['menu']['menuitem'][$i.'_attr']['root'] == '' && isset($menu['menu']['menuitem'][$i.'_attr']['name']) ) { 
     If ($page == $menu['menu']['menuitem'][$i.'_attr']['page']) $class1='active';
     If ($page == $menu['menu']['menuitem'][$i.'_attr']['page']) $class1='active';
     echo '<li id="'.$class1.'"><a href="?page='.$menu['menu']['menuitem'][$i.'_attr']['page'].'">'.$menu['menu']['menuitem'][$i.'_attr']['name'].'</a>'; 
     $class1='';
     $submenu = xml2array(file_get_contents('xml/menu.xml'));
     $i2 = 0;
     echo '<ul>';
     for ($p = 0; $p <= 30; $p++) {
         If ($submenu['menu']['menuitem'][$p.'_attr']['root'] == $menu['menu']['menuitem'][$i.'_attr']['menuid']) {
         If ($page == $submenu['menu']['menuitem'][$p.'_attr']['page']) $class='active';
         echo '<li class="'.$class.'"><a class="sublink" href="?page='.$submenu['menu']['menuitem'][$p.'_attr']['page'].'">'.$submenu['menu']['menuitem'][$p.'_attr']['name'].'</a></li>';
         $class='';
         }
     }
     echo '</ul></li>';
     }
     
     $i++;
 endwhile;
 ?>
 </ul>

php menu mysql �ben og luk funktion

Sun, 21 Oct 2012 21:44:29 GMT

Hejsa.

Jeg har nu med hj�lp fra nettet og nogle herinde fra f�et lavet en multilevel menu.
Det jeg ikke kan finde ud af er hvordan jeg laver den funktionel, alts� med �ben og luk funktion.
Det skal helst v�re i s� meget php som muligt, da n�r der bliver trykket p� en kategori side
s� skal der �bne en ny side der her relation til den side der lige er klikket p�, og selvf�lgelig skal submenuen stadig �bne sig nedenunder.

Det er mulighvis meget simpelt, men min hjerne er stuck i det her problelm

Her der den kode jeg har customized og fundet frem til.

PHP kode

 function display_children($parent, $level) {
     $result = mysql_query("SELECT a.id, a.label, a.link, Deriv1.Count FROM `menu` a  LEFT OUTER JOIN (SELECT parent, COUNT(*) AS Count FROM `menu` GROUP BY parent) Deriv1 ON a.id = Deriv1.parent WHERE a.parent=" . $parent);
     echo "<ul>";
     while ($row = mysql_fetch_assoc($result)) {
         if ($row['Count'] > 0) {
             echo "<li><a href='" . $row['link'] . "'>" . $row['label'] . "</a>";
             display_children($row['id'], $level + 1);
             echo "</li>";
         } elseif ($row['Count']==0) {
             echo "<li><a href='" . $row['link'] . "'>" . $row['label'] . "</a></li>";
         } else;
     }
     echo "</ul>";
 }
 
 display_children(0, 1);

VH Simon

php multilevel menu

Tue, 16 Oct 2012 12:56:14 GMT

Hejsa.

Jeg skal til at lave en multilevel menu, men jeg er lidt i tvivl om hvor jeg skal starte henne. Databasen indeholder, menu_id, menu_name, menu_parent. Den(menuen) skal fungere s�dan at n�r man klikker p� en hovedmenu, popper det som tilh�rer menuen op under hoved menuen.

Den skal helst v�re i ren php. Ikke noget Jquery/javascript.

VH Simon

Wordpress ekstra menupkt. der ligner post punktet

Thu, 02 Aug 2012 10:56:09 GMT

Hej

Jeg er i gang med at lave en ny side hvor jeg har brug for at lave et menupkt. mere i wordpress. Menupunktet skal ligge i backend, alts� i den venstre sidebar hvor der er indl�g,medier,links,sider osv.

Jeg har f�et oprettet et menupkt. s�dan her:

PHP kode

 <?php
 add_action('admin_menu', 'my_plugin_menu');
 function my_plugin_menu() {
   add_menu_page('My Plugin Options', 'Mit post menupkt.', 'manage_options', 'my-unique-identifier', 'my_plugin_options', '', '100');
 }
 
 function my_plugin_options() {
   if (!current_user_can('manage_options'))  {
     wp_die( __('You do not have sufficient permissions to access this page.') );
   }
 
   echo '<div class="wrap">';
   echo '<p>Here is where the form would go if I actually had options.</p>';
   echo '</div>';
 
 }
 ?>

Men mit problem er at jeg ikke ved hvordan jeg skal lave en s�dan funktion som n�r man laver en post, er der en nem m�de til det, eller er det sv�rere og hvordan g�r man det ?

Multilevel dropdown menu integration med php og mysql

Wed, 13 Jun 2012 10:37:52 GMT

Hej,

Jeg har siddet og t�nkt over hvordan jeg kan f� min multilevel dropdown menu til at blive integreret med php og mysqli. Jeg har pr�vet forskellige ting men ingen af dem virker, s� jeg h�bede lidt at i kunne hj�lpe mig herinde med et forslag eller et stykke kode. (Databasen: cms_menu er table navn og der er menu_id, title og parent inde i den. I m� gerne �ndre p� det hvis der er en anden metode at g�re det p�)

Inline submenues ?

Fri, 25 May 2012 14:38:47 GMT

Hej

Jeg vil gerne have inline submenues i min menu istedet for block - det lyder egenligt let nok - men jeg har alts� ikke f�et det til at virke.

Her er min starts-kode:
CSS

Kode


.menu {
	margin:0px;
	padding:0px;
	float:left;
	width:950px;
	height:40px;
	background-color:rgb(0,63,98);
}

.menu ul
{margin:0px; 
padding:0px;}

.menu ul li
{
display:inline;
height:20px;
float:left;
list-style:none;
margin-left:15px;
padding:10px;
position:relative;
font-size:15px;
}
.menu li a
{color:white; 
text-decoration:none;}

.menu li a:hover
{text-decoration:underline;}

.menu li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:40px;
background-color:rgb(0,63,98);
}

.menu li:hover ul
{
display:inline;
width:160px;
}

.menu li li
{
list-style:none;
display:inline;
width:100%;
}

.menu li li a
{color:#fff; 
text-decoration:none;}

.menu li li a:hover
{text-decoration:underline;
}

HTML

Kode

<div class="menu">
				
				<ul>
<li><a href="#">Home</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>

</li>

<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>

</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
   <li><a href="#">sub menu item 1</a></li>
   <li><a href="#">sub menu item 2</a></li>
   <li><a href="#">sub menu item 3</a></li>
   <li><a href="#">sub menu item 4</a></li>
</ul>
</li>
</ul>
				
				
				</div>

Hvad kan jeg g�re?

P� forh�nd tak for hj�lpen

CSS multilevel dropdown menu

Fri, 04 May 2012 02:20:14 GMT

Hej

Jeg kan ikke rigtigt f� dette til at fungere korrekt.

Jeg fors�ger at f� den f�rste undermenu's venstre side til at flugte med topmenuen's links venstre side. og den anden undermenu's f�rste menu punkt til at ligge ud for pilen.

H�ber det giver mening.

Ellers kort sagt: Multilevel dropdown menu i ren CSS.

Dette er min css fil:

CSS kode

 nav {
     width: 900px;
     margin: 0 auto;
 }
 
 nav ul {
     position: relative;
     float: left;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     z-index: 997;
 }
 
 nav ul li {
     display: block;
     
     padding-top: 5px;
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 5px;
     
     margin-top: 4px;
     margin-left: 2px;
     margin-right: 2px;
     margin-bottom: 4px;
     
     border: 1px solid #000000;
     float: left;
     
     text-align: center;
     vertical-align: middle;
 }
 
 nav ul li:hover {
     background-color: #cccccc;
 }
 
 .submenu {
     background-image: url('arrow-down.jpg');
     background-repeat: no-repeat;
     background-position: right center;
     background-size: 15px 15px;
 }
 
 nav ul li ul {
     display: none;
 }
 
 nav ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     z-index: 998;
 }
 
 nav ul li:hover ul li {
     display: block;
     
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 15px;
     padding-bottom: 5px;
     
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     
     border: 1px solid #000000;
     float: none;
     
     text-align: left;
     vertical-align: middle;
 }
 
 .subsubmenu {
     background-image: url('arrow-right.jpg');
     background-repeat: no-repeat;
     background-position: right center;
     background-size: 15px 15px;
 }
 
 nav ul li:hover ul li ul {
     display: none;
 }
 
 
 nav ul li:hover ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     z-index: 999;
 }
 
 nav ul li:hover ul li:hover ul li {
     display: block;
     
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 15px;
     padding-bottom: 5px;
     
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     
     border: 1px solid #000000;
     float: none;
     
     text-align: left;
     vertical-align: middle;
 }

Dette er min HTML kode:

HTML kode

 <!DOCTYPE html>
 <html>
 <head>
     
     <meta name="description" content="B44 CMS" />
     <meta name="keywords" content="HTML,HTML5,CSS,CSS3,PHP,MySQL,B44,CMS" />
     <meta name="author" content="Jacob Christensen" />
     <meta charset="UTF-8" />
     
     <title>B44 CMS - menu.html</title>
     
     <link rel="stylesheet" type="text/css" href="reset.css" />
     <link rel="stylesheet" type="text/css" href="menu.css" />
     
 </head>
 
 <body>
     
 <nav>
     
     <ul>
         <li><a href="#">[topmenu 1]</a></li>
         <li><a href="#">[topmenu 2]</a></li>
         <li class="submenu"><a href="#">[topmenu 3]</a>
             <ul>
                 <li><a href="#">[submenu 3.1][submenu 3.1]</a></li>
                 <li><a href="#">[submenu 3.2]</a></li>
                 <li class="subsubmenu"><a href="#">[submenu 3.3]</a>
                     <ul>
                         <li><a href="#">[submenu 3.3.1]</a></li>
                         <li><a href="#">[submenu 3.3.2]</a></li>
                         <li><a href="#">[submenu 3.3.3]</a></li>
                         <li><a href="#">[submenu 3.3.4]</a></li>
                         <li><a href="#">[submenu 3.3.5]</a></li>
                     </ul>
                 </li>
                 <li class="subsubmenu"><a href="#">[submenu 3.4]</a>
                     <ul>
                         <li><a href="#">[submenu 3.4.1]</a></li>
                         <li><a href="#">[submenu 3.4.2]</a></li>
                         <li><a href="#">[submenu 3.4.3]</a></li>
                         <li><a href="#">[submenu 3.4.4]</a></li>
                         <li><a href="#">[submenu 3.4.5]</a></li>
                     </ul>
                 </li>
                 <li><a href="#">[submenu 3.5]</a></li>
             </ul>
         </li>
         <li class="submenu"><a href="#">[topmenu 4]</a>
             <ul>
                 <li><a href="#">[submenu 4.1]</a></li>
                 <li><a href="#">[submenu 4.2]</a></li>
                 <li><a href="#">[submenu 4.3]</a></li>
                 <li><a href="#">[submenu 4.4]</a></li>
                 <li class="subsubmenu"><a href="#">[submenu 4.5]</a>
                     <ul>
                         <li><a href="#">[submenu 4.5.1]</a></li>
                         <li><a href="#">[submenu 4.5.2]</a></li>
                         <li><a href="#">[submenu 4.5.3]</a></li>
                         <li><a href="#">[submenu 4.5.4]</a></li>
                         <li><a href="#">[submenu 4.5.5]</a></li>
                     </ul>
                 </li>
             </ul>
         </li>
         <li><a href="#">[topmenu 5]</a></li>
     </ul>
     
 </nav>
     
 </body>
 
 </html>

Her er menu'en som den ser ud nu: Link

Jeg har fors�gt, at �ndre dette:

CSS kode

 nav ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     z-index: 998;
 }

Til dette:

CSS kode

 nav ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     top: 100%;
     left: 0;
     
     z-index: 998;
 }

Resultat: Link

Og dette:

CSS kode

 nav ul li:hover ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     z-index: 999;
 }

Til dette:

CSS kode

 nav ul li:hover ul li:hover ul {
     display: block;
     position: absolute;
     float: none;
     background-color: #00FF00;
     list-style: none;
     margin: 0;
     padding: 0;
     
     top: 1px;
     left: 99%;
     
     z-index: 999;
 }

Resultat: Link

PHP Multilevel menu

Mon, 20 Feb 2012 17:24:16 GMT

Hejsa.

Jeg skal til lave mig en multilevel menu, og m� indr�mme at jeg ikke er god nok til php til selv
at kunne lave den . Eks. til struktur:

Se menu struktur ved at klikke her

Har s�gt lidt rundt p� nettet, og n�sten alle de eksempler jeg har fundet fungerer ikke som jeg vil ha' det.
Menuen skal v�re databasestyret, dvs. brugeren skal selv kunne oprette menupunkterne og smide produkter i dem, og det skal v�re ren php/html (helst intet js). Har i en id� til en l�sning?

Venlig Hilsen
Simon Duun

Ubuntu 11.10 og menuen

Sat, 19 Nov 2011 11:39:32 GMT

Hej Udviklere.

Sidder med et problem, har lige installeret Ubuntu 11.10, og menuen irritere mig mere end en kat der piver...

Hvordan l�ser jeg den fast? Eventuelt hvordan �ndre jeg stedet den skal v�re p�?

Mvh. Danni.

PHP MySQL menu

Fri, 07 Oct 2011 07:15:49 GMT

Hejsa.

Jeg ville da lige dele min kode med alle andre som jeg sad og fandt p� i g�r.

Det hele kommer sig af at jeg gerne ville have min menu lagt ned i databasen, bl.a for at kunne styre hvilken r�kkef�lge de skal ligge i samt �ndre navnene nemt p� menupunkterne.

Her finder du databasestrukturen samt lidt dummy data

Kode

-- tabel navnet er menu (OBS order feltet bruges ikke!)
CREATE TABLE IF NOT EXISTS `menu` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL,
  `parent_id` int(11) NOT NULL,
  `icon` varchar(50) NOT NULL,
  `order` varchar(3) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=30 ;

--
-- Data dump for tabellen `menu`
--

INSERT INTO `menu` (`id`, `name`, `parent_id`, `icon`, `order`) VALUES
(10, 'Udvikling', 7, '', '0'),
(9, 'Kort', 7, '', '0'),
(8, 'Kampe', 7, '', '0'),
(7, 'Dommer', 0, 'marker.png', '2'),
(6, 'Skrivebord', 0, 'home.png', '1'),
(11, 'SMART Skema', 7, '', '0'),
(12, 'Tr�ning', 7, '', '0'),
(13, 'Kontakter', 7, '', '0'),
(14, 'Regnskab', 7, '', '0'),
(15, 'Kontoudtog', 7, '', '0'),
(19, 'Kontakter', 0, 'contacts.png', '5'),
(18, 'Film', 0, 'movie.png', '3'),
(20, 'Arbejde', 0, 'factory.png', '6'),
(21, 'Privat', 0, 'inbox2.png', '7'),
(22, 'Bank', 21, '', '0'),
(23, 'Bonner', 21, '', '0'),
(24, 'Forsikring', 21, '', '0'),
(25, 'Regninger', 21, '', '0'),
(26, 'Skat', 21, '', '0'),
(27, 'Indstillinger', 0, 'settings.png', '8'),
(28, 'Brugere', 27, '', '0'),
(29, 'Kalender', 0, 'calendar.png', '4');

Her f�lger s� min kode der hente menuen

PHP kode

 <ul>
 <?php 
 $con = mysql_connect("localhost","root","") or die(mysql_error());
 mysql_select_db("test", $con) or die(mysql_error());
 
 $topmenu = mysql_query("SELECT * FROM menu WHERE parent_id = '0' ORDER BY id ") or die(mysql_error());
 while($top = mysql_fetch_assoc($topmenu))
 {
  $id = $top['id'];
  $pid = $top['parent_id'];
  $num_pid = mysql_num_rows(mysql_query("SELECT * FROM menu WHERE parent_id = '$id'"));
  if($num_pid == 0)
  {
      echo "<li class='nosubmenu'>";
     echo "<a href=\"#\">" . $top['name'] . "<img src=\"images/icons/menu/" . $top['icon'] . "\" /></a>";
     echo "</li>";
  } else
       {
           echo "<li>";
          echo "<a href=\"\">" . $top['name'] . "</a>";
          echo "<ul>";
          $submenu = mysql_query("SELECT * FROM menu WHERE parent_id = '$id' ORDER BY id") or die(mysql_error());
          while($sub = mysql_fetch_assoc($submenu))
          {
           echo "<li>";     
             echo "<a href=\"#\">" . $sub['name'] . "</a>";
             echo "</li>";
          }
          echo "</ul>";
          echo "</li>";
      }
 }
 ?>
 </ul>

P� topmenuen findes der noget kode som udskriver et icon. Denne linje kan man fjerne hvis man �nsker, jeg har anvendt da jeg skal bruge det i min menu

Man kan s� hvis man vil have flere niveauer p� tilf�je flere if statements i while l�kken submenu.

Jeg kunne godt t�nke mig at h�re nogle kommentar p� koden.
Jeg ved godt jeg kan g�re det anderledes, men jeg har aldrig forst�et de andre, denne her forst�r jeg lidt nemmere.

Javascript dropdown menu fejler i IE !

Wed, 21 Sep 2011 10:53:52 GMT

Har lavet en dropdown menu p� en side jeg er igang med. Det hele s� perfekt ud i Chrome, men da jeg testede i IE var den helt gal. Den kunne slet ikke vise menu "bj�lken", men kun underpunkterne n�r man k�re musen hen over de tomme hvide felter. Derudover er dropdown menuens bredde alt for lille i IE.
Har ingen ide om hvordan s�dan noget fixes, er det noget i f�lgende? Ellers kan jeg poste selve javascript koden.. eller min css.

<html>
<head>
<script type=\"text/javascript\" src=\"simpleDropDownMenu.js\"></script>
</head>

<link rel=\"stylesheet\" href=\"style.css\">
<body topmargin=\"0\" leftmargin=\"0\" right=\"0\">

<div><img src=\"pics/logo1.jpg\">

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"39\">
<tr background=\"pics/bg_menu.png\">
<td> </td>

<td valign=\"middle\" cellspacing=\"0\" width=\"60\">
<center><p><font color=\"#ffffff\">Forside</font></p></center>
</td>

<td valign=\"middle\" cellspacing=\"0\" width=\"90\" onmouseover=\"mopen(1);\" onmouseout=\"mcancelclosetime();\">
<center>
<font color=\"#ffffff\">Foreningen</font>
<div class=\"submenu\" id=\"menu1\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime();\">
<a href=\"#\">bla </a>
<a href=\"#\">blabla</a>
<a href=\"#\">blablabla</a>
<a href=\"#\">blaaaa</a></p>
</div>
</center>
</td>

<td valign=\"middle\" cellspacing=\"0\" width=\"65\" onmouseover=\"mopen(2);\" onmouseout=\"mcancelclosetime();\">
<center>
<font color=\"#ffffff\">Historie</font>
<div class=\"submenu\" id=\"menu2\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime();\">
<a href=\"#\">punkt 1</a>
<a href=\"#\">punkt 2</a>
</div>
</center>
</td>
</tr>
</table>

Udskrive menu fra Mysql med children

Fri, 09 Sep 2011 12:02:12 GMT

Hejsa.

Nu har jeg t�nkt rigtig l�nge p� hvordan jeg kan lave min menu s� den ligger i en db og derp� kunne udskrive den.
Jeg kan sagtens udskrive menuens hovedomr�der, men s� snart jeg skal til at udskrive children s� g�r jeg alts� i sort.

Det hele skal meget gerne kunne klares i en <ul>.

Er der nogen der kan give mig et skub i den rigtige retning?

Mange tak