WebsiteBaker Community Forum

General Community => Off-Topic => Topic started by: dadio on November 26, 2008, 03:07:31 AM

Title: Andreas00 with DirList module makes table stick out of wrap
Post by: dadio on November 26, 2008, 03:07:31 AM
Hi!

Like you can see on this webpage: http://www.ebeg.ca/impactj/pages/cours-01/powerpoint.php

I'm using the Andreas00 template. I'm also using on this page the dirList module. But the use of that module makes the table come out of the wrap it seems. Trying it with some of the other templates like Andres01 for instance does not make the table stick out. Do you know how I can fix this?

Should I post this under the Templates category?

Thanks!

Alex.
Title: Re: Andreas00 with DirList module makes table stick out of wrap
Post by: kweitzel on November 26, 2008, 12:13:57 PM
Known Issue ... please reduce the table width:

Code: [Select]
<table width="100%">
cheers

Klaus
Title: Re: Andreas00 with DirList module makes table stick out of wrap
Post by: dadio on November 27, 2008, 11:00:49 PM
hi tks!

the only place i found a table tag in the dirlist module folder was in the htt/frontend.htt  file.

the tag width value was at 100%. I changed it to 80%, but it did not change anything.

is there another file located somewhere else where I need to make this change??

Alex.
Title: Re: Andreas00 with DirList module makes table stick out of wrap
Post by: kweitzel on November 28, 2008, 08:36:49 AM
This template has a fixed width. Try wrapping the table in a DIV which takes that into account.

Another hint: use some tools like the "webdeveloper toolbar" for Firefox and/or IE7 to troubleshoot this kind of issues.

cheers

Klaus
Title: Re: Andreas00 with DirList module makes table stick out of wrap
Post by: dadio on December 04, 2008, 11:37:02 AM
I solved this problem, but not by changing the table width in the template.

This is what I did. Under the Table Styles section of andreas.css, I changed the padding value of the th and td styles to 1 px instead of 7 px and everything is inside the wrap now.:

Code: [Select]
th {
padding:1px;^Mtext-align:left;^Mbackground:#eaeaea url(img/menubg2.gif) bottom left repeat-x;^Mcolor:#505050;
}

td {
padding:1px;^Mfont-size:0.9em;^Mtext-align:left;^Mbackground:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;^Mcolor:#303030;
}

Don't worry about the ^M in the code above, it's just a vim paragraph marker.