[css-d] two column data
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 The css pages are at: http://www.wayneactorscommunitytheatre/css __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
14. jan. 2009 18.05 skrev James E. Darfler jim_darf...@wideopenwest.com: The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml The css pages are at: http://www.wayneactorscommunitytheatre/css I'm absolutely no expert in this matter, but have you tried to give your div's some css, something like float:left and float:right? And I've never seen divs placed in a table before, but if's validating I've learnt something new. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
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 tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/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 [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml 'There's more than one way to skin a cat.' http://www.css-zibaldone.com/articles/gallery/examples/final/final.html http://css.maxdesign.com.au/floatutorial/tutorial0407.htm http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
Ib Jensen wrote: And I've never seen divs placed in a table before, but if's validating I've learnt something new. FYI, and completely unrelated to the case at hand: One can put whatever - short of the html/body elements - in a table and make it validate. A valid confirmation only means one hasn't seriously misspelled the words in the language or placed them in a totally unacceptable order. The code and/or outcome don't have to make sense. So, be careful with what you learn from other people's code - regardless of whether it's valid or not, and check what the specs actually says about using specific elements on their own and together. Otherwise you may unknowingly just learn how to make dumb validators lie to you, and that has a tendency to backfire over time. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
James E. Darfler wrote: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.html A bit problematic to debug as is: http://jigsaw.w3.org/css-validator/validator?uri=http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.htmlwarning=1profile=css21 Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 1:11 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data 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 tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/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 [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
James E. Darfler wrote: Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? Well, tables and CSS are not mutually exclusive. That is, they can be used together, though using them for layout is generally frowned upon by the CSS Overlords. You could certainly keep your tables and style them to some extent using CSS. Your tables, however, are in place to supply a certain layout, in place of using CSS. They are failing to do that and that issue lies with the source. In short, because you are using tables for layout, your issue has to be resolved at the source level (where the tables are coded) and not at the style level (where CSS is introduced). I'm not sure why you're so quick to write off the ul based solution. Why not use a no-photo-available graphic for actors who have't provided a headshot, and use a span in lieu of an anchor for actors who haven't provided a bio or resume? This would give you a greater separation of content and presentation. __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
That is a good idea using the ul bases solution. When I get some time I think I'll try modifying the page to use that. In the meantime, since I'm still trying to learn this css stuff, is there a good css solution to the problem that you could point me to? -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 2:20 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? Well, tables and CSS are not mutually exclusive. That is, they can be used together, though using them for layout is generally frowned upon by the CSS Overlords. You could certainly keep your tables and style them to some extent using CSS. Your tables, however, are in place to supply a certain layout, in place of using CSS. They are failing to do that and that issue lies with the source. In short, because you are using tables for layout, your issue has to be resolved at the source level (where the tables are coded) and not at the style level (where CSS is introduced). I'm not sure why you're so quick to write off the ul based solution. Why not use a no-photo-available graphic for actors who have't provided a headshot, and use a span in lieu of an anchor for actors who haven't provided a bio or resume? This would give you a greater separation of content and presentation. __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
I did some more work on the page and your thoughts got me thinking again. I have now gotten the page the way I wanted it by changing some of the table parts around. Thank you for your input and if there's a better way than tables to do this I would love to learn about it. -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 1:11 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data 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 tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/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 [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml James, would this work for you? http://www.chelseacreekstudio.com/ca/cssd/test-80.html __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] two column data
Thank you. I like that. I'll give it a try on the next page I need with more than one column. -Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Sent: Wednesday, January 14, 2009 3:40 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml James, would this work for you? http://www.chelseacreekstudio.com/ca/cssd/test-80.html __ css-discuss [cs...@lists.css-discuss.org] 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/