Welkom, Gasten
Gebruikersnaam: Wachtwoord: Onthoud mij
  • Pagina:
  • 1

Onderwerp:

horizontaal menu lukt niet 7 jaren 10 maanden geleden #1

  • PiscesMedia
  • PiscesMedia's Profielfoto Onderwerp Auteur
  • Offline
  • Elite-lid
  • Elite-lid
  • Berichten: 201
  • Ontvangen bedankjes 0
Hoi,

Zal vast heel simpel zijn... hoe krijg ik mijn menu items horizontaal?
In de vorige versie gaf je aan bij module dat je het horizontaal wilde en hupsakee je menu stond horizontaal.
Kan in deze versie dat nergen sterugvinden. Heb wel alles op 'top_menu' gezet.
Het menu staat nu wel bovenaan maar nog steeds onder elkaar.

Gaat om deze site: www.hkca.nl/2013_nwesite/

Groet,
Carin

Discussie gesloten.

Re: horizontaal menu lukt niet 7 jaren 10 maanden geleden #2

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum-lid
  • Platinum-lid
  • Berichten: 1467
  • Ontvangen bedankjes 6
Dat doe je met het css.
Voorbeeld van een oude site van mij;
#topmenu{

   height:25px;

   width:960px;

   }

.top_menu{

   font-family:'sansationregular',Geneva,sans-serif;

   font-size:0.8em;

   background:#414141;

   width:100%;

   height:25px;

   z-index: 1111 !important;

   }

.top_menu ul{

   margin:0px;

   padding:0px;

   list-style-type:none;

   }

.top_menu ul li{

   position:relative;

   display:inline;

   float:left;

   border:none;

   }

.top_menu ul li a{

   font-family:'sansationregular',Geneva,sans-serif;

   width:100px;

   display:block;

   color:#fff;

   padding:5px;

   border-right:1px solid #9C9A9B;

   text-decoration: none;

   }

* html .top_menu ul li a{

   display:inline-block;

   }

.top_menu ul li a:link,.top_menu ul li a:visited{

   color:#fff;

   }

.top_menu ul li a:hover{

   background:#000;

   }

.top_menu ul li ul{

   position:absolute;

   left:0px;

   display:block;

   visibility:hidden;

   }

.top_menu ul li ul li{

   display:list-item;

   float:none;

   background-color:#414141;

   }

.top_menu ul li ul li ul{

   top:0px;

   }

.top_menu ul li ul li a{

   padding: 5px;

   width:100px;

   border-bottom:1px solid #9C9A9B;

   }

.top_menu ul li ul li a:hover{

   background:#000;

   color:#fff;

   }

.top_menu ul li ul li ul{

   top:0px;

   margin-left:95px;

   z-index:11112;

   }

.top_menu ul li ul li ul li{

   display:list-item;

   float:none;

   }

.top_menu ul li ul li ul li a{

   width:110px;

   padding: 5px 5px 5px 15px;

   margin:0px;

   border-bottom:1px solid #9C9A9B;

   }

.top_menu ul li ul li ul li a:hover{

   background:#000;

   }
Ga er van uit dat je het zo wel werkend krijgt.
Lekker ontspannen mensen helpen met hun website problemen.
Discussie gesloten.

Re: horizontaal menu lukt niet 7 jaren 10 maanden geleden #3

  • PiscesMedia
  • PiscesMedia's Profielfoto Onderwerp Auteur
  • Offline
  • Elite-lid
  • Elite-lid
  • Berichten: 201
  • Ontvangen bedankjes 0
Dat is wel heel veel code, dat heb ik denk ik niet allemala nodig.
Ik heb in mijn css staan:

*top{
width: 800px;
margin: 20px 100px 20px 100px;
height: 240px;
float: left;
display: inline;
font-family: Verdana, Geneva, sans-serif;
font-weight: lighter;
z-index: 130;


Het enige dat ik nodig heb aan code is dat het horizontaal stat ipv verticaal, welke code is dat.
Dat haal ik ook niet uit jouw code.
Discussie gesloten.

Re: horizontaal menu lukt niet 7 jaren 10 maanden geleden #4

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum-lid
  • Platinum-lid
  • Berichten: 1467
  • Ontvangen bedankjes 6
Wat je zou kunnen doen is de spaties en enters er uit halen maar meer zou ik niet weten.
Je kan hem ook verder inkorten want deze gaat tot 4 submenu's diep dacht ik. Als je dat allemaal niet nodig hebt kan je de submenu items inkorten.
Lekker ontspannen mensen helpen met hun website problemen.
Discussie gesloten.
  • Pagina:
  • 1
Tijd voor maken pagina: 0.187 seconden
Gemaakt door Kunena
logo mijnjoomlaforum colored puzzle2

MijnJoomlaForum.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project!

Hosted by Otto
Webdesign by Renata
Sitemap

Donatie Knop