Ik ben momenteel bezig met een wordpress template voor een klant. . Maar ik heb 2 technische probleempjes, waarvan er 1 niet echt een groot probleem is.
Het grootste probleem is dat de slogan (En weer een nieuwe wordpress site) in chrome over de linker tekening heen staat. Dit werkt in Mozilla en IE wel goed.
Het 2e probleem is dat het menu in IE geen rounded corners heeft.
Hoe zou ik dit dan moeten doen? Het kan niet met een achtergrondafbeelding. Het is een wordpress theme, en de menukopjes zijn dus steeds verschillend in lengte.
Als jij mij kan zeggen hoe ik dat moet doen wel ja. Maar het probleem is dat wordpress om een menu te maken alleen de mogelijkheid bied om ze te listen (voor zover ik weet). Dus ik heb nu de list items (<li>) een css mee gegeven met de rounded corners en een background.
Maar ik werk dus met wordpress. Dat ligt een beetje ingewikkelder dan html/css. Ik zal proberen het zo goed mogelijk uit te leggen.
Ik heb de alle menuitems in 1 regel weergegeven. Via een wordpress function, dat kan niet op een andere manier.
Die functie zoekt alle menuitems en zet die allemaal in een list. Die regel ziet er als volgt uit:
<?php wp_list_pages('sort_column=menu_order'); ?>
De wp_list_pages zet alles in een lijstje.
De sort_colum geeft de volgorde aan hoe ik de items wil hebben.
Maar zoals je ziet kan ik niet een afbeelding voor elke menukop zetten. En dat maakt dit probleem zo moeilijk, anders was het mij ook al gelukt. Ik moet dit dus proberen op te lossen met enkel en alleen css. Ik kan hem namelijk wel oproepen als een list item (li) en als een unordened link (ul).
