Help with Table-based Layout
I used Garamond to base a fixed-width table-based layout off of... which is probably a very bad idea given there are both fixed width and table-based layouts available. It is almost finished however.
I'm having serious issues (obviously) with overriding defaults.
I was able to override the background color to #e3e3e3 by creating an internal style sheet with each section having the #e3e3e3 color.
The (hopefully) last problem appears to be with cell padding, spacing, or something. As you can tell, there's a massive gap in the images I'd wish to be closed.
Does anyone know how to shut off cell padding/spacing/margins in the Garamond theme? What CSS bit needs to be overridden and how, or something?
I'm obviously trying stuff on my end -- so if you see any CSS code which looks weird and redundant or stupid... it's probably just desperation on my part :)
http://img.photobucket.com/albums/v342/Phopojijo/photoshop_03.jpg That is the intended outcome.
I suggest using a div based layout
Phopojijo, Im my experience, there are always drawbacks to table based layouts. I'd suggest that you try a div based theme, such as the zen theme http://drupal.org/project/zen, or hunchbaque http://drupal.org/project/hunchbaque. Its much easier to position things using css with divs, and you have the added advantage of being able to allow layout to dynamically change based on browser width, if you want (you can also set fixed widths of course)
You can find lots of resources about zen online, for example there is a zen group on drupal. This may not be the quick answer to your problem that you are looking for, but it will likely save you a lot of time and effort in the future.
Partial answer. First you
Partial answer. First you need to fix the theme, you navigation is in a div with an id of 'navigation' which contains a table with an id of 'navigation' which contains both rows (tr) and columns (td) with ids of 'navigation'. Since only one element should have a given id you should start by cleaning the id up. Then as a starting point add this to the end of you theme's style.css file.
#navigation td {padding: 0;
}
Note #navigation should reflect the id your navigation table ends up with.
And if you use Firefox the firebug extension is useful for problems like this.
Thanks for the help.
Firstly -- I am not adverse to having a CSS-based layout. However, I would prefer to get the table-based layout done first if possible as it is a simple, static navigation which will be shared amongst several instances. Obviously CSS shares this advantage, however I find tables more intuitive as I used them since Netscape 2 :p Obviously since Drupal did something with the tables CSS, I probably will break down and just do a CSS-based navigation system if I cannot fix the issue tonight.
Secondly -- I'm using Firebug and it helped me figure out the issues with the background colors. The splattering of IDs all over the place actually was not the first attempt... it was one of those cross fingers and hit upload and pray-to-God when you press ctrl+f5 you see it magically work. It obviously, did not :p
Thanks for the help. I know CSS would be much better... I guess you can just chalk it up to a fear of embracing the future.