Brugernavn:




Kodeord: Husk
Forside Forum Artikler Downloads Søg
 

Dropdown: 2 spørgsmål (Center + Parent)

Hej Rowlings

Så er jeg ude med endu en forumtråd.
Jeg har lidt problemer med denne dropdown som jeg vil have ind på min side.
For det første vil jeg have hele min dropdownboks ind i midten og ikke i venstre side.
Og så vil jeg lave en "parent" lidt ligesom dem der er på Musicupdates.dk og Flex.wep.dk!

Nogle der kan hjælpe?

  1. <body>
  2.     <div class="menu">
  3.                 <ul>
  4.             <li><a href="index.php" >Forside</a></li>
  5.             <li><a href="#" id="current">Tråde</a>
  6.                 <ul>
  7.                     <li><a href="#">Kategorier</a></li>
  8.                     <li><a href="#">Regler</a></li>
  9.                     <li><a href="#">Nyeste tråde</a></li>
  10.                     <li><a href="#">Populæreste tråde</a></li>
  11.                 </ul>
  12.         </li>
  13.             <li><a href="#">Medier</a>
  14.             <ul>
  15.             <li><a href="#">Kategorier</a></li>
  16.             <li><a href="#">Regler ang. skriv af medie</a></li>
  17.             <li><a href="#">Nyeste medier</a></li>
  18.             <li><a href="#">Bedst bedømte artikler</a>
  19.             <li><a href="#">Skriv Medie</a></li>
  20.                 </ul>
  21.         </li>
  22.             <li><a href="#">Downloads</a>
  23.                 <ul>    
  24.             <li><a href="#">Kategorier</a></li>
  25.             <li><a href="#">Nyeste downloads</a></li>
  26.             <li><a href="#">Bedst bedømte downloads</a></li>
  27.             <li><a href="#">Indsend download</a></li>
  28.                 </ul>
  29.         </li>
  30.                 <ul>
  31.             <li><a href="#">Søg</a></li>
  32.                 </ul>
  33.         </li>
  34.     </div>
  35. </body>

20 point er ude! :-)
Tak på forhånd.
Sidst redigeret 21:18 09/03/2010

Pointfordeling

Forfatteren har lukket tråden og har valgt at fordele de 20 point således:
Transtor 20 point
Oprettet af:

Webprogrammering

Point afsat: 20

Lukket
21:16 09/03/2010
Prøv dette ved centrering:
<div class="menu" align="center">
Oprettet af:

Kommentar
21:54 09/03/2010
Det har jeg prøvet. Men intet resultat :-(
Oprettet af:

Kommentar
21:57 09/03/2010
Transtor skrev kl. 21:16 d. 09/03/2010
Hej Rowlings

Så er jeg ude med endu en forumtråd.
Jeg har lidt problemer med denne dropdown som jeg vil have ind på min side.
For det første vil jeg have hele min dropdownboks ind i midten og ikke i venstre side.
Og så vil jeg lave en "parent" lidt ligesom dem der er på Musicupdates.dk og Flex.wep.dk!

Nogle der kan hjælpe?

  1. <body>
  2.     <div class="menu">
  3.                 <ul>
  4.             <li><a href="index.php" >Forside</a></li>
  5.             <li><a href="#" id="current">Tråde</a>
  6.                 <ul>
  7.                     <li><a href="#">Kategorier</a></li>
  8.                     <li><a href="#">Regler</a></li>
  9.                     <li><a href="#">Nyeste tråde</a></li>
  10.                     <li><a href="#">Populæreste tråde</a></li>
  11.                 </ul>
  12.         </li>
  13.             <li><a href="#">Medier</a>
  14.             <ul>
  15.             <li><a href="#">Kategorier</a></li>
  16.             <li><a href="#">Regler ang. skriv af medie</a></li>
  17.             <li><a href="#">Nyeste medier</a></li>
  18.             <li><a href="#">Bedst bedømte artikler</a>
  19.             <li><a href="#">Skriv Medie</a></li>
  20.                 </ul>
  21.         </li>
  22.             <li><a href="#">Downloads</a>
  23.                 <ul>    
  24.             <li><a href="#">Kategorier</a></li>
  25.             <li><a href="#">Nyeste downloads</a></li>
  26.             <li><a href="#">Bedst bedømte downloads</a></li>
  27.             <li><a href="#">Indsend download</a></li>
  28.                 </ul>
  29.         </li>
  30.                 <ul>
  31.             <li><a href="#">Søg</a></li>
  32.                 </ul>
  33.         </li>
  34.     </div>
  35. </body>

20 point er ude! :-)
Tak på forhånd.
Smid lige din css kode for class'en menu..

Oprettet af:

Kommentar
22:51 09/03/2010
Uuuh, jeg burde kunne svare på det.. altså, vil du have en menu som fx er 500px lang? bare lige et ex. og så skal den være i center? Du kunne evt lave margin: 0 auto; eller <center><div></div></center> ved ikke helt..
Oprettet af:

Kommentar
07:11 10/03/2010
Style:
  1.     .menu li:hover ul{
  2.         display:block;
  3.         
  4.         }
  5.     .menu li li {
  6.         background:url('images/sub_sep.gif') bottom left no-repeat;
  7.         display:block;
  8.         float:none;
  9.         margin:0px;
  10.         padding:0px;
  11.         width:225px;
  12.         }
  13.     .menu li:hover li a{
  14.         background:none;
  15.         
  16.         }
  17.     .menu li ul a{
  18.         display:block;
  19.         height:35px;
  20.         font-size:12px;
  21.         font-style:normal;
  22.         margin:0px;
  23.         padding:0px 10px 0px 15px;
  24.         text-align:left;
  25.         }
  26.         .menu li ul a:hover, .menu li ul li:hover a{
  27.             background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
  28.             border:0px;
  29.             color:#ffffff;
  30.             text-decoration:none;
  31.             }
  32.     .menu p{
  33.         clear:left;
  34.         }    

  35.         
Oprettet af:

Kommentar
10:47 10/03/2010
<offtopic>www.html.dk de har mange gode artikler, om hvordan man laver forskellige ting. Syntes du skulle tjekke, måske finder du svaret der.</offtopic>
Oprettet af:

Kommentar
14:07 10/03/2010
Har droppet det. Downloade den bare endnu engang og lod den forblive så lang som den var i starten da det ville se dumt ud når banneret også er der.
Oprettet af:

Accepteret svar

Point modtaget: 20
19:42 10/03/2010
Du skal være oprettet og logget ind for at svare på en tråd
Copyright © Rowl.dk v/ Michael Raagaard | 2005-10 | Alle rettigheder forbeholdes