website doet raar in chrome en IE
Hey,
Ik ben momenteel bezig met een wordpress template voor een klant. http://web-bart.nl/wordpress/. 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.
Weet iemand hoe ik dit kan oplossen?
Vriendelijke groeten,
B. Roelofs
Ik ben momenteel bezig met een wordpress template voor een klant. http://web-bart.nl/wordpress/. 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.
Weet iemand hoe ik dit kan oplossen?
Vriendelijke groeten,
B. Roelofs
Over welke IE heb je het?
IE 8
Toevoeging op 10/11/2011 15:46:36:
De rounded corners zie ik nu dat ze alleen in de IE9 werken...
http://www.css3.info/preview/rounded-border/
Ik heb hem op die manier toegevoegd. Iemand een idee hoe ik het anders kan oplossen?
B. Roelofs
Toevoeging op 10/11/2011 15:46:36:
De rounded corners zie ik nu dat ze alleen in de IE9 werken...
http://www.css3.info/preview/rounded-border/
Ik heb hem op die manier toegevoegd. Iemand een idee hoe ik het anders kan oplossen?
B. Roelofs
IE 8 ondersteund dit niet... Lang leve microslof
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.
B. Roelofs
B. Roelofs
Dan kun je het toch wel met plaatjes doen?
left-corner, mid repeat-x, right corner.
left-corner, mid repeat-x, right corner.
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.
Groeten,
B. Roelofs
Groeten,
B. Roelofs
Lets google:
http://kalsey.com/2003/07/rounded_corners_in_css/
Vervang alleen de bg-color door een extra plaatje van 1px hoog met repeat-y.
http://kalsey.com/2003/07/rounded_corners_in_css/
Vervang alleen de bg-color door een extra plaatje van 1px hoog met repeat-y.
Ik dacht al zo'n antwoord te krijgen :p
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:
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).
B. Roelofs
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:
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).
B. Roelofs




