[css-d] css3 selectors
I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? It'd be useful for styling paragraphs that come before (introducing) lists for instance. ---Tim Climis Computer Coordinator International Services __ 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] css3 selectors
On Thu, March 26, 2009 1:21 pm, Climis, Tim wrote: I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? It'd be useful for styling paragraphs that come before (introducing) lists for instance. No, but you could achieve the same thing (for the example you give) using CSS2.1 adjacent-sibling selectors [1]: p + ul { font-style: italic; } [1] http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] css3 selectors
I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? --- Yes! There is. Sintax is: ul ~ p {...} matches p elements that comes before ul elements. Firefox, Opera and Safari on windows support it. IE 7 doesn't support. Don't know about others. Maurício __ 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] Top half of image map button not active in IE
Hi all, I have an IE weirdness on a site I am developing. I have a CSS-based image map on one page. The image map works fine except that one button is only active in the bottom half. The offending page is here: http://www.tellura.co.uk/ruberyowen/contact-us.php On this page, if you look at the Rozone button (top right) it shows an orange dotted border on hover, as it should. However in IE 6 under Windows 2000 and IE7 under Vista the top half of this button is not clickable. In Safari and Firefox it behaves correctly. I can't see what is wrong with my code or css - can anyone tell me what might be wrong here? Thanks, Ian. -- ianpi...@mac.com 07590 685840 | 01926 811383 __ 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] css3 selectors
Ops! My fault on previous email: Sintax is: ul ~ p {...} matches p elements that comes AFTER ul elements. Maurício __ 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] css3 selectors
you could achieve the same thing (for the example you give) using CSS2.1 adjacent-sibling selectors [1]: p + ul { font-style: italic; } From the spec: Adjacent sibling selectors have the following syntax: E1 + E2, where E2 is the subject of the selector. The selector matches if E1 and E2 share the same parent in the document tree and E1 immediately precedes E2, ignoring non-element nodes (such as text nodes and comments). pThese are the things you need to bring:/p ul liBananas/li liPie/li /ul Unless I'm misreading the spec, that would match the ul and make my list text italicized, which isn't what I want. I want to match the p. Something like E1 + E2, where E1 is the subject of the selector. ---Tim __ 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] css3 selectors
On Thu, March 26, 2009 2:03 pm, Climis, Tim wrote: Unless I'm misreading the spec, that would match the ul and make my list text italicized, which isn't what I want. I want to match the p. DOH! Yes, I fail - sorry :-( Well, it is lunchtime... -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] css3 selectors
On Mar 26, 2009, at 10:06 AM, Mauricio ((Maujor)) Samy Silva wrote: I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? -- - Yes! There is. Sintax is: ul ~ p {...} matches p elements that comes before ul elements. I don't believe that this is correct. This would match a p element that comes AFTER (though not necessarily immediately after) the list element. See: http://www.w3.org/TR/css3-selectors/#general-sibling-combinators Michael Stewart bagelstew...@gmail.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] css3 selectors
On Mar 26, 2009, at 10:21 PM, Climis, Tim wrote: I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? It'd be useful for styling paragraphs that come before (introducing) lists for instance. Nope, nothing like that exists. http://www.w3.org/TR/css3-selectors/ Philippe --- Philippe Wittenbergh http://l-c-n.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] css3 selectors
Climis, Tim wrote: pThese are the things you need to bring:/p ul liBananas/li liPie/li /ul Unless I'm misreading the spec, that would match the ul and make my list text italicized, which isn't what I want. I want to match the p. Something like E1 + E2, where E1 is the subject of the selector. ---Tim You can only target it indirectly. p:first-child {...} p ~ p {...} /* overriding style */ -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] css3 selectors
Ops! My fault on previous email: Sintax is: ul ~ p {...} matches p elements that comes AFTER ul elements. Yeah, my testing had just discovered that. :( Digging into the spec to see what was up, it looks like there's not a selector for what I want. Maybe because it would need a second pass to figure out who's before. The ~ matches all the p elements after a ul element. The + matches a p element immediately after a ul element. Oh well. __ 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] css3 selectors
ul ~ p {...} matches p elements that comes AFTER ul elements. The ~ matches all the p elements after a ul element. The + matches a p element immediately after a ul element. What about doing it backwards then put a class on the p and target the following ul __ 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] css3 selectors
Climis, Tim wrote: I'm just curious, is there a css3 selector for previous siblings? And if there is, how widely supported is it? It'd be useful for styling paragraphs that come before (introducing) lists for instance. None exists, but you could use jQuery to do it: style type='text/css' media='screen,projection' p.p_before_ul { font-weight:bold; } /style script type='text/javascript' src='http://www.google.com/jsapi'/script script type='text/javascript' google.load('jquery','1'); google.setOnLoadCallback(function(){ $('ul').prev('p').addClass('p_before_ul'); }); /script Anyway, hope it helps. --Bill -- !-- ! Bill Brown macnim...@gmail.com ! Web Developologist, WebDevelopedia.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] Problem with style sheets
I don't know if the other message got though the list cause sometimes I don't receive messages. Anyhow I'm trying to get the styles #logoleft, #logomiddle, #logoright to overlap the #WR style because the images are going behind the big white box, I hope, and I really do hope someone knows how to solve please ! __ 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] css3 selectors
What about doing it backwards then put a class on the p and target the following ul What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. Here's a list: * Something * Something else Instead of: Here's a list: *something *something else So targeting the ul doesn't make much sense. What I've got now is a list_header class that goes on all the p elements that are really list headers. But I thought it would be cool if I didn't need the class, and could just say any paragraph before a list is a list header instead. __ 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] Top half of image map button not active in IE
Ian Piper wrote: http://www.tellura.co.uk/ruberyowen/contact-us.php On this page, if you look at the Rozone button (top right) it shows an orange dotted border on hover, as it should. However in IE 6 under Windows 2000 and IE7 under Vista the top half of this button is not clickable. IE's old stacking bug. Add... #companies-location-map ul {position: relative;} ...to lift the entire ul with its absolute positioned children as one layer, above the surrounding element layers. 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] Links work but Parts of Div is hidden
Christopher R wrote: Alright, I have gotten my links to work but if you take a look you'll see that my big banner\logo graphic gets cut off and I'd really like to know to bring it forward ? You can see exactly what is happening at: http://www.thecreativesheep.ca/site/imagepage5.html Well, I just looked at it in FF3/Linux and don't see any graphics at all except the window background and the man's face in lower right corner. This happens both with and without Javascript enabled ... The FF web developer toolbar reports 5 broken images: 1. http://www.thecreativesheep.ca/site/navgraphic.png 2. http://www.thecreativesheep.ca/site/gallerybottonbw.png 3. http://www.thecreativesheep.ca/site/animationbottonbw.png 4. http://www.thecreativesheep.ca/site/blogbw.gif 5. http://www.thecreativesheep.ca/site/contactimage.gif I don't quite know why you want to waste so much screen space around your rigid boxes ... -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] css3 selectors
You should use h* elements instead of p elements for any kind of header. You might then not need to specify any classes and it's more semantically correct What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. Scott has a valid point here. Maybe this is the way you should be doing it. Also is it possible to make up ones own elements? That's sorta what XML is right? If you could do that then you can style it just like a p or h1 tag. __ 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] css3 selectors
You should use h* elements instead of p elements for any kind of header. You might then not need to specify any classes and it's more semantically correct Sent from my iPhone On Mar 26, 2009, at 9:21 AM, Climis, Tim tcli...@indiana.edu wrote: What about doing it backwards then put a class on the p and target the following ul What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. Here's a list: * Something * Something else Instead of: Here's a list: *something *something else So targeting the ul doesn't make much sense. What I've got now is a list_header class that goes on all the p elements that are really list headers. But I thought it would be cool if I didn't need the class, and could just say any paragraph before a list is a list header instead. __ 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/
[css-d] List-style-type in IE
Hi, I am trying to remove the bullets from an unordered list, which works fine in Firefox using list-style-type:none;. But this doesn't appear to be supported by IE and the lists are showing either with the bullet or with an indent. See the left-hand side links on http://www.deveron-arts.com/wb/pages/artists/david-blyth.php How can I work round this? regards, Mike -- Mike Davies Integra Web Design, Rhynie, By Huntly, AB54 4LS 01464 861535www.integrawebdesign.co.uk __ 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] List-style-type in IE
Afternoon Mike You wrote Hi, I am trying to remove the bullets from an unordered list, which works fine in Firefox using list-style-type:none;. But this doesn't appear to be supported by IE and the lists are showing either with the bullet or with an indent. See the left-hand side links on http://www.deveron-arts.com/wb/pages/artists/david-blyth.php How can I work round this? regards, Mike IE6 and FF 3.x shows no bullets on a Win XP SP3 box on the links you reference. As an aside, you should run your page past the html validator. [1] Regards Jim Nannery blog - www.nannery.net/wordpress [1] http://validator.w3.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] css3 selectors
Scott has a valid point here. Maybe this is the way you should be doing it. Also is it possible to make up ones own elements? That's sorta what XML is right? If you could do that then you can style it just like a p or h1 tag. He does. And I may do that. I'm not using h6 for anything on this site yet. But there are a few things I wish for that would make even more semantic sense. A. lists contained in paragraphs, or B. a list header element (like thead or th) ullh/lh li/li /ul And with XHTML, I could add my own elements, but then I'd have to write my own doctype or namespace, and it'd probably throw IE into all sorts of fun conniption fits. But I think now that I've written an entire email without any mention of CSS, we're officially off topic, and should close the thread. ---Tim __ 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] List-style-type in IE
--- On Thu, 3/26/09, Mike Davies m...@integrawebdesign.co.uk wrote: I am trying to remove the bullets from an unordered list, which works fine in Firefox using list-style-type:none;. But this doesn't appear to be supported by IE and the lists are showing either with the bullet or with an indent. See the left-hand side links on http://www.deveron-arts.com/wb/pages/artists/david-blyth.php How can I work round this? In IE7 the first list seems OK, the second list has indented items. Personally, I usually use these rules to reset all UL/LI tags: ul,li { list-style-type: none; list-style-position: outside; } The list-style-position should help there. (to be perfectly honest, I'm not sure if this is a 100% foolproof/valid/good method, but I've never had problems with it) mS __ 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] css3 selectors
What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. Here's a list: * Something * Something else Instead of: Here's a list: *something *something else So targeting the ul doesn't make much sense. What I've got now is a list_header class that goes on all the p elements that are really list headers. But I thought it would be cool if I didn't need the class, and could just say any paragraph before a list is a list header instead. Wouldn't it be easier to either: - default to have paragraph spacing apply above, not below (padding- top vs padding-bottom) with no top padding on a ul - or if the ul follows a p, give it a negative margin-top +++ colleen sullivan leh __ 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] css3 selectors
Climis, Tim wrote: What about doing it backwards then put a class on the p and target the following ul What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. [...] Tim, How about *adding* a negative top margin to the UL? viz: p + ul { margin-top: -1em; } 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] css3 selectors
How about *adding* a negative top margin to the UL? viz: An interesting idea that I had not thought of. It would work though. ---Tim __ 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] Horizontal Navigation Bar Problem
Hi, I've got a small problem I've been unable to solve. Here is the site http://www.international.ucla.edu http://www.international.ucla.edu/ On the top navigation bar the tabs fit nice an flush on pc browsers (IE 7, IE8, Firefox, Chrome) but on Mac there there is spacing on the right of the About Us tab that doesn't stretch to fill the bar on the right side in Safari and Firefox. The page validates properly and I'd like to avoid javascript detection to load different css files (although I might have to try that), so was wondering if others have run into this problem before and if they had any patches for it. Thanks, Scott __ 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] Footer at the bottom of the page issue
Hi folks, How do I keep a footer always on the bottom of the page, without using absolute positions, with css??? Could you help me, please? I am using wordpress as a CMS and the website is not online yet. But the code is quite simple. I have a div indetified as footer, at the bottom of the code. Thanks a lot. Fredy. __ 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] Footer at the bottom of the page issue
Frederyco Martins wrote: Hi folks, How do I keep a footer always on the bottom of the page, without using absolute positions, with css??? Could you help me, please? I am using wordpress as a CMS and the website is not online yet. But the code is quite simple. I have a div indetified as footer, at the bottom of the code. Thanks a lot. Fredy. Try: 1/ make sure the markup [1] and css [2] is valid [1] http://validator.w3.org/ [2] http://jigsaw.w3.org/css-validator/ 2/ assign the same width to the footer as you have for the width of the page proper 3/ add clear: both; to the footer ruleset __ 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] Horizontal Navigation Bar Problem
Scott Gruber wrote: http://www.international.ucla.edu/ On the top navigation bar the tabs fit nice an flush on pc browsers (IE 7, IE8, Firefox, Chrome) but on Mac there there is spacing on the right of the About Us tab that doesn't stretch to fill the bar on the right side in Safari and Firefox. Doesn't fit in any of my browsers on any Operating System, simply because fit relies of font size. Has never worked and will never work, regardless of how much detection and various stylesheets you apply. If you want something to fit exactly anywhere: use fix-sized images. 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-d] Flash header problem in IE
Greetings, I have a Flash animation header on a home page and there is about 2px of space below the header when viewed in IE. The other pages have regular image headers and I have used the following css which closes up the 2px of space: #header img {display: block} #header {display: block} Does anyone out there know what selector I can use that will close up the space for the Flash header? Here are the pages (view on IE to see what I am referring to; there is no problem on Safari or FF): page with Flash header: http://www.bikeforike.org/index2.html page with image header: http://www.bikeforike.org/about_whatwedo.html http://www.bikeforike.org/main.css Thank you thank you thank you anne __ 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] styling select drop down in IE
Can CSS be applied to the select tag in IE? I can't get mine to remove the 3D effect. I remember something about the styling of selects being an operating system style that can't be overwritten. Thanks, Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 http://www.checkoutacollege.comhttp://www.checkoutacollege.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] make accordion box open on mouseover
Greetings, I am building a site in Dreamweaver CS3 and am using its Spry accordion widget for a navigation bar and would really like to have the panels open when the header tabs are moused-over rather than when clicked. Does anyone know of a way to make this happen? I can't find anything in Adobe Help, the css, or the js pages that controls this function. Any help would be much appreciated. Here is the site I am working on: http://www.bikeforike.org/index2.html http://www.bikeforike.org/SpryAssets/SpryAccordion.js http://www.bikeforike.org/SpryAssets/SpryAccordion.css Thanks so very much, Anne __ 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] make accordion box open on mouseover
From: Anne McKinsey anne...@charter.net I am building a site in Dreamweaver CS3 and am using its Spry accordion widget for a navigation bar and would really like to have the panels open when the header tabs are moused-over rather than when clicked. Does anyone know of a way to make this happen? I can't find anything in Adobe Help, the css, or the js pages that controls this function. Any help would be much appreciated. Here is the site I am working on Hi Anne, The question you have concerns JavaScript and should be asked on Adobe's spry forum: http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72catid=602 I'm not fluent in their script, but it should be possible. It has nothing to do with CSS though. -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/apm An Accessible Elegant Accordion __ 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] Middle align?
I can't align the logo at the top of the page to the pagenav sitting to its right. Tried a bunch of things but none of them worked. /Kimi -- This email sent by Kimi Wei 201-475-1854 | k...@thewei.com | thewei.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] Middle align?
Kim Brooks Wei wrote: I can't align the logo at the top of the page to the pagenav sitting to its right. Tried a bunch of things but none of them worked. Is there a link we can use to view the troublesome page? -- !-- ! Bill Brown macnim...@gmail.com ! Web Developologist, WebDevelopedia.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] css3 selectors
On 27/03/2009, at 4:26 AM, Climis, Tim wrote: But there are a few things I wish for that would make even more semantic sense. A. lists contained in paragraphs, or B. a list header element (like thead or th) ullh/lh li/li /ul Perhaps a definition list could be styled to achieve what you want? http://www.w3.org/MarkUp/html3/deflists.html You'd probably need to put a bullet in as a css background image as dl does not seem to support list-style-type as ul and ol do, but dl does have an optional list header lh which could be styled ... Cheers, KathyW. __ 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] Links work but Parts of Div is hidden
I've got the images to load now the problem is that the images are hiding behind the white box. On Thu, Mar 26, 2009 at 4:52 AM david gn...@hawaii.rr.com wrote: Christopher R wrote: Alright, I have gotten my links to work but if you take a look you'll see that my big banner\logo graphic gets cut off and I'd really like to know to bring it forward ? You can see exactly what is happening at: http://www.thecreativesheep.ca/site/imagepage5.html Well, I just looked at it in FF3/Linux and don't see any graphics at all except the window background and the man's face in lower right corner. This happens both with and without Javascript enabled ... The FF web developer toolbar reports 5 broken images: 1. http://www.thecreativesheep.ca/site/navgraphic.png 2. http://www.thecreativesheep.ca/site/gallerybottonbw.png 3. http://www.thecreativesheep.ca/site/animationbottonbw.png 4. http://www.thecreativesheep.ca/site/blogbw.gif 5. http://www.thecreativesheep.ca/site/contactimage.gif I don't quite know why you want to waste so much screen space around your rigid boxes ... -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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/
Re: [css-d] make accordion box open on mouseover--works now
Greetings again, For anyone who may be interested: I've been able to make one simple change on the javascript to enable the accordion panels to open on mouseover rather than on click. About half way down the page you see this line of code: Spry.Widget.Accordion.prototype.onPanelClick = function(panel) Change it to: Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel) Now the panels open when moused over--very cool! Thanks very much for your help, Anne http://www.bikeforike.org/SpryAssets/SpryAccordion.js http://www.bikeforike.org/index2.html On Mar 26, 2009, at 7:01 PM, Anne McKinsey wrote: Greetings, I am building a site in Dreamweaver CS3 and am using its Spry accordion widget for a navigation bar and would really like to have the panels open when the header tabs are moused-over rather than when clicked. Does anyone know of a way to make this happen? I can't find anything in Adobe Help, the css, or the js pages that controls this function. Any help would be much appreciated. Here is the site I am working on: http://www.bikeforike.org/index2.html http://www.bikeforike.org/SpryAssets/SpryAccordion.js http://www.bikeforike.org/SpryAssets/SpryAccordion.css Thanks so very much, Anne __ 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/