HTML: Forum Layout Vraag

[BuYcKi]

Hallo,

Ik ben dus bezuh aan het script van TRC Forum ..
Nu wil ik dus bij het forum,
zo'n omkadering zoals bij de site ..

Forum: http://trc.pc-helpforum.be/forum/
Site: http://trc.pc-helpforum.be/

Hoe doe ik dat ?
Ik geraak er niet echt aan uit ..

En ook als de res verandert,
zijn de header en footer niet meer in orde ..

Hoe kannek da fixen ?
Mss veel vragen maarja ..


BuYcKi

[Rvl]

Ten eerste is dit geen php vraag.
Vervolgens ben je ook geen forum aant scripten maar je bent gewoon een bestaand forum aan het integreren in je layout.
Hoe kan je dit het beste doen >> door een skin te maken die aansluit bij u site layout.
U html code is structureel ook totaal verkeerd. Als je met tables blijft werken zou je best een table gebruiken met een row als header, een row voor forum en een row voor footer. Jij gebruikt hier overal aparte tables die los van elkaar staan, nogal logisch dat je niet het verwachte resultaat krijgt.

[BuYcKi]

Als dit geen php is, wrm is extensie dan php ?
Tuurlijk ben ik geen forum aant scripten nooit gezegd ..

De site layout is aangepast op de forum layout dus ..
Welke html code is verkeerd ?
En wat bedoel je met apparte tables ..

Ik doe gwn zoals phpBB standaard was ?
Gewoon wat wijzigingen ..

[Rvl]

Het wil niet zeggen omdat er .php staat in je url dat alles wat je in die pagina doet te maken heeft met php.
Het beste en mooiste is nog altijd je eigen custom phpbb skin te maken. De simpele (maar ook minder mooie) oplossing die jij wil bekom je gewoon door u header, forum, footer in 1 en lees 1 table te steken (zoals ik eerder al heb vermeld).

<table>
<tr>
 <td colspan="3">header</td
</tr>
<tr>
 <td>linkse border</td>
 <td>forum</td>
 <td>rechtse border</td>
</tr>
<tr>
 <td colspan="3">footer</td>
</tr>
</table> 

Let wel dat dit geen php code is ook al heb ik tussen in [ php ] [ /php ] bbcode tags gestoken.

De reden waarom je header/footer niet aanpast naar gelang de viewport width en het forum wel is doordat je zit te werken met een fixed vs liquid design.

[BuYcKi]

Maar euh ..
Ik moet da dus wel verspreiden over 3 files hé ..

[welp]

dan nog zie ik het probleem niet.

[BuYcKi]

Mo ik snap het gewoon niet ..
Tis niet dak ervoor studeer ofzo hé ..

Hoe doet ge da ongeveer ?
Ik heb het file overal_header en overal_footer ..

Hoe add ik daar dan die linkse border ?
Hij moet ook nog worden repeat enzo hé ..

[Rvl]

Ik heb de code LETTERLIJK gegeven aan u, ge moet enkel nog de verschillende elementen op de juiste plaats invullen.
Een basis cursusje over html zal geen overbodige luxe zijn als je met websites bezig bent.

[BuYcKi]

Kzalt wel zelf oplossen ..

[Rvl]

Kzalt wel zelf oplossen ..

Bedpelt ge nu da ik nie genoeg info heb gegeven. Ik geef heel de structuur (die zeer basic is) en waar je welk element moet zetten en dan komt ge nog me zo een mooie opmerkingen af. Als je wil dat iemand je site voor jou maakt kom dan met een REQUEST topic. En als je niet eens de basis van html beheerst, hoe kan iemand je dan helpen want je snapt het toch niet.
Bij deze dus: zo een opmerkingen zijn overbodig.

mssh nog even herhalen: je maakt een table met 3 rows. De eerste geef je een colspan van 3 en daar paste je u header in. In de 2e heb je 3 kollommen en daar zet je links u "left border background" (vergeet de repeat-y, slice je image dus juist) niet. In de volgende kolom paste je heel de forum table en in de rechtse kolom maak je je "right border background" (ook met een repeat-y). Nu sluit je deze 2e row af en maak je de 3e row aan en tevens ook een td met colspan 3 (zoals de eerste dus) en hier paste je heel de table met je footer in.

Indien je met header/footer bestanden werkt en deze include moet je deze hier gewoon in de omkaderende table structuur verwerken. De structuur die ik hier dus uitleg heb ik hierboven tussen de code tags uitgewerkt (zie vorige post). Als het nu nog niet lukt >> www.w3schools.com

En uiteindelijk is het toch de bedoeling dat je het zelf oplost, of niet soms (ook al valt er hier niet veel meer op te lossen)?

[BuYcKi]

mm, ik heb nu dit voor de header :

<table width='900px' border='0' align='center' cellpadding='0' cellspacing='0'>
    <tr>    
        <td width="100%" height="219px" background='/e107_themes/omkranonline/images/header.png'></td>  
    </tr>
</table>

<table width="85%" cellspacing="0" cellpadding="0" border="0" align="center">

Hier staan dan die twee balkjes in, profile, ..

</table>

<table width="85%" cellspacing="0" cellpadding="0" border="0" align="center"> 
    <tr> 
        <td>

Hier heb ik dan mijn forums ..
Dit stopt ook zo .. 

Voor footer heb ik dan dit :

</td>
</tr>
</table> ( om de forums af te sluiten .. )

<table width='900px' border='0' align='center' cellpadding='0' cellspacing='0'>
    <tr>
        <td width='100%' height='125' background='/e107_themes/omkranonline/images/footer_01.png'></td>
    </tr>
    <tr>
        <td width='100%' height='25' background='/e107_themes/omkranonline/images/footer_02.png'></td>
    </tr>  
    <tr>    
        <td width='100%' height='21' background='/e107_themes/omkranonline/images/footer_03.png'></td>  
    </tr>
</table> ( footer .. ) 

Hoe voeg je dat daar dan aantoe ?
Want de forum body mag niet even breed zijn als de header & footer ..

Dus dan kan je dat toch niet doen met één table ?

[Rvl]

Misschien weet je het of weet je het nog niet maar met een table bestaat uit kolommen en uit rijen. ( again, meer info kijk www.w3schools.com). Ik vermeld toch duidelijk dat je de td van de header en footer van colspan="3" moet voorzien (3 kolommen samennemen) en u middenste rij 3 kolommen bevat met linkse border, forum, rechtse border en zo zal alles mooi in elkaar passen.

MAAR zoals ik al 10 keer heb gezegd in deze thread, zonder BASISKENNIS van html is dit chinees voor je. Nogmaals meld ik ook dat het toepassen van een customized skin mooier is dan dit te doen. Voor meer info www.google.be & sticky van dit forum

Wat mssh kan helpen: je kan een table in een andere table plaatsen hoor dus <table><tr><td><table> ....</table></td></tr></table> is nog altijd correct.