Hi everyone,
this is certainly a basic design question, but I haven't found too
many web pages with possible solutions (I don't think there is
one...) but I thought you all might know some obscure clever trick....
I have a set of the links the client wants displayed in a grid
format. Using a table is the obvious solution, even if it's not "the
correct thing to do" presentation wise. The issue is that they want
the text of the links to turn bold as the mouse hovers over them.
Ok, that's all fine, but the problem is the table cell gets resized
width-wise and so the other columns shift around. That looks bad....
Browsers don't do dynamic padding / margins, table cells can't take a
max-width.... Using a table does not look like the right thing to
do. I can make this grid using all divs - using all divs solves the
problem of things shifting around - and positioning them nicely with
PHP based logic (using the less supported display: properties is not
an option (IE...)) but the problem is the width of the text / # of
characters in a link is all different, so I can not easily make the
columns to be spaced out nicely like when a table is used.
I could write some javascript to get the browser to calculate the
ultimate max width of a column and thus shift things around on page
load to space out columns in a regular fashion, but if there is an
easier way... I have not tried table-layout:fixed yet, but I
suspect that won't help as the client would like no forced breaks in
the text (e.g. this-is-a-really-long-link not get broken in the
middle due to a fixed width column). And the number of columns may
differ from page to page... And would table-layout prevent the
cell/table from getting redrawn / expanded anyways?
so it seems it's either javascript or convince the client they really
don't need this bold effect
any ideas?
TIA !
doug
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
