Ik ben momenteel een template aan het verbouwen echter loop ik tegen 2 problemen aan:

Het navigatiemenu wil niet zakken onder de header (staat er nu dus door heen)
En de pagina's in het menu komen in alfabetische volgorde te staan i.p.v. op nummer zoals ik heb aangegeven bij het aanmaken (wordt dus ergens door overruled)

Wie heeft hier ervaring mee?

Groet,

Paul

Menu volgorde. Heeft te maken met je wp tag voor het menu, zoek hiervoor in wordpress API. Google ook eens op dit probleem. Je moet namelijk een menu aanmaken, en dat toevoegen via een wp-tag.
Layout zal voornamelijk met CSS of HTML indeling te maken hebben. Tip: teken het eens in blokken uit zodat je weet welk element wat moet bevatten.

Menuvolgorde is nu opgelost: <?php dp_list_pages(); ?> moest <?php dp_list_pages('title_li=&sort_column=menu_order'); ?> zijn. Het probleem met de header ben ik nog zoekende. Van oorsprong heeft de layout niet echt een header maar slechts een kleur. Wel was er in de css een regel meegenomen volgens mij zie onderstaand:
was:

/** BEGIN header **/
#header {
background: #ffffff url(images/header.gif) repeat-x 0 0;

Dit hebt ik aangepast naar

/** BEGIN header **/
#header {
width: 970px;
height: 200px;
background: #ffffff url(images/header.jpg) repeat-x 0 0;

en vervolgens het bestand header.jpg geupload. Deze wordt nu volgens mij ook op de juiste grootte weergegeven.

Heb je een url? Zoals ik je probleem begrijp zou ik een float:left; op de header zetten, vervolgens hetzelfde voor de navigatie-div. Kan ook een position probleem zijn.

voorbeeld staat op www.oyl.be

Ik zou een <div> tussen de header en de content maken in plaats van de navigatie binnen de header als je de navigatie standaard eronder wilt hebben. Zoiets als dit:

Code:

<!-- END header -->

<div id="nav">
<ol>
<li class="f"><a href="http://www.oyl.be">Home</a></li>
<li class="page_item page-item-2"><a title="Sample Page" href="http://www.oyl.be/?page_id=2">Sample Page</a></li>
<li class="page_item page-item-4"><a title="a pagina" href="http://www.oyl.be/?page_id=4">a pagina</a></li>
<li class="page_item page-item-7"><a title="contact" href="http://www.oyl.be/?page_id=7">contact</a></li>
</ol>
</div>

<!-- BEGIN content -->

En dan vervolgens de css ook even daarop aanpassen, dus van de #header ol ook even #nav ol maken...

Het probleem is dat ik hier te weinig kennis van heb. Ben eigenlijk op zoek naar iemand (die eventueel tegen een kleine vergoeding) dit kan aanpassen.

Groet,

Paul

Origineel gepost door Niels Aupperlee

Ik zou een <div> tussen de header en de content maken in plaats van de navigatie binnen de header als je de navigatie standaard eronder wilt hebben. Zoiets als dit:

Code:

<!-- END header -->

<div id="nav">
<ol>
<li class="f"><a href="http://www.oyl.be">Home</a></li>
<li class="page_item page-item-2"><a title="Sample Page" href="http://www.oyl.be/?page_id=2">Sample Page</a></li>
<li class="page_item page-item-4"><a title="a pagina" href="http://www.oyl.be/?page_id=4">a pagina</a></li>
<li class="page_item page-item-7"><a title="contact" href="http://www.oyl.be/?page_id=7">contact</a></li>
</ol>
</div>

<!-- BEGIN content -->

En dan vervolgens de css ook even daarop aanpassen, dus van de #header ol ook even #nav ol maken...

Je navigatie zakt niet onder je header div omdat ie in de header div staat....

als je de header een hoogte geeft die net zo hoog is als je afbeelding, vervolgens sluit je de header div af (</div> dan is het qua hoogte opgelost.
Nieuwe div eronder bijvoorbeeld "nav" en hij is precies zoals je wilt

succes! heb je vragen mag je ma altijd een pm sturen

Origineel gepost door Paul Buruma

Het probleem is dat ik hier te weinig kennis van heb. Ben eigenlijk op zoek naar iemand (die eventueel tegen een kleine vergoeding) dit kan aanpassen.

Groet,

Paul

pm is onderweg.

het werkt inmiddels met dank aan Niels!


Groet,

Paul

In je#content { width: 670px; zetten en je tekst staat ook meteen goed ;) + je moet even je <div>'s nalopen, zag dat ze niet goed zijn afgesloten. Nu zit je content namelijk in de nav div.

Origineel gepost door Paul Buruma

En de pagina's in het menu komen in alfabetische volgorde te staan i.p.v. op nummer zoals ik heb aangegeven bij het aanmaken (wordt dus ergens door overruled)
Paul

De pagina's die je aanmaakt moet je een volgorde gaan geven. Dit kan tijdens het maken/editen van je page boven het kopje publish dacht ik. Je kan daar de order aanpassen!