Topic: About size of containers and text
Hi, I have a couple of problems with a forum that I'v created.
http://westendworld.com/forums
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!!)
Problems:
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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<title>NAVBAR</title>
<link rel="stylesheet"
type="text/css"
media="screen"
href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/styles.css" />
<link rel="stylesheet"
type="text/css"
media="print"
href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/print.css" />
<link rel="stylesheet"
type="text/css"
media="handheld"
href="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/handheld.css" />
<link rel="stylesheet"
type="text/css"
media="screen"
href=
"http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/css/sidebar/sidebar_hide.css" />
<style type="text/css"
media="all">
</style>
<script type="text/javascript"
src="http://crunchy.itsamac.com/~westendworld/rw_common/themes/darkglass/javascript.js">
</script>
</head>
<body>
<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 -->
<ul>
<li><a href="http://www.westendworld.com/"
rel="self">Home</a></li>
<li><a href="http://www.westendworld.com/news/"
rel="self">News</a></li>
<li><a href="http://www.westendworld.com/reviews/"
rel="self">Reviews</a></li>
<li><a href="http://www.westendworld.com/forums"
rel="self">Forums</a></li>
<li><a href="http://www.westendworld.com/contactus"
rel="self">Contact</a></li>
</ul>
</div>
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<pun_title>
<pun_desc>
</div>
<pun_navlinks>
<pun_status>
</div>
</div>
<pun_announcement>
<pun_main>
<pun_footer>
</div>
</div>
</body>
</html>