Feature #15421
closedMain menu mainitem can't be properly styled
0%
Description
Mainitems are styled this way:
(One table cell contains the icon & two spans, one for the label, one for the collapsable item)
----
<tr class="c-mainitem" id="ID_39221854">
<td colspan="3" onclick="window.location.href='alt_menu.php?collapsedOverride[web]=1'" ><img src="../typo3conf/ext/t3skin/icons/module_web.gif" width="14" height="14" alt="" /><span class="c-label"> <b>Web</b> </span><span class="c-iconCollapse"><img src="../typo3conf/ext/t3skin/icons/gfx/ol/minusbullet.gif" width="18" height="16" title="" alt="" /></span>
</td>
</tr>
----
It's AFAIK impossible to align the label-span vertically in the middle of the mainmenu item, when the icon is bigger or the cell has some padding - unnoticable in the classic skin, because the mainitems are so flat. When changing the size, the problem appears - the label-span always drops to the border, even display: block won't help, because the second span (the collapse icon) will interfere.
Solution:
Style the main-item like the subitems by using three cols in one row.
We can then align every column content exactly how we want it.
Alternative solution: Put a seperate "mini-table" inside the mainitem cell with on row, three columns. This would allow to have different unrelated icon positions on main- and subitems.
(issue imported from #M2273)
Updated by Benni Mack over 16 years ago
With 4.2, it's based on li's, no tables anymore. so they can be styled finally.