1
midnightfun
table problems

iv posted about this problem before..
but did not really get a lot of joy

Why is it templates seem to mess up tables... is there a way to fix this?

its the same problem with all the templates i have tryed..

it seems to mess up the table width..

Thanks

2
Will_H
Re: table problems
  • 2006/12/24 2:58

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


I am not sure what exactly you are asking.

However, Templates vs. Themes here.

Templates are used to control module output. Any table withing a template can be modified to be more flexible.

In most cases when you find that a template (i.e. viewforums.html) causes your theme tables to break, it is because the tables are fixed width. instead of using a px based width try a % based.

Now if you are speaking of Theme tables. The Same pretty much goes for this. Unless you REALLY need to use a px based width I would always recommend a % based. The only time you should really have to use a px based width is if your theme is graphically intensive.

You also have to take into account that different users use different resolutions/browsers. Try to create flexible designs, and modify things to work across the globe.

Again though, if you could provide an example of what "table" is being broken by what. Perhaps we could be of more assistance.

BOL.

3
midnightfun
Re: table problems

Here is one example of tables that are being missed up..

<table align="center" cellpadding="0" cellspacing="0" border="0" width="680">
<
tr height="50">
<
td width="30" background="./images/header-left.jpg"><img src"./images/blank.gif" width="1" height="1" alt="">td>
<
td width="620" background="./images/header-center.jpg">
<
center><img src="./images/blank.gif" width="1" height="6" alt="">center>
<
center><img src="./images/font/i.gif" alt=""><img src="font/n.gif" alt=""><img src="./images/font/s.gif" alt=""><img src="./images/font/t.gif" alt=""><img src="./images/font/r.gif" alt=""><img src="./images/font/u.gif" alt=""><img src="./images/font/c.gif" alt=""><img src="./images/font/t.gif" alt=""><img src="./images/font/i.gif" alt=""><img src="./images/font/o.gif" alt=""><img src="./images/font/n.gif" alt=""><img src="./images/font/s.gif" alt="">center>
<
center><img src="./images/blank.gif" width="1" height="22" alt="">center>
td>
<
td width="30" background="./images/header-right.jpg"><img src="./images/blank.gif" width="1" height="1" alt="">td>
tr>
<
tr height="50">
<
td width="30" background="./images/body-left.jpg"><img src="./images/blank.gif" width="1" height="1" alt="">td>
<
td width="620" background="./images/body-center.jpg">
<
center><font face="arial" color="#FFFFFF">Once the applet is fully loaded (Splash screen), just click on it to playfont>center>
<
center><font face="arial" color="#FFFFFF">Use <b>leftb>/<b>rightbkeys to turn, <b>shiftb> or <b>upbkeys to firefont>center>
<
center><font face="arial" color="#FFFFFF">Use <b>'M'bto switch between normal and colorblind modesfont>center>

<
center><font face="arial" color="#FFFFFF">Use <b>'S'bto enable/disable soundfont>center>
<
center><img src="./images/blank.gif" width="1" height="20" alt="">center>
td>
<
td width="30" background="./images/body-right.jpg"><img src="./images/blank.gif" width="1" height="1" alt="">td>
tr>
table>


Thanks

4
skenow
Re: table problems
  • 2006/12/26 22:06

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


A couple of recommendations about your code -

Specify units for your values ('30px' not just '30')
and tags have been deprecated, include them as style attributes instead

Now a few more questions -

What theme are you using?
How does this break in that theme?

5
midnightfun
Re: table problems

Right an update so far..

Midnight Fun frozen bubble

The tables are being stretched so the width is always out..

Im using a modded theme....

6
skenow
Re: table problems
  • 2006/12/28 16:11

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


So, you want the Frozen Bubble width to match the instructions table width? When I use FF Web Developer extension the width of the Frozen Bubble block is 640px and the width of the instructions table is 680px (like you specify in your markup).

7
midnightfun
Re: table problems

no i don't want the Frozen Bubble width to match the instructions table width..

Its the instructions table width i have the problem with and the rest on the tables on the other pages..

The width is not staying as i have set them.. they are being stretched and then go to the size of the block as if the table was set to 100%..

Thanks

8
skenow
Re: table problems
  • 2006/12/28 21:19

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


On the page you link to, there is only one table - the instructions table.

In your code, you specific widths of each of the table cells - + + , for a total width of 680.

On screen, your table is 680 pixels wide. It's not broken.

9
midnightfun
Re: table problems

It's not broken coz its not running within the site...

I have just put it in the site now so you can see the problem i am having..

10
skenow
Re: table problems
  • 2006/12/28 21:41

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


Then it is something in one of your theme's stylesheets. I disabled styleNN.css and the table width reduced to 680px. There is a table {width: 100%;} in styleNN.css. Your instructions table is nested inside 3 other tables. Give it its own id and override the default table style.

table .instructions {width: auto;}

Login

Who's Online

482 user(s) are online (354 user(s) are browsing Support Forums)


Members: 0


Guests: 482


more...

Donat-O-Meter

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

Latest GitHub Commits