Author Topic: Andreas00 with DirList module makes table stick out of wrap  (Read 3484 times)

dadio

  • Guest
Andreas00 with DirList module makes table stick out of wrap
« 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.
« Last Edit: November 26, 2008, 03:10:02 AM by dadio »

Offline kweitzel

  • WebsiteBaker Org e.V.
  • **
  • Posts: 6983
  • Gender: Male
Re: Andreas00 with DirList module makes table stick out of wrap
« Reply #1 on: November 26, 2008, 12:13:57 PM »
Known Issue ... please reduce the table width:

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

Klaus

dadio

  • Guest
Re: Andreas00 with DirList module makes table stick out of wrap
« Reply #2 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.

Offline kweitzel

  • WebsiteBaker Org e.V.
  • **
  • Posts: 6983
  • Gender: Male
Re: Andreas00 with DirList module makes table stick out of wrap
« Reply #3 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

dadio

  • Guest
Re: Andreas00 with DirList module makes table stick out of wrap
« Reply #4 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.

 

postern-length