James E. Darfler wrote:
> I am working to change my web site from XHTML Transitional to XHTML Strict
> which requires more css. One of my pages was working with the transitional
> but gave me 130+ errors when converted. Now the layout is wrong. There
> should be two columns, one with the text to the left and rows of three
> photos to the right extending down the right side of the page. I have been
> trying changes for days to get it correct but I've run out of ideas. Both
> the XHTHL page and the css pages validate. Is there something simple that
> I'm missing? Any ideas would be appreciated.
>
> The web page is at:
> http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h
> tml
Hi James,
I think the issues are with the HTML, not with the CSS. Your image table
begins on a new row in your table, so it won't show up /next/ to the
name list, but rather below it.
If you want to continue using tables, you might try reconfiguring your
HTML to this sort of setup:
<table>
<tr>
<td>names in <ul></td>
<td>photos in <table></td>
</tr>
</table>
-or-
<table>
<tr>
<td>three names in <ul></td>
<td>three photos in <table></td>
</tr>
<!-- Later, rinse, repeat -->
</table>
An alternative is to put everything in a list, with the photos attached
to each name, like the way Windows displays tiles and thumbnails. I've
uploaded a re-working of the code here if you're curious about this sort
of thing:
http://www.webdevelopedia.com/cssd/wact-proposed.html
Hope it helps.
Bill
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
