Re: [css-d] kthings 02 (Formerly Floating images -understanding ...etc.)
Keith Purtell wrote: Hope this is what you wanted... http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell http://www.myspace.com/canyonsofthesky What is your uri? Best, ~d Keith, I am not sure what the question is but anyway some observations: You are setting the page with the belief that everyone is on a 1024 monitor. Hold a fixed width of 980 and center the page rail to rail, or set a min/max width so the page width adjusts to the users monitor. Either way, it would be a good idea to increase the width of the sidebar. You write about Jack Vance with grace, dignity, and simplicity: give the visual [the page proper] a similar look and feel and all will be well... Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ 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] kthings 02 (Formerly Floating images -understanding ...etc.)
I will correct these errors asap. Thank you for taking time to critique my efforts. Css-d is an outstanding community resource. - Keith Purtell http://www.myspace.com/canyonsofthesky __ 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] kthings 02 (Formerly Floating images -understanding ...etc.)
Keith Purtell wrote: I will correct these errors asap. Thank you for taking time to critique my efforts. Css-d is an outstanding community resource. - Keith Purtell http://www.myspace.com/canyonsofthesky Coping with the World Wide Web is sometimes difficult. Hang around. Much fun and enjoyment, hereabout... Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ 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] kthings 02 (Formerly Floating images -understanding ...etc.)
On 8/24/10 4:29 PM, Keith Purtell wrote: Re David Hucklesby's reply: First, thanks for the image citation advice. And the navigation on the left: Somehow I have to make that fit the available space. What to do? Why not give it more space? This end, I have very long line lengths on the main text - shorter would be easier to read. That would give you more room for the navigation. The brown area is too narrow, unless I use one of the fly-out menus (what I call them) in the Listmania link you provided. Before I go there, however, I'm going to try something more simple that will post soon. It also will borrow from one of the Listmania examples. Yes. I agree the brown area is too narrow--that was my point. What prevents you from making it wider? Cordially, David -- __ 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] kthings 02 (Formerly Floating images -understanding ...etc.)
Time, and considering keeping the existing brown area, putting brief text in the nav buttons. Then they'd see the full page title when they got there. So many options. Thanks again for helping. - Keith Purtell __ 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] kthings 02 (Formerly Floating images -understanding ...etc.)
Keith Purtell wrote: Time, and considering keeping the existing brown area, putting brief text in the nav buttons. Then they'd see the full page title when they got there. So many options. Thanks again for helping. - Keith Purtell So many options. So little time. What is your uri? Best, ~d PS Try to keep it simple whatever and whatever it is... -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ 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/
[css-d] kthings 02 (Formerly Floating images -understanding ...etc.)
Re David Hucklesby's reply: First, thanks for the image citation advice. And the navigation on the left: Somehow I have to make that fit the available space. What to do? Why not give it more space? This end, I have very long line lengths on the main text - shorter would be easier to read. That would give you more room for the navigation. The brown area is too narrow, unless I use one of the fly-out menus (what I call them) in the Listmania link you provided. Before I go there, however, I'm going to try something more simple that will post soon. It also will borrow from one of the Listmania examples. http://css.maxdesign.com.au/listamatic/ B - Please follow the Dave Marsh link on the left. There are three important features on this old page. 1-The way Keith's Favored Things butts up right at the top. I tried using the same code in the Jack Vance page but it didn't work. The page markup and styling for this text are entirely different, so I don't know why you would expect them to look the same? Because I'm green. Need to do more work on my end and less expecting you guys to supply answers. Finally, please note the comment I put about half way down in the style sheet. http://www.keithpurtell.com/kthings/a_body_vance_divs.htm Are we supposed to guess which one? Be nice to Opera 5 perhaps? (Why?) I was referring to the comment: All the following code is seven years old. Since then, I've forgotten how most of it works. There are references in the Web pages to style in this sheet that I can't even find. Examples: id=Header AND id=ContTop - Keith Purtell http://www.myspace.com/canyonsofthesky __ 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] kthings 02 (Formerly Floating images - understanding ... etc.)
On Sun, 22 Aug 2010, Keith Purtell wrote: http://www.keithpurtell.com/kthings/a_body_vance_divs.htm http://cfajohnson.com/testing/keithpurtell.jpg -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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/
[css-d] kthings 02 (Formerly Floating images - understanding ... etc.)
I took every message I got about this Web page and pasted it into a 24-page MS Word document. I read it all once, then went back and highlighted the most important parts. Then I went to work on the page and style sheet. The result is better, but A) has a few glitches, and B) doesn't have some features I want that are on the other older pages of the site built when I didn't know what I was doing (sounds crazy). A - Notice the first photo credit. The only way I could make it fit was to put it in a div the same width as the image. I don't see myself doing that for the entire site. Also, I can't figure out why the word Used didn't appear on the previous line. For some reason, the text wrapped prematurely. The second image credit has the same cheat even though it doesn't match the image width. And the navigation on the left: Somehow I have to make that fit the available space. Smaller font? But that leaves the issue that this page will be within the Books section, and those selections overflow to the right. What to do? B - Please follow the Dave Marsh link on the left. There are three important features on this old page. 1-The way Keith's Favored Things butts up right at the top. I tried using the same code in the Jack Vance page but it didn't work. Something to do with our old style sheet import issue? 2-The way the Dave Marsh heading appears. I also tried the same code on the Jack Vance page. It failed. 3-The slightly textured background on the Dave Marsh page. Apparently a property of the BODY tag, but it's not working on the Vance page. Finally, please note the comment I put about half way down in the style sheet. (My apologies for these posts that are so much longer than most everyone else.) http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell __ 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] kthings 02 (Formerly Floating images - understanding ... etc.)
On 8/22/10 4:17 PM, Keith Purtell wrote: [...] A - Notice the first photo credit. The only way I could make it fit was to put it in a div the same width as the image... The DIV that holds the first image and caption has a width. The caption also has a (different) width. I don't think you need the width for the caption. ... The second image credit has the same cheat even though it doesn't match the image width. The DIV around the rightmost image does not have a width. The caption has a width, equal to that of the image. Not the same cheat at all. And the navigation on the left: Somehow I have to make that fit the available space. Why not give it more space? This end, I have very long line lengths on the main text - shorter would be easier to read. That would give you more room for the navigation. Also, I suggest you use a background color that matches the background image, as the image stops well short of the right-hand edge on my screen.[1] Another suggestion might be to give the navigation some styling, rather than use the browser default of 40px left margin (IE) or left padding (others). Plenty of style ideas from Listamatic: http://css.maxdesign.com.au/listamatic/ t to do? B - Please follow the Dave Marsh link on the left. There are three important features on this old page. 1-The way Keith's Favored Things butts up right at the top. I tried using the same code in the Jack Vance page but it didn't work. The page markup and styling for this text are entirely different, so I don't know why you would expect them to look the same? On the Jack Vance page, the text is in an h2 element that's inside the div#maincontent. On the Dave Marsh page, the text is inside div#header that is directly inside the body element. Finally, please note the comment I put about half way down in the style sheet. Are we supposed to guess which one? Be nice to Opera 5 perhaps? (Why?) http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell [1] P.S. Be aware that IE7 will not change the size of a background on the body element when a page is zoomed. I suggest you put that faux column background on a full-width wrapper element instead. Cordially, David -- __ 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] kthings 02 (Formerly Floating images - understanding ... etc.)
Keith Purtell wrote: I took every message I got about this Web page and pasted it into a 24-page MS Word document. http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell Start over with a clear head and a clean sheet. Hit the verticals. Hold the horizontals. Honor the authors and their work. Make yourself very small and insignificant. And above all else keep it simple. Fwiw: http://chelseacreekstudio.com/ca/cssd/kp.htm Best, Mark Rothko -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ 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/