1
m0nty
Problem with stylesheet or theme.html?
  • 2003/11/19 21:09

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


i've been kinda modifying an existing theme and stylesheet somewhat..

altho i'm no expert with html or the like..

the problem i am having is when someone clicks the message board link and goes to the forum, the header & banner section goes all weird..

also i have turned the blocks off on the message board page, so that the forum is displayed full width of the screen (well that's what i thought it wud do) but no it leaves the left column blank instead..

if any1 could take a look and tell me what i've done wrong, it would be much appreciated

the address ishttp://www.clubithard.com/main

forum ishttp://www.clubithard.com/main/modules/ipboard/

username = test
pw = tester

2
Per4orm
Re: Problem with stylesheet or theme.html?
  • 2003/11/19 21:44

  • Per4orm

  • Documentation Writer

  • Posts: 145

  • Since: 2003/11/14


The problem definately stems from the theme.html file, as I can also see some layout problems in the main page, which are translated and highlighted in the forums. I hazard to guess that if you include a centre block in the front page, you will experience very similar problems.

Saying exactly what you've done wrong is a little difficult without viewing the theme.html source on it's own though, but it does look like the columns are handled badly which is causing the extra width. For example, on the forums it looks as though there is a left column defined somewhere with no content, creating the black space on the left hand side.

My first suggestion would be to have a look at all the <td> commands, and double check what they all do...

3
m0nty
Re: Problem with stylesheet or theme.html?
  • 2003/11/19 22:13

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


well here's the source from theme.html

Well I can see the problem on screen, but I dunno how to actually solve it.. the main problem i am having is the header is overlayed and designed for 800x600 resolution, so i had to add an extra piece to the right hand side..

also same prob with the banner section to an extent altho that is easier to fix..

what i actually want is it all to fit on the screen perfectly.. 800x600 resolution and to automatically expand if viewed on larger resolutions, i'm sure it's to do with the width="100%" command, but i'm not sure on the colspan etc.. i don't want it so that users have to scroll horizontally to view the right hand side..

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

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>"

lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="www.iaols.com" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('<{$xoops_imageurl}>butt_link_1.gif')">
<tr id="header">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td height="8" colspan="25" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r1_c1.jpg"

width="100%" height="8"></td>
</tr>

<td height="78" width="17" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r2_c1.jpg"

width="17" height="78"></td>
<td colspan="3" valign="top"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"

width="132" height="78">
<param name="movie" value="<{$xoops_imageurl}>topright.swf">
<param name="quality" value="high">
<embed src="<{$xoops_imageurl}>topright.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"

width="132" height="78"></embed></object></td>
<td colspan="14" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r2_c4.jpg" width="620"

height="78"></td>
<td width="100%" valign="top" background="<{$xoops_imageurl}>header_right.jpg" width="100%"

align="center" height="78"><br><br>Today is: <br>
<script type="text/javascript">
<!-- // Array ofmonth Names
var monthNames = new Array(

"January","February","March","April","May","June","July","August","September","October","November","December"

);
var now = new Date();
thisYear = now.getYear();
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem
document.write(monthNames[now.getMonth()] + " " + now.getDate() + ", " + thisYear);
// --></script></td>
<td width="27" valign="top"><img src="<{$xoops_imageurl}>header_right.jpg" width="27" height="78"></td>
</tr>
</table>
<! --------------------------- buttons -------------------------------- >
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg"

width="100%" height="18"></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="93" valign="top"><a href="http://clubithard.mail.everyone.net/"

onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('E-Mail','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" width="93" height="18" alt="E-Mail" border="0"

name="E-Mail"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Home','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Homel" name="Home" width="93" height="18"

border="0"></a></td>
<td width="14" rowspan="2" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg"

width="14" height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/news/"

onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('News','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="News" name="News" width="93" height="18"

border="0" id="Image71"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/ipboard/"

onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Forum','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Forum" name="Forum" width="93"

height="18" border="0" id="Image72"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/4images/"

onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Gallery','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Gallery" name="Gallery" width="93"

height="18" border="0" id="Image73"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/mylinks/"

onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Links','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img

src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Links" name="Links" width="93" height="18"

border="0" id="Image74"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"

height="18"></td>
<td width="115" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" width="115"

height="18"></td>
<td width="49" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c3.jpg" width="49"

height="18"></td>
</tr>
</table>

<! ------------------------------Banner----------------------------->


<table border="0" width="100%" cellspacing="0" height="70" cellpadding="0">
<tr>
<td width="26"><img src="<{$xoops_imageurl}>bannertotal_left1.jpg" width="26" height="70"></td>
<td width="240" background="<{$xoops_imageurl}>bannertotal_left.jpg"><center><img

src="<{$xoops_imageurl}>bannertotal_left.jpg" width="240"></td>

<td id="headerbanner" width="100%" background="<{$xoops_imageurl}>bannercenterbg.gif"

align="center"><{$xoops_banner}></td>
<td width="240" background="<{$xoops_imageurl}>bannertotal_right.jpg"><center><img

src="<{$xoops_imageurl}>bannertotal_right.jpg" width="240"></td>
<td width="26"><img src="<{$xoops_imageurl}>bannertotal_right1.jpg" width="26" height="70"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" height="23" cellpadding="0">
<tr>
<td width="100%"><img src="<{$xoops_imageurl}>tiler2.jpg" width="100%" height="23"></td>
</tr>
</table>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="iaolsICE/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->

</td>

<td id="centercolumn">

<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>

<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">

<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="iaolsICE/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->

</td>
</tr>
<tr>
<td id="centerLcolumn">

<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="iaolsICE/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->

</td><td id="centerRcolumn">

<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="iaolsICE/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->

</td>
</tr>
</table>

<{/if}>
<!-- End display center blocks -->

<div id="content">
<{$xoops_contents}>
</div>
</td>

<{if $xoops_showrblock == 1}>

<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="iaolsICE/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>

<{/if}>

</tr>
</table>

<table cellspacing="0">
<tr id="footerbar">
<td><p>
<a href="http://www.clubithard.com/main/"><font color="#33C
C33">┬ęCopyright 2003 Clubithard.com</a></p>
</td>
</tr>
</table>
</body>
</html>

Login

Who's Online

136 user(s) are online (24 user(s) are browsing Support Forums)


Members: 0


Guests: 136


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits