Ok, so if I'm using an external style sheet (CSS) to control my pun BB forum, where in this style sheet should i put the code to change WinIE's font size, and what exact code do I need??

Thanks in advance!

Hi, I have a couple of problems with a forum that I'v created.


I have changed the main.tpl (template file) so as to include the custom header (all code of main.tpl and a link to the css file at bottom of post so that you guys can help me!!)


1) Having reports of text size too small and unreadable, how do I change this, is it in the css file I reference in the main.tpl mod, or is it somehere else??

2) Also, see how thin the froum is is this controlled by the CSS file as well, or something else in the template files, if so, is there anyway I can leave the header (navbar) alon, and have the forum 'wide as browser window' style thing??


CSS file referenced in main.tpl
main.tpl code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />

  <link rel="stylesheet"
        href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/styles.css" />
  <link rel="stylesheet"
        href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/print.css" />
  <link rel="stylesheet"
        href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/handheld.css" />
  <link rel="stylesheet"
        "http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/css/sidebar/sidebar_hide.css" />

<style type="text/css"

<script type="text/javascript"

  <div id="container">
    <!-- Start container -->

    <div id="pageHeader">
      <!-- Start page header -->

      <h1>West End World</h1>

      <h2>The best of the west-end... on the web!</h2>
    </div><!-- End page header -->

    <div id="navcontainer">
      <!-- Start Navigation -->

        <li><a href="http://www.westendworld.com/"

        <li><a href="http://www.westendworld.com/news/"

        <li><a href="http://www.westendworld.com/reviews/"

        <li><a href="http://www.westendworld.com/forums"

        <li><a href="http://www.westendworld.com/contactus"
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">






That has practically fixed this, but it still look a bit off, I'm sure that the CSS of the header is still affecting the PUNBB Board?


How would I get the board to sit in a nice white box like http://www.thinkmac.co.uk/forum/index.php

Ok, so I'v made some progress, but I'm having trouble with what I assume is the fact tha PunBB can no onger see its own CSS file, and is trying to use to one that I'm using to define the nav bar styles.


See what I mean?

What I'm after is for the oxygen style to just sit nicely on the page below my own header.

I know iFrame would be simpler, but the the user has to scrool internal of the page, and it doesn't reload, and its ugly, and I'v seen this done else where, and I WANT ONE lol smile

Ok, sounds like a great plan, unfortunately I'm a coding retard and have no idea what that means!... smile
(What is my sites markup, and what program should I use to edit PunBBs main.tpl beaing in mind im on a mac, and by defaut it tries to open it up w/ photoshop!!)

This is driving me absolutely mental.

In an effort to make PunBB integrate seamlessly with a site that I'v built primarily using RapidWeaver I'v been searching in vain for a simply explained way of Doing this

You see, they have their PunBB forum with their own personal navigation bar at the top.

I have my own personal navigation code sorted, but I'v no idea how to integrate it with PunBB, and as a newbie, and not an experienced codester, I really need a walk thru of some kind.

Anyone point me in the right direction or tell me how to do this?? Please

Its driving me Batty!!!