Support » Algemene WordPress vragen » positionering buttons in header ‘beautifull day’ theme

  • Hallo,

    Ik heb de website http://www.ankemerry.nl in elkaar gezet voor iemand die de komende drie maanden in thailand gaat stage lopen.

    Voor het thema heb ik me laten in spireren door ‘beautifull day’ van http://www.kaushalsheth.com.

    Ik loop echter tegen het volgende probleem aan:
    Wanneer ik meerdere buttons in de header toevoeg, dan geeft Firefox ze correct weer, maar IE6 doet dat niet. Ik kan vele woorden gebruiken om uit te leggen wat ik precies bedoel, maar zie http://www.ankemerry.nl in IE. Dan zie je dat de buttons vanaf 3 of meer, steeds verder naar beneden komen te staan.

    Nu heb ik al meerdere blogs opgezet en heb ook wel enige ervaring met het compatibel krijgen van blogs voor IE en FF, maar dit wil maar niet lukken.

    Heeft iemand een suggestie of wellicht een oplossing voor dit probleem?

    Alvast bedankt.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • De HTML van de navigatielinks is verschillend, de eerst link is een gewone link, de rest heeft er een li-tag omheen. Kijk eens wat er gebeurt als je die li-tag weghaalt.

    Ja dat had ik ook al ontdekt.

    In de header.php van het theme staat de volgende code:

    <div class="container">	
    
    	<div class="navigation">
    <a href="<?php bloginfo('url'); ?>">Home</a>
    				<?php wp_list_pages('title_li='); ?>
    		<div class="clearer"><span></span></div>
    	</div>

    Dit verklaart in ieder geval dat de HTML van de eerste anders is.

    Het gekke vind ik dat de functie wp_list_pages een standaard WordPress functie is. Deze staat namelijk in /wp-includes/post-template.php. Zou toch niet mogen dat ik hierin moet editten?

    Anyway, ik heb al geprobeerd de functie enigeszins aan te passen, maar tot nu toe zonder resultaat. Het is vrij lastig te begrijpen hoe die functie nu precies werkt. Ik ben namelijk niet zo bekend met de volledige source van wordpress.

    EDIT:
    Oh ja, en wat me ook opvalt is dat de demoversie op de website van http://www.kaushalsheth.com het wél goed doet. Erg vreemd. Zou dit een bug in 2.3.1 zijn?

    Ik heb even in die functie gekeken en volgens mij krijgt elke link altijd een li tag.
    Maar je kunt de uitvoer ook opvangen en bewerken. Dat doet de onderstaande code. Daarin wordt de li tag uit de uitvoer verwijderd:

    <?php echo preg_replace('/<li.*?>(.*?)<\/li>/', '$1', wp_list_pages("echo=0&title_li=")); ?>

    Zet dit op de plaats waar wp_list_pages nu staat.

    Ik had de site al als html opgeslagen in FF om direct met de html-code te kunnen spelen. Was er inmiddels achter dat het verwijderen van de

    • en
    • tags een juiste oplossing zou zijn, maar kreeg dat in de functie wp_list_pages niet (1,2,3) voor elkaar.

      Jouw oplossing is daarentegen wat makkelijker; gewoon de output van de functie ‘aanpassen’. Daar had ik nog niet aan gedacht! 😉 Thanks.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘positionering buttons in header ‘beautifull day’ theme’ is gesloten voor nieuwe reacties.