Op www.mtbroutes.nl/test maken we gebruik van een menu met submenu. Wanneer op een link met een submenu wordt geklikt bijvoorbeeld Kaart Nederland verschijnt het submenu in kleinere oranje letters. Prima! Als je nu op een link in het submenu klikt worden de andere links in het submenu weer groter. Graag willen we de leeters klein houden. Dus alle letters in het submenu klein. Ik weet niet hoe ik dit in de css moet aanpassen????

Hier zit de fout volgens mij:

Code:

ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-size:1.1em;
font-weight:bold;
}

Dat moet volgens mij dit zijn:

Code:

 ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-weight:bold;
}

Origineel gepost door Lexperts

Hier zit de fout volgens mij:

Code:

ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-size:1.1em;
font-weight:bold;
}

Dat moet volgens mij dit zijn:

Code:

 ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-weight:bold;
}

Dat is niet wat ik bedoel. Als ik dit aanpas verandert ook de lettergroote in het menu level. Dat de lettergrootte verandert naar kleiner in het sublevel is ook goed. Alleen moet dit klein blijven wanneer je op een andere link in het sublevel klikt.
Dus alle links in het menu dezelfde grootte en alle links in het submenu ook dezelfde grootte (waarbij het niet uitmaakt of de link actief of juist niet actief is)
Het verspringen van het lettertype is goed te zien bij kaart Nederland en dan in het sublvel de opsooming van de provincies.

Bedoel je zo:
http://www.dumpyourphoto.nl/files/up.../5247/5247.png

Edit:

Code:

ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-size:90%;
font-weight:bold;
}

Eigenlijk moeten in deze afbeelding Home en Kaart van Nederland een iets groter lettertype hebben, omdat deze links in het toplevel zitten.

Ok,

Volgende... overal waar <span>item</span> (zoals home)
Maak je dit dan:

Code:

 
<span class="menu-font-size">Home</span>

En daar zet je deze regel bij in je css:

Code:

.menu-font-size {
color:#2A2929;
font-size:1.2em;
font-weight:bold;

 };

Van dit stukje:

Code:

ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-size:1.1em;
font-weight:bold;
}

Maak je dit:

Code:

ul.menu a, a.mainlevel {template.css (regel (547)
color:#2A2929;
font-size:90%;
font-weight:bold;
}

Dit is het resultaat:
http://www.dumpyourphoto.nl/files/up.../5249/5249.png

Off-topic:

Ik zat even jullie huidige site te bekijken. En ik kwam er achter dat ik 2 weken geleden een keer erop ben geweest. Om dus een route te zoeken :). Grappig.

Nog niet helemaal. Ik zou graag willen dat in je laatste voorbeeld ook het woord Kaart Nederland in een iets groter lettertype werd weergegeven (net als home). Dus alles op het eerste leven iets groter.
Ander probleem is dat ik werk in Joomla en dus geen code kan meegeven aan de links in het menu. Als moet worden geregeld vanuit de css.

Wat ik al aangaf. Daar moet je de span ook van wijzigen:
<span class="menu-font-size">Kaart Nederland</span>

Dat geldt ook voor de rest.... Route top 10 etc
Want dat is nu bijvoorbeeld: <span>Route top 10</span>

Tuurlijk kan dat wel in Joomla. Dan moet je volgens mij de .tpl files wijzigen.