Webmaster Forum / HTML, CSS, Scripts / CSS / April 2006

I have a table with 3 columns in 1 row.  I want to increase the spacing
_between_ the columns (gutter) _without_ increasing the spacing between
those columns and the table itself.  Is there a way to do that in CSS
without having to code in extra dummy columns in HTML to create ...

A client requested a layout that has links in sections, displayed
something like http://www.kidsinaction.org.uk/table.html, which is a
mock-up, laid out with a table. Specifically, he wants the layout to
adapt to the browser window, which the table version does. If you change

Here I am again with another "why does IE do that" question!!
Please have a look at http://www.kidsinaction.org.uk/fd/homepage.html 
and see if you can work out why IE adds a one pixel white space on the
left and right side of the links with the light-green backgrounds. It

I have a page that contains a table that is quite large, about 150
rows. In this table are other small tables. I have a problem where the
vertical border of the large table does not show until about the last
10 rows or so where the style kicks in in the middle of a row. It is ok

I've tried *many* variations of the following:
   <TABLE>
     <TR><TD STYLE='text-align: "."; font-family: Courier'>0.12</TD></TR>
     <TR><TD STYLE='text-align: "."; font-family: Courier'>10.1</TD></TR>

If you look at http://www.kidsinaction.org.uk/Thumbs.html you will see a
simplified version of a page that could be used to display thumbnail
images of various products.
Now, due to the floating, the thumbnails go across the page until the

I am using a 3-column layout with a full-width banner area
at top. I need to put a jpeg in the top serve as the header.
The placeholder for the image shows in the upper left corner
in IE6, FF, & Netscape, but the image doesn't show in any

I'm attempting to size a table and its proving to be difficult, when
the <td> contain
input type="text"
It seems any width spec using

I would like a table with alternating color rows, a border between
rows, and a border around the entire table. I want no borders between
cells.
-------------------------------------------------------

I want one <div> beside the next no space I want them to be like boxes lined
up like these equal signs
==============================
How do I do that with CSS, I read about something I thought was "inline" but

I know that IE does not support position: fixed, yet I have seen elements
that seem to float down on a IE browser. Where can I go to learn how to make
elements appear to be postion: fixed on IE?

I've got a 2-column tableless layout and I'm using floats to render the
columns.  Here are the basic style definitions for the 2 columns:
       #left_col {
               width: 59%;

I've got a problem again, pesky css. I have a rounded box for a login. Its a
wrapper div containing three divs stacked on top of each other. In IE its
fine, but in FF the divs are seperated. I've tried IMG{display:block}, I've
tried IMG{vertical align:bottom}. I've set margins to ...

I have a dynamically generated HTML document that includes a table
of numbers.  In this table, I want every number greater than some
numerical parameter MAX_VAL (also dynamically generated) to be
rendered as "> " followed by the string form of MAX_VAL.  For

   I would like to make the tbody section of a table scrollable, while
leaving the headers and footers in set places. I see that firefox does a
reasonable job of this (simply by setting tbody{overflow: scroll}, but I
would like to do this in IE6.