Spidean Forums - Development & Design > HTML/CSS

Spidean Forums
You are not logged in

Board Index > HTML/CSS > HTML theme problem

Posts: 3
Registered: 3/3/2008
Status: Offline

posted on 3/3/2008 at 09:02 AM

First of hello to everyone here! I am very new to all of this, so please bare with me. I tried to search for my problem here, but I couldn't find anything of help.

Well here goes, my problem is as following:
On my webpage, when I go to certain modules, not all blocks that I have turned on show or show in the right place. The main problem is with the right blocks not wanting to go to the right.
I dug a bit deeper in the files that code for the layout of these modules and found these to be the theme.html, theme2.html and theme3.html. The problem lies in the theme3.html. In this file, only the left blocks are called and not the center or right blocks.
I tried (by looking at the other theme files) to call the right blocks (I don't need the center ones). Now the only way this actually worked for me, was to make a new table and put the right blocks in there. Now in firefox this worked partially, if your resolution is high enough, otherwise the right blocks will disappear behind the module, which is in the center part of the page. In IE 7 however this partial solution doesn't seem to work, in IE the right blocks disappear behind the left blocks.
I have tried to call for the right blocks in the table where the left blocks are also called, but I can't get it to work properly. The right blocks always appear somewhere else. So if someone understands what I mean in the first place and can help me I would really appreciate it, because its being a pain the ...!
The code I added in theme3.html is between the "------", this is the code that works in firefox at higher resolutions.

code:


<HEAD></HEAD>



<body background="themes/Spidean1_0/images/back.gif" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0">

<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0
align="center">

  <TR>

		<TD>

			<IMG SRC="themes/Spidean1_0/images/alienbonetheme_01.gif" WIDTH=340 HEIGHT=160
ALT=""></TD>

		<TD>

			<IMG SRC="themes/Spidean1_0/images/alienbonetheme_02.gif" WIDTH=110 HEIGHT=160
ALT=""></TD>

		<TD>

			<IMG SRC="themes/Spidean1_0/images/alienbonetheme_03.gif" WIDTH=350 HEIGHT=160
ALT=""></TD>

	</TR>

</table>





---------------------------------------------------------------------------
------------------------

<table width="100%" border="0" cellspacing="0" cellpadding="0"
align="right" height="100%">

  <tr>

    <td valign="top" align="right" width="200"> 

      <!-- [right-blocks] -->

    </td>

  </tr>

</table>

---------------------------------------------------------------------------
------------------------

	

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



  <tr> 

    <td align="left" valign="top" width="200"> 

      <!-- [left-blocks] -->

    </td>



    <td align="left" valign="top" width="80%"> 

      <table width=75% border=0 cellpadding=0 cellspacing=0
align="left">

        <tr> 

          <td width="40"> <img
src="themes/Spidean1_0/images/alienbonetheme_31.gif" width=40 height=40
alt=""></td>

          <td background="themes/Spidean1_0/images/alienbonetheme_32.gif" height=40
alt="" align="center" valign="bottom">  

          </td>

          <td width="40"> <img
src="themes/Spidean1_0/images/alienbonetheme_33.gif" width=40 height=40
alt=""></td>

        </tr>

        <tr> 

          <td background="themes/Spidean1_0/images/alienbonetheme_35.gif" width=40
height=110 alt=""></td>

          <td background="themes/Spidean1_0/images/alienbonetheme_36.gif" height=110
alt="" align="center" valign="top">



            <!-- [modules] -->

          </td>

          <td background="themes/Spidean1_0/images/alienbonetheme_37.gif" width=40
height=110 alt=""></td>

        </tr>

        <tr> 

          <td width="40"> <img
src="themes/Spidean1_0/images/alienbonetheme_38.gif" width=40 height=40
alt=""></td>

          <td background="themes/Spidean1_0/images/alienbonetheme_39.gif" height=40
alt=""></td>

          <td width="40"> <img
src="themes/Spidean1_0/images/alienbonetheme_40.gif" width=40 height=40
alt=""></td>

        </tr>







      </table>

    </td>

  </tr>

  <tr align="center" valign="bottom"> 

    <td colspan=3><img src="themes/Spidean1_0/images/alienbonetheme_42.gif"
border="0"></a></td>

  </tr>

</table>