speficiek list item naar hoofdletters
Hebben jullie wellicht een idee voor het volgende:
Voor een hoofdmenu haal ik data op vanuit een CMS. dit zijn listitems (li). Verder met een id en wat CSS eigenschappen meegegeven. Verder heb ik er zelf geen invloed op de uitvoer hoe het via het CMS wordt uitgevoerd
Gewoonlijk heb ik nu mijn css ingesteld dat elke li kleine letters worden geconverteerd (lowercase).
Nu is er 1 item in het menu welke juist in hoofdletters getoond moet worden.
Dus stel als ik de 3e li in hoofdletters zou willen:
<ul id="TopMenu">
<li>Item 1</li>
<li>Item 1</li>
<li>In hoofdletters tonen</li>
</ul>
Zijn daar opties voor? Is het mogelijk?
Alvast bedankt.
rico
CSS-mogelijkheid:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<style>
li.upper {
text-transform: uppercase;
}
</style>
<ul id="TopMenu">
<li>Item 1</li>
<li>Item 1</li>
<li class="upper">In hoofdletters tonen</li>
</ul>
li.upper {
text-transform: uppercase;
}
</style>
<ul id="TopMenu">
<li>Item 1</li>
<li>Item 1</li>
<li class="upper">In hoofdletters tonen</li>
</ul>
PHP-oplossing: strtoupper();
Hierbij geen voorbeeld.
Dank je wel voor je voorstel, alleen de content die vanuit de CMS komt, heb ik geen vat op. Dus argument class="upper" kan ik niet meegeven. :(
Vandaar dat ik dacht misschien iets met jquery, maar dat weet ik niet.
alvast bedankt,