Re: [css-d] IE Floating problem
2009/3/7 Alan Gresley a...@css-class.com: Alan Gresley wrote: Ib Jensen wrote: Link: http://ikjensen.dk/test/ (repaired) I forgot to mention about the float drop in IE6 due to it's quirky handling of percentages. The fix is changing the width. .subcolumns { width: 99%; /* Change to keep IE6 happy */ overflow:hidden; } Link: http://ikjensen.dk/test/ Thanks to all. As mentioned earlier adding : height: 1% to #center solved the problem. When I added it directly to default.css. Instead of making a CC. Adding : margin-top: 1em to #content, might solve the problem with the sidebar. -- 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] IE Floating problem
2009/3/7 Ib Jensen ibkjen...@gmail.com: 2009/3/7 Alan Gresley a...@css-class.com: Alan Gresley wrote: Ib Jensen wrote: .subcolumns { width: 99%; /* Change to keep IE6 happy */ overflow:hidden; } This wasn't nescessary to adjust, ( I think ). But always nice to know. Link: http://ikjensen.dk/test/ Thanks to all. As mentioned earlier adding : height: 1% to #center solved the problem. When I added it directly to default.css. Instead of making a CC. Adding : margin-top: 1em to #content, might solve the problem with the sidebar. Adding this last solution solved the problem, Almost. Maybe fidling with the margin-top, will solve the differences in height, between sidebar and content. In IE6 ? -- 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] css, in place of javascript
karla pringle wrote: Hello, I am rebuilding a very basic image gallery, http://www.niagara-galleries.com.au/artists/imagno.html Some links you may find helpful? http://www.tjkdesign.com/articles/thumbnail_and_caption/gallery_of_thumbnails.asp http://www.tjkdesign.com/articles/accessible_photo_gallery.asp http://www.cssplay.co.uk/menu/lightbox-hover.html#url -- A thin red line and a salmon-color ampersand forthcoming. 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] css, in place of javascript
HI Thanks for this, although the layout of the gallery isn't the problem, Im using tables for another purpose. What I really wanted to know was, Is there a way to rollover an image and have text elsewhere on the page apply a hover attribute. for example I mouse over an image on the page and the text below is highlighted. Thanks very much, On 07/03/2009, at 10:00 PM, David Laakso wrote: karla pringle wrote: Hello, I am rebuilding a very basic image gallery, http://www.niagara-galleries.com.au/artists/imagno.html Some links you may find helpful? http://www.tjkdesign.com/articles/thumbnail_and_caption/gallery_of_thumbnails.asp http://www.tjkdesign.com/articles/accessible_photo_gallery.asp http://www.cssplay.co.uk/menu/lightbox-hover.html#url -- A thin red line and a salmon-color ampersand forthcoming. 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/ Hello, I am rebuilding a very basic image gallery, (and apologies there is a table in it) But that was not my problem.(yes, it should be) But... I was wondering if there was a way using css to create what used to be added using javascript and images. I would like to have an image file with text underneath, and when the image is moused over, the text below highlights as well as a border being created around the image. I used to use swap image restore and attach the behaviour to the text image file. Is there are way to do this with css? I hope this makes sense. thanks very much in advance, here is a link to a test page, __ 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] css, in place of javascript
karla pringle wrote: What I really wanted to know was, Is there a way to rollover an image and have text elsewhere on the page apply a hover attribute. An image, no... for example I mouse over an image on the page and the text below is highlighted. ...but it can be simulated visually by placing both image and a text-carrying element in a parent-element in the markup - a link for instance, and reposition the text-carrying element so it appears outside that parent-element. The text can then appear anywhere on a page, depending on how one define positioning-relationship. Such methods are widely used to create CSS pop-ups of all kinds, but it'll work just as well for stable-positioned elements that change visually when one hovers over their parent-element. Try the 1 link example (third one) on this test-page... http://www.gunlaug.no/contents/wd_chaos_32.html (Notes on that test-page are not updated for the latest finds across browser-land.) 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] Element alignment.
bruce.som...@web.de wrote: Again at http://www.maireadnesbitt.com/initial.html - how can the borders on leftcontent and rightcontent extend out the bottom of the window? Els el...@tiscali.nl replied: rightcontent: height: 100%; border: 4px double black; 100% plus 4px is more than 100%. leftcontent: height: 120% border: 4px double black; 120% plus 4px is also more than 100%. BTW, because of position:fixed, the side columns won't scroll. Probably what you intended, but it means that people on the new fancy smaller screens won't see the links that are below their screen. Thanks for that. I obviously expected the client area or canvas or whatever it's currently called, to expand to include those borders (with a vertical scroll-bar). As the border is only temporary, it's not really a problem. Yes, it wouldn't make much sense to have the menu scroll off screen or to have the backgound image run away. Until now, we have kept them in place by specifying bgProperties=fixed on the body tag, which is a non-standard attribute. I'm pleased not to need it in the current version. I have no idea how to accommodate those with minute screens. My Blackberry has a 5.0 x 4.7 cm screen and a web browser. I have found no use for it. Perhaps for displaying a list of stock quotations. But what else? Even if I were able to scroll the menu and see all entries, I wouldn't know how to select anything with no cursor. I'm afraid I'll have to be fresh enough, or perhaps unpleasant enough, to say that the site is not compatible with toy screens. Thanks for your help. Bruce __ 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] Element alignment.
bruce.som...@web.de wrote on Saturday, March 7, 2009: Yes, it wouldn't make much sense to have the menu scroll off screen We differ in opinion there. It does makes sense to have the menu scroll with the rest of the page, so that every part of it can be accessed. I have no idea how to accommodate those with minute screens. Very simple: let everything scroll naturally. My Blackberry has a 5.0 x 4.7 cm screen and a web browser. I have found no use for it. Perhaps for displaying a list of stock quotations. But what else? Even if I were able to scroll the menu and see all entries, I wouldn't know how to select anything with no cursor. That's just you though ;-) I use a Nokia N73, with a 2x3 cm screen, and I surf the web all the time. There is a cursor, and you can use it to click on things. Before this, I had an older phone, without cursor, but that one just highlighted link after link, so I could still surf the web and follow links. I'm sure your Blackberry is good enough to surf the web if you tried. I'm afraid I'll have to be fresh enough, or perhaps unpleasant enough, to say that the site is not compatible with toy screens. Your prerogative, but toy screens are on the rise - 640x480 and 800x600 are quite common. EEE pc and similar laptops don't really have minute screens. Oh, and there is of course the iPhone. Also 640 x 480 I think? -- Els __ 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] Options in a select
Hi all, I have a select box that is 150px but the options are larger than that. For design purposes I need to keep the size as 150px but the options I need to be bigger. How can I do that? Thank you __ 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] css, in place of javascript
At 00:29 +1100 on 03/08/2009, karla pringle wrote about Re: [css-d] css, in place of javascript: Is there a way to rollover an image and have text elsewhere on the page apply a hover attribute. for example I mouse over an image on the page and the text below is highlighted. How about: a href=# id=Ximg ...brText/a and doing the CSS hover to point at X? -- Bob Rosenberg RockMUG Webmaster webmas...@rockmug.org www.RockMUG.org __ 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] css, in place of javascript
that is marvellous, thank you very much! Karla On 08/03/2009, at 12:56 AM, Gunlaug Sørtun wrote: karla pringle wrote: What I really wanted to know was, Is there a way to rollover an image and have text elsewhere on the page apply a hover attribute. An image, no... for example I mouse over an image on the page and the text below is highlighted. ...but it can be simulated visually by placing both image and a text-carrying element in a parent-element in the markup - a link for instance, and reposition the text-carrying element so it appears outside that parent-element. The text can then appear anywhere on a page, depending on how one define positioning-relationship. Such methods are widely used to create CSS pop-ups of all kinds, but it'll work just as well for stable-positioned elements that change visually when one hovers over their parent-element. Try the 1 link example (third one) on this test-page... http://www.gunlaug.no/contents/wd_chaos_32.html (Notes on that test-page are not updated for the latest finds across browser-land.) 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/ __ 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/