Welkom, Gasten
Gebruikersnaam: Wachtwoord: Onthoud mij
12 jan 2019
Diverse hosters zijn van PHP 5.x.x en PHP 7.x.x automatisch overgeschakeld naar PHP 7.3.x. Als je Joomla website en de gebruikte extensies (componenten, plugins en modules) niet up-to-date zijn kan hierdoor je website niet meer werken.
Lees meer...
  • Pagina:
  • 1

Onderwerp: horizontaal menu lukt niet

horizontaal menu lukt niet 5 jaren 7 maanden geleden #1

  • PiscesMedia
  • PiscesMedia's Profielfoto Onderwerp Auteur
  • Offline
  • Gold Boarder
  • Gold Boarder
  • Berichten: 197
  • 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: http://www.hkca.nl/2013_nwesite/

Groet,
Carin

Discussie gesloten.

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

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Berichten: 1459
  • Ontvangen bedankjes 5
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 5 jaren 7 maanden geleden #3

  • PiscesMedia
  • PiscesMedia's Profielfoto Onderwerp Auteur
  • Offline
  • Gold Boarder
  • Gold Boarder
  • Berichten: 197
  • 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 5 jaren 7 maanden geleden #4

  • Arjan
  • Arjan's Profielfoto
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Berichten: 1459
  • Ontvangen bedankjes 5
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.510 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