I'm running into an oddity. I'm using divs to create pseudo-tables, so
that cells will reorder themselves if the browser window shrinks, instead
of the table running over into the sidebar or dropping down below content.
I'm basing my markup and CSS on the demo section of script.aculo.us, seen
at http://script.aculo.us/visual-effects
My page is at http://beta.comedyworx.com/showshow.php?show_id=17
The HTML and CSS validate, but the links aren't clickable. Both the
picture and the name should be valid URLs. I've narrowed down the symptom
to the float: left line - when that line is removed, the links are
clickable (though the layout is screwed up).
Anyone have any suggestions as to how I can get the layout I need, with
links that work?
The relevant CSS section is:
/* Pseudo Tables */
div.pseudorow div.pseudocell {
margin: 0px;
padding: 0px;
margin-top: 20px;
font-size: 1.0em;
text-align: center;
display: block;
float:left;
}
div.pseudorow {
margin:10px;
overflow:visible;
position:relative;
width:100%;
}
The full CSS is at http://beta.comedyworx.com/css/cwx.css
Thanks!
--Wade
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
