[css-d] OT? HTML 5 root wrapper element?
Hi all, I hope this is not OT, but do you know which HTML5 element should be used for a wrapper element? I've seen a few recommendations. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.digibrill.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Search field on iOS not usable
Actually just found that the problem is on other tablet-size viewports as well. On Wed, Apr 20, 2016 at 12:15 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote: > Hi again, > Until today, I did not see that on iOS our search field is not clickable! > There must be an invisible overlap of some element? I do not have any dev > tools on my iPad or iPad mini. Any ideas? > > http://www.xifin.com > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.digibrill.com > > > > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > -------- > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.digibrill.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Search field on iOS not usable
Hi again, Until today, I did not see that on iOS our search field is not clickable! There must be an invisible overlap of some element? I do not have any dev tools on my iPad or iPad mini. Any ideas? http://www.xifin.com -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.digibrill.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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 of menu links before menu renders
Hi all, This is a repost from a few months back. I forgot what your answers were about our site/s on slower connections (mobile, etc.) having our mobile menu (hamburger) render only briefly after the links are output to the page. (I called this a FOUC and someone sais they had not heard that in a long time.) Is there a way to make sure the menu/links only appear after rendering? http://www.xifin.com -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.digibrill.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Fixed pixel-width sidebar, responsive content div
That is cool! Thanks! On Wed, Mar 30, 2016 at 12:02 PM, Tom Livingston <tom...@gmail.com> wrote: > Easiest way I can think of is using calc. .content{width: calc(100% - > 275px);} > > http://caniuse.com/#search=calc > > On Wed, Mar 30, 2016 at 2:21 PM, J.C. Berry <jcharlesbe...@gmail.com> > wrote: > >> Is this possible? >> >> SIDEBAR CONTENT >> 275px 80% (?) >> >> >> -- >> J.C. Berry, M.A. >> UI Developer >> 619.306.1712(m) >> jcharlesbe...@gmail.com >> http://www.mindarc.com >> >> >> >> This E-mail is covered by the Electronic Communications Privacy Act, 18 >> U.S.C. ?? 2510-2521 and is legally privileged. This information is >> confidential information and is intended only for the use of the >> individual >> or entity named above. If the reader of this message is not the intended >> recipient, you are hereby notified that any dissemination, distribution or >> copying of this communication is strictly prohibited. >> >> >> __ >> css-discuss [css-d@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/ >> > > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Fixed pixel-width sidebar, responsive content div
Is this possible? SIDEBAR CONTENT 275px 80% (?) -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Vertical align nav button text
Hello again all! If you go to http://www.xifin.com/solutions When you reduce the viewport you will see the blue button menu that replace the icon menu, but the text on the one-row buttons does not vertical align. I think vertical-align has to be on inline elements right? Any way to fix this and not break anything else? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Menu hover bleeding 1px on FF
Thanks again, everyone. Now I have an issue that is more of a usability one with that menu. We need: 1. The submenus to delay opening until after the main menu animation/bkgd color (0.4s). 2. And for the main menu item to stay highlighted while the mouse is over the submenu. I just didn't know if either of these is possible with CSS? On Thu, Mar 10, 2016 at 3:09 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote: > Works great! Beautiful Dave. Thanks to Karl as well. > > On Thu, Mar 10, 2016 at 2:57 PM, Dave Chiu <chiu.dave+c...@gmail.com> > wrote: > >> adding vertical-align: top will at least get FF and Chrome to act the same >> #pronet_topnav_wrapper #pronet_nav_container #pronet_nav ul#subnav > li a >> { >> [...] >> vertical-align: top; >> } >> >> then adjust the margin-top on the list item from 6 to 7 >> #pronet_topnav_wrapper #pronet_nav_container #pronet_nav ul#subnav > li { >> margin-top: 7px !important; >> } >> >> there is also a small issue where in Firefox the height of the anchor tag >> on hover is 41px, and in Chrome it's 40px, but i think the above is the >> quickest way to answer what you asked for without changing more. >> >> On Thu, Mar 10, 2016 at 5:28 PM, J.C. Berry <jcharlesbe...@gmail.com> >> wrote: >> >>> Hi everyone, could you help with an issue I am having with a menu hover >>> background color in Firefox? >>> >>> http://www.xifin.com/pronet/partners >>> >>> You will notice that the hover bleeds about 1px on the bottom. Any ideas? >>> >>> Thanks! >>> >>> -- >>> J.C. Berry, M.A. >>> UI Developer >>> 619.306.1712(m) >>> jcharlesbe...@gmail.com >>> http://www.mindarc.com >>> >>> >>> >>> This E-mail is covered by the Electronic Communications Privacy Act, 18 >>> U.S.C. ?? 2510-2521 and is legally privileged. This information is >>> confidential information and is intended only for the use of the >>> individual >>> or entity named above. If the reader of this message is not the intended >>> recipient, you are hereby notified that any dissemination, distribution >>> or >>> copying of this communication is strictly prohibited. >>> >>> -------- >>> __ >>> css-discuss [css-d@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/ >>> >> >> > > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.mindarc.com > > > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Menu hover bleeding 1px on FF
Works great! Beautiful Dave. Thanks to Karl as well. On Thu, Mar 10, 2016 at 2:57 PM, Dave Chiu <chiu.dave+c...@gmail.com> wrote: > adding vertical-align: top will at least get FF and Chrome to act the same > #pronet_topnav_wrapper #pronet_nav_container #pronet_nav ul#subnav > li a { > [...] > vertical-align: top; > } > > then adjust the margin-top on the list item from 6 to 7 > #pronet_topnav_wrapper #pronet_nav_container #pronet_nav ul#subnav > li { > margin-top: 7px !important; > } > > there is also a small issue where in Firefox the height of the anchor tag > on hover is 41px, and in Chrome it's 40px, but i think the above is the > quickest way to answer what you asked for without changing more. > > On Thu, Mar 10, 2016 at 5:28 PM, J.C. Berry <jcharlesbe...@gmail.com> > wrote: > >> Hi everyone, could you help with an issue I am having with a menu hover >> background color in Firefox? >> >> http://www.xifin.com/pronet/partners >> >> You will notice that the hover bleeds about 1px on the bottom. Any ideas? >> >> Thanks! >> >> -- >> J.C. Berry, M.A. >> UI Developer >> 619.306.1712(m) >> jcharlesbe...@gmail.com >> http://www.mindarc.com >> >> >> >> This E-mail is covered by the Electronic Communications Privacy Act, 18 >> U.S.C. ?? 2510-2521 and is legally privileged. This information is >> confidential information and is intended only for the use of the >> individual >> or entity named above. If the reader of this message is not the intended >> recipient, you are hereby notified that any dissemination, distribution or >> copying of this communication is strictly prohibited. >> >> >> __ >> css-discuss [css-d@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/ >> > > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Menu hover bleeding 1px on FF
Hi everyone, could you help with an issue I am having with a menu hover background color in Firefox? http://www.xifin.com/pronet/partners You will notice that the hover bleeds about 1px on the bottom. Any ideas? Thanks! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Moving mobile nav to bottom?
Thanks everyone, I should clarify: I have a main menu that is located at the top of the viewport as a hamburger, but a submenu on each page for more reading on that page topic. That second menu is the one I am asking about. It is currently below the main nav and text header/paragraph at top. So I guess it could be in the footer region, but more pronounced. Opinions? On Wed, Jan 27, 2016 at 5:29 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote: > When I read this I assumed J.C. was referring to a navigation bar that is > fixed to the bottom of the screen, and I think D'Arcy provided a solution > (I didn't test it). > > I think there are very valid use cases for this design pattern. If the > navigation is accessible from the bottom of the screen it is always in > easier reach of my thumbs (especially on this Note 5). It also affords the > opportunity to have "quick links" (contextual or otherwise) as well as a > hamburger type button that can expand more navigation. > > Test your user base and see if it is a better experience for them. > > Chris > On Jan 27, 2016 7:39 PM, "Tom Livingston" <tom...@gmail.com> wrote: > >> On Wed, Jan 27, 2016 at 5:15 PM, J.C. Berry <jcharlesbe...@gmail.com> >> wrote: >> > Hello, >> > I have read that on mobile devices it is better to move your nav to the >> > bottom of the screen. First of all, do you agree? Secondly, how can you >> > move something down that may be in the HTML above the other elements? >> > >> > Eager to hear. >> > >> > -- >> >> I assume what were talking about is having the 'mobile nav' at the >> bottom of the page with a link (hamburger anyone?) at the top to jump >> down to it. A number of years ago I built a site that used this >> method. If I had to do it again, I would choose a better method for >> the structure, but for my skill level at the time it was ok. >> >> You could have the be parent-less (except for element), >> and position it at the bottom for narrow widths and at the top for >> wider. This obviously has design implications, but it's certainly >> possible. Absolute positioning is one simple way to achieve this, but >> as others have mentioned, flexbox is another way. >> >> HTH >> >> -- >> >> Tom Livingston | Senior Front End Developer | Media Logic | >> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com >> >> >> #663399 >> __________ >> css-discuss [css-d@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/ >> > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Moving mobile nav to bottom?
Hello, I have read that on mobile devices it is better to move your nav to the bottom of the screen. First of all, do you agree? Secondly, how can you move something down that may be in the HTML above the other elements? Eager to hear. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Moving mobile nav to bottom?
Thanks everyone, great suggestions. But I have to clarify something and here I am really open to best practices - our site has a regular complete menu on every page, but each page also has a submenu for "more reading" on a subject. So I wanted the main menu to be at top where it is now - hamburger and all - but the submenus I wondered how to present them. What do you think? On Wed, Jan 27, 2016 at 7:56 PM, D'Arcy J.M. Cain <da...@vybenetworks.com> wrote: > On Wed, 27 Jan 2016 20:29:26 -0500 > Chris Rockwell <ch...@chrisrockwell.com> wrote: > > When I read this I assumed J.C. was referring to a navigation bar > > that is fixed to the bottom of the screen, and I think D'Arcy > > provided a solution (I didn't test it). > > It's an excerpt from a real site but I can't guarantee that it works in > isolation. Sometimes CSS depends on things in the containing elements. > > > I think there are very valid use cases for this design pattern. If the > > navigation is accessible from the bottom of the screen it is always in > > easier reach of my thumbs (especially on this Note 5). It also > > affords the opportunity to have "quick links" (contextual or > > otherwise) as well as a hamburger type button that can expand more > > navigation. > > The decision to put the navigation at the bottom is mostly a design > one. I just think that if you do it has to be fixed in place. > Otherwise it may not even show when someone goes to a site that is > longer than their display. It's not as important when the navigation > it at the top. Then it is more of a design decision. Not my table. > > > Test your user base and see if it is a better experience for them. > > Always the best advice. > > -- > D'Arcy J.M. Cain > Vybe Networks Inc. > http://www.VybeNetworks.com/ > IM:da...@vex.net VoIP: sip:da...@vybenetworks.com > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] [ADMIN] Hello, my friends, hello
+1 on Karl's opinion and suggestion. On Wed, Dec 23, 2015 at 7:28 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: > +1 > > 4th option > > This list is invaluable. I have watched people grow in understanding and > experience here. To go away now would be a real shame IMO. Not to burden > you with any extra work, but you need to start a JavaScript list too. This > type of interaction on things is what's invaluable. You don't get the same > on Stack because everyone is worried about points. Here it's just real > help. Please don't go. > > Best, > Karl DeSaulniers > Design Drumm > __ > css-discuss [css-d@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/ > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides missing in Chrome
NM It looks like a JS error. Sorry for the interruption. On Thu, Sep 17, 2015 at 12:37 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote: > Does anyone have an idea about why our slides are not present in Chrome on > this page? > http://www.xifin.com/radiology > > Thanks guys! > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.mindarc.com > > > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > ------------ > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides missing in Chrome
Does anyone have an idea about why our slides are not present in Chrome on this page? http://www.xifin.com/radiology Thanks guys! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides missing in Chrome
Can you guys check it out nevertheless? I have been troubleshooting and see nothing in the JS. On Thu, Sep 17, 2015 at 1:09 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote: > NM It looks like a JS error. Sorry for the interruption. > > On Thu, Sep 17, 2015 at 12:37 PM, J.C. Berry <jcharlesbe...@gmail.com> > wrote: > >> Does anyone have an idea about why our slides are not present in Chrome >> on this page? >> http://www.xifin.com/radiology >> >> Thanks guys! >> >> -- >> J.C. Berry, M.A. >> UI Developer >> 619.306.1712(m) >> jcharlesbe...@gmail.com >> http://www.mindarc.com >> >> >> >> This E-mail is covered by the Electronic Communications Privacy Act, 18 >> U.S.C. ?? 2510-2521 and is legally privileged. This information is >> confidential information and is intended only for the use of the individual >> or entity named above. If the reader of this message is not the intended >> recipient, you are hereby notified that any dissemination, distribution or >> copying of this communication is strictly prohibited. >> >> ---- >> > > > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.mindarc.com > > > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > > -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides missing in Chrome
Yes, I have created a temp fix based on this. Thanks for the second eye. On Thu, Sep 17, 2015 at 2:19 PM, Allan Barclay <allan.barc...@wisc.edu> wrote: > Looks like the Jssor slider folks are aware of or already have a fix? > > > http://stackoverflow.com/questions/26405256/jssor-slider-does-not-display-slides-in-chrome > > https://github.com/jssor/slider/issues/136 > > > Take care, > > Allan > > > > On 9/17/15, 3:35 PM, "css-d-boun...@lists.css-discuss.org on behalf of > J.C. Berry" <css-d-boun...@lists.css-discuss.org on behalf of > jcharlesbe...@gmail.com> wrote: > > >Can you guys check it out nevertheless? I have been troubleshooting and > see > >nothing in the JS. > > > >On Thu, Sep 17, 2015 at 1:09 PM, J.C. Berry <jcharlesbe...@gmail.com> > wrote: > > > >> NM It looks like a JS error. Sorry for the interruption. > >> > >> On Thu, Sep 17, 2015 at 12:37 PM, J.C. Berry <jcharlesbe...@gmail.com> > >> wrote: > >> > >>> Does anyone have an idea about why our slides are not present in Chrome > >>> on this page? > >>> http://www.xifin.com/radiology > >>> > >>> Thanks guys! > >>> > >>> -- > >>> J.C. Berry, M.A. > >>> UI Developer > >>> 619.306.1712(m) > >>> jcharlesbe...@gmail.com > >>> http://www.mindarc.com > >>> > >>> > > >>> > >>> This E-mail is covered by the Electronic Communications Privacy Act, 18 > >>> U.S.C. ?? 2510-2521 and is legally privileged. This information is > >>> confidential information and is intended only for the use of the > individual > >>> or entity named above. If the reader of this message is not the > intended > >>> recipient, you are hereby notified that any dissemination, > distribution or > >>> copying of this communication is strictly prohibited. > >>> > >>> > > >>> > >> > >> > >> > >> -- > >> J.C. Berry, M.A. > >> UI Developer > >> 619.306.1712(m) > >> jcharlesbe...@gmail.com > >> http://www.mindarc.com > >> > >> > > >> > >> This E-mail is covered by the Electronic Communications Privacy Act, 18 > >> U.S.C. ?? 2510-2521 and is legally privileged. This information is > >> confidential information and is intended only for the use of the > individual > >> or entity named above. If the reader of this message is not the intended > >> recipient, you are hereby notified that any dissemination, distribution > or > >> copying of this communication is strictly prohibited. > >> > >> > > >> > > > > > > > >-- > >J.C. Berry, M.A. > >UI Developer > >619.306.1712(m) > >jcharlesbe...@gmail.com > >http://www.mindarc.com > > > > > > >This E-mail is covered by the Electronic Communications Privacy Act, 18 > >U.S.C. ?? 2510-2521 and is legally privileged. This information is > >confidential information and is intended only for the use of the > individual > >or entity named above. If the reader of this message is not the intended > >recipient, you are hereby notified that any dissemination, distribution or > >copying of this communication is strictly prohibited. > > > > >__ > >css-discuss [css-d@lists.css-discuss.org] > >http://www.css-discuss.org/mailman/listinfo/css-d > >List wiki/FAQ -- http://c
[css-d] Variable height divs - How'd they do this?
http://www.hubspot.com/customers Seems like JS? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Variable height divs - How'd they do this?
Thanks Alex. I went there and saw that the CSS is available at http://masonry.desandro.com/ Neat stuff! On Thu, Jul 23, 2015 at 3:32 PM, Alex M a...@alexm.co wrote: Yep, their JS mentions Isotope a fair few times so I can only assume it's using that. http://isotope.metafizzy.co for ref. -- Alex Moyler alexm.co @thealexmoyler Sent from my iPhone On 23 Jul 2015, at 23:22, J.C. Berry jcharlesbe...@gmail.com wrote: http://www.hubspot.com/customers Seems like JS? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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 [css-d@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/ -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sprite repeat-x?
Hello all, this may be silly but I wanted to know, can a sprite image be repeated x or y? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sidebar height with list filter
Thanks David, I tried that solution (overflow:hidden to container) and the right div's still float underneath the sb nav. I did mention that the right divs (the number of which are variable) are also floated left? On Tue, Jun 30, 2015 at 9:16 PM, David Hucklesby huckle...@gmail.com wrote: On 6/30/15 6:35 PM, J.C. Berry wrote: thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com wrote: Le 1 juil. 2015 à 05:16, J.C. Berry jcharlesbe...@gmail.com a écrit : I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER [replies snipped] If, as you suggest, you have a non-floated main element that wraps below the float when content is added, there is a simple solution. There is a property that you can add to the main element, called a new block-formatting context. For details, check out this article: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/#prevent-text-wrapping -- Cordially, David __ css-discuss [css-d@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/ -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sidebar height with list filter
The footer already clears fine. On Thu, Jul 2, 2015 at 1:46 PM, Tom Livingston tom...@gmail.com wrote: Float the sidebar and the main content div. clear them so the footer remains under those two columns. On Thursday, July 2, 2015, J.C. Berry jcharlesbe...@gmail.com wrote: Thanks David, I tried that solution (overflow:hidden to container) and the right div's still float underneath the sb nav. I did mention that the right divs (the number of which are variable) are also floated left? On Tue, Jun 30, 2015 at 9:16 PM, David Hucklesby huckle...@gmail.com wrote: On 6/30/15 6:35 PM, J.C. Berry wrote: thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com wrote: Le 1 juil. 2015 à 05:16, J.C. Berry jcharlesbe...@gmail.com a écrit : I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER [replies snipped] If, as you suggest, you have a non-floated main element that wraps below the float when content is added, there is a simple solution. There is a property that you can add to the main element, called a new block-formatting context. For details, check out this article: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/#prevent-text-wrapping -- Cordially, David __ css-discuss [css-d@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/ -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sidebar height with list filter
Thanks Tom, will check. Here is PNG http://mindarc.com/staging/wrapproblem.PNG On Thu, Jul 2, 2015 at 1:59 PM, Tom Livingston tom...@gmail.com wrote: Nonetheless, sounds like you need to create a column with the variable divs' parent container so the don't slip under the sidebar. You may also need to make the variable divs relative to that parent. On Thursday, July 2, 2015, J.C. Berry jcharlesbe...@gmail.com wrote: The footer already clears fine. On Thu, Jul 2, 2015 at 1:46 PM, Tom Livingston tom...@gmail.com wrote: Float the sidebar and the main content div. clear them so the footer remains under those two columns. On Thursday, July 2, 2015, J.C. Berry jcharlesbe...@gmail.com wrote: Thanks David, I tried that solution (overflow:hidden to container) and the right div's still float underneath the sb nav. I did mention that the right divs (the number of which are variable) are also floated left? On Tue, Jun 30, 2015 at 9:16 PM, David Hucklesby huckle...@gmail.com wrote: On 6/30/15 6:35 PM, J.C. Berry wrote: thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com wrote: Le 1 juil. 2015 à 05:16, J.C. Berry jcharlesbe...@gmail.com a écrit : I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER [replies snipped] If, as you suggest, you have a non-floated main element that wraps below the float when content is added, there is a simple solution. There is a property that you can add to the main element, called a new block-formatting context. For details, check out this article: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/#prevent-text-wrapping -- Cordially, David __ css-discuss [css-d@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/ -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com
Re: [css-d] Sidebar height with list filter
thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tue, Jun 30, 2015 at 6:04 PM, Tom Livingston tom...@gmail.com wrote: On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com wrote: Le 1 juil. 2015 à 05:16, J.C. Berry jcharlesbe...@gmail.com a écrit : I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sidebar height with list filter
I will have to look at my HTML tomorrow when I get back in the office. Thanks. On Tue, Jun 30, 2015 at 6:37 PM, Tom Livingston tom...@gmail.com wrote: On Tuesday, June 30, 2015, J.C. Berry jcharlesbe...@gmail.com wrote: thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tue, Jun 30, 2015 at 6:04 PM, Tom Livingston tom...@gmail.com wrote: On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com wrote: Le 1 juil. 2015 à 05:16, J.C. Berry jcharlesbe...@gmail.com a écrit : I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- How are you doing you two columns? -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Sidebar height with list filter
Hello all, I have an issue with a set of checkbox filters in a sidebar that has to expand it height based on what the user selects. Here is a simple layout (the site is on dev): SB Div1 Div2 Div 3 SB Div4 Div5 Div 6 SB Div7 SB SB FOOTER FOOTER FOOTER So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Thanks! - J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Responsive with absolute positioning?
Hello all, I have this page http://go.xifin.com/connectivity.html and we are trying to make it responsive. Marketo has an editor that absolutely positions everything and every item is only a child of body. You can see that I have some of it working, but things like the vertical placement - top - just don't work consistently at various widths. Would I use some kind percentages? Something else? Also, the video sizing and the background TV is tough. Thanks guys! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Selecting text in element
Hi all, Is it possible to select text inside an element but leave other items alone? divMY TEXT img src= /divMY OTHER TEXT/div/div Possible to select the first text above, but not the image or div? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Set widths create different height buttons at different screen widths.
Reduced screen widths causes http://xifin.com/solutions/xifin-technology/portals middle-page nav buttons (blue bar) to be different heights. Can this be fixed and how would I even fix it? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] FOUC on homepage
I was not aware Reese that this problem no longer exists in web dev...? I have read on various fixes, but I think this is peculiar to my specific case. On Fri, Mar 20, 2015 at 10:40 AM, Ryan Reese sportsdude.re...@gmail.com wrote: Flash Of Unstyled Content. Man I haven't heard about that in years. Have you tried Googling for solutions? I'm bombarded by hundreds of links all describing methods that can help. On Fri, Mar 20, 2015 at 1:38 PM, Philip Taylor p.tay...@rhul.ac.uk wrote: I would be more inclined to try to help if you glossed FOUC rather than requiring me (and perhaps others) to research it for myself (theirselves). Philip Taylor J.C. Berry wrote: Hello all, can you shed any light on how to fix a FOUC on our homepages? http://www.xifin.com http://www.xifin.com/radiology (maybe not bad?) Thanks in advance! __ css-discuss [css-d@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/ -- Ryan Reese -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] FOUC on homepage
I was reading and realized that may not be the correct terminology... no wonder the comments about an older problem. When I said flash of unstyled content, in my particular case I meant that the homepage banners on these pages http://www.xifin.com http://www.xifin.com/radiology and the video carousels on these as well http://xifin.com/resources/success-stories http://xifin.com/resources/success-stories/Renaissance-RX all show the images before they are laid out correctly. If the page loads slower, it takes longer for the positions to be set correctly and for the animations to start. What do you call this? On Fri, Mar 20, 2015 at 10:36 AM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello all, can you shed any light on how to fix a FOUC on our homepages? http://www.xifin.com http://www.xifin.com/radiology (maybe not bad?) Thanks in advance! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] FOUC on homepage
Hello all, can you shed any light on how to fix a FOUC on our homepages? http://www.xifin.com http://www.xifin.com/radiology (maybe not bad?) Thanks in advance! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Difference between margin:0 auto on element and text-align:center on parent?
Simple question (?) - What differences are there between margin:0 auto on element and text-align:center on parent? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Column height fault/color dropping out
Hi all, Can you help me with a seemingly simple problem with column height issues? We are using an equal column script, but still not correct heights http://www.xifin.com/news/coverage Thanks -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Form does not appear in IE8
Hello all, On this page http://promotions.xifin.com/Total-Cost-of-Billing_WP.html The form inside this HTML div class=lpeCElement Form_2 id=lpeCDiv_35100 !--The ID # here may change-- span class=lpContentsItem formSpan form class=mktoForm id=mktoForm_1136/ !--The ID # here may change-- Does not appear in IE8. Could you take a look? My IE dev toolbar is not working correctly and I've been working on it for hours. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides JS behavior due to CSS? (OT?)
Hello all, Feel free to tell me that this is not a CSS issue, but I thought I'd ask: We have a sliding banner on our main site homepage http://www.xifin.com And our radiology microsite homepage http://www.xifin.com/radiology But you will notice on the main site that there is a jump in the image at the end of each transition. Do you think this is due to a CSS problem? The script is the same on both sites, so I am stumped. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Slides JS behavior due to CSS? (OT?)
Thanks, just to clarify. It's supposed to be smooth. I didn't know how to describe it other than jump and the radiology one is seamless.. On Fri, Oct 24, 2014 at 8:17 PM, David Laakso laakso.davi...@gmail.com wrote: On Fri, Oct 24, 2014 at 10:49 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello all, Feel free to tell me that this is not a CSS issue, but I thought I'd ask: We have a sliding banner on our main site homepage http://www.xifin.com And our radiology microsite homepage http://www.xifin.com/radiology But you will notice on the main site that there is a jump in the image at the end of each transition. Do you think this is due to a CSS problem? The script is the same on both sites, so I am stumped. -- J.C. Berry, M.A. No jump seen in the image at the end of each transition at http://www.xifin.com OX Yosemite -- FF, Chrome, Safari, or Opera. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Centering menu items responsively
Hello all, I have 3 menu items that look like this on full width of site X X X If I want to reduce to a phone width I get X X X But what about the in-between (tablet, etc.) alignment? Right now I get: X X X And I want X X X i.e. Centered second row. How can I? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Centering menu items responsively
OK don't judge me - well actually do http://www.xifin.com/solutions/xifin-technology/portals Not fine-tuned but there it is. On Fri, Sep 5, 2014 at 3:38 PM, Jon Reece jon.re...@gmail.com wrote: On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry jcharlesbe...@gmail.com wrote: I have 3 menu items that look like this on full width of site X X X If I want to reduce to a phone width I get X X X But what about the in-between (tablet, etc.) alignment? Right now I get: X X X And I want X X X i.e. Centered second row. How can I? Since we can't see your actual code, it's hard to say. But, based on your diagram - are you floating the menu items? If so, you might want to try display: inline-block instead. Then, setting left and right margins to auto should give you the centering you want. Here's a quick example, this assumes you are setting a fixed width on the menu items: http://codepen.io/jreece/pen/EKJrd?editors=110 -- Jon Reece jon.re...@gmail.com -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Centering menu items responsively
tried that On Fri, Sep 5, 2014 at 3:44 PM, Tom Livingston tom...@gmail.com wrote: I'm not near a computer but won't text-align:center on the ul work? On Friday, September 5, 2014, J.C. Berry jcharlesbe...@gmail.com wrote: OK don't judge me - well actually do http://www.xifin.com/solutions/xifin-technology/portals Not fine-tuned but there it is. On Fri, Sep 5, 2014 at 3:38 PM, Jon Reece jon.re...@gmail.com wrote: On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry jcharlesbe...@gmail.com wrote: I have 3 menu items that look like this on full width of site X X X If I want to reduce to a phone width I get X X X But what about the in-between (tablet, etc.) alignment? Right now I get: X X X And I want X X X i.e. Centered second row. How can I? Since we can't see your actual code, it's hard to say. But, based on your diagram - are you floating the menu items? If so, you might want to try display: inline-block instead. Then, setting left and right margins to auto should give you the centering you want. Here's a quick example, this assumes you are setting a fixed width on the menu items: http://codepen.io/jreece/pen/EKJrd?editors=110 -- Jon Reece jon.re...@gmail.com -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Equal height script not working on some pages
Hello all, We are having an issue of content running off some pages past the footer-even though we are using an equal height script. Here is one of the pages: http://www.xifin.com/news/coverage Refreshing the page sometimes corrects the layout, but would be great to fix this. Thanks all again! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Right col jumps to next line
Hello, I have a question about a simple layout here. The width is 660px as you can see, with the two columns 405px and 240px respectively. I've zeroed out the margins and padding as needed, but the right col still drops down. Any ideas? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head titleYour Email Title/title style type=text/css body{background-color:#d0d0d0;font:14px tahoma;padding:0;margin:0;}/*Which font to use be default?*/ #emailwrapper{width:660px;margin:0 auto;padding:0;} #email_hdr{height:65px;vertical-align:middle;padding:0;margin:0;} #email_hdr div{vertical-align:middle;padding:0;margin:0;} #email_hdr div img{float:right;} #email_banner_graphic{background-color:#fff;padding:0;margin:0;} #email_left_col_top,#email_left_col_bottom{margin:15px 0 0 0;width:405px;float:left;background-color:#fff;padding:0;} #email_right_col{padding:0;width:240px;float:left;background-color:#fff;vertical-align:top;margin:15px 0 0 15px;} #email_footer{font:11px tahoma;color:#000;text-align:center;padding:0;margin:0;} #email_hdr div,#email_banner_graphic div,#email_left_col_top div,#email_left_col_bottom div,#email_right_col div,#email_footer div{padding:15px;margin:0;} /style /head body table id=emailwrapper tr td colspan=2 id=email_hdr divimg src=http://mysite.com/_logo.png; id=logo width=152 height=35 //div /td /tr tr td colspan=2 id=email_banner_graphic div class=mktEditable /div /td /tr tr td id=email_left_col_topdiv class=mktEditable/div/td td id=email_right_col rowspan=2div class=mktEditable/div/td /tr tr td id=email_left_col_bottomdiv class=mktEditable/div/td /tr tr td colspan=2 id=email_footer divAddress for company/div /td /tr /table /div /body /html -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Graphic not aligning correctly
Hi all, Thought I would just try this again. On this page http://www.xifin.com/news/blogs We have the green Most Recent Post graphic on the left of the first blog post and you can see that in some browsers it is not aligning and in others it is. Any ideas how to fix? Hopefully this will be a learning experience! Thank you! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Most Recent Post graphic not aligning correctly
Hi all, On this page http://www.xifin.com/news/blogs We have the green Most Recent Post graphic on the left of the first blog post and you can see that in some browsers it is not aligning and in others it is. Any ideas how to fix? Hopefully this will be a learning experience! Thank you! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Fixed image, fixed box, flexible wrapper div
Hello all, I have two problems. First of all, I need a little help with a button image on our site: http://xifin.com/ As you may notice, the site is fixed width and the to XIFIN Radiology button just runs over the menu items when reduced or enlarged. I need it to stay fixed. That doesn't seem to be a big problem, but the second issue is probably greater. When viewed over a phone or tablet, the site is cut off on the left and right and not pinchable/scrollable. We are planning to create separate mobile versions but for now just need help with this. Thanks! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Menu falls behind video
Hello all, A friend was asking me to help him with a CSS issue for this site: http://greaterdallasmovementday.com/ He wants to create transparent backgrounds to the flyout menu on the left, but when the background color is removed the menus fall behind the video. Any ideas? I hope this is enough info. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Centering wide site on phones
Hello all, how can a wide site, say 1170px, that is centered (by a negative margin, position absolute, and left of 50%) be styled to only align left on smaller screens (e.g. phones)? Right now, of course, the logo and left nav goes off left on the screen. I already know how to use media queries to serve up diff CSS, but is there another way without media queries? Thanks in advance. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Equal column height script and print CSS
Hello all, I have four divs: First one is 100% width Second 80% / Third 20% floated Fourth 100% I have a jQuery equal column heights script assigned to the second and third columns. The problem is with my print CSS: The third div (floated right column) is display:none - but its print height is the same as it is in the screen CSS. The print width of the second div is 100%, and the second div height is set to the third div height. All this produces a big gap below the second div (above the fourth). I just need that right, third column height to not be a factor when the second has varying amounts of content. Possible? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Replacing text link with image
Hello all, I have the following HTML right now: ul#subnav li.menu-mlid-2379, ul#subnav li.menu-mlid-588{background:url('/ui/img/pressrel-icon.gif');height:73px;width:116px;} ul#subnav li.menu-mlid-2379 a, ul#subnav li.menu-mlid-588 a{padding-left:2000px;} You can see I pushed the link off to the right, but then the clickable area is that wide as well. Is there way to remove the text of a link and replace with a linked image? Thanks. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Replacing text link with image
OK, I found a solution. Any foreseeable problems with this? #catmidpagenav ul#subnav li.menu-mlid-2379,#catmidpagenav ul#subnav li.menu-mlid-588{background:url('/sites/all/themes/img/pressrel-icon.gif') no-repeat;} #catmidpagenav ul#subnav li.menu-mlid-2379 a,#catmidpagenav ul#subnav li.menu-mlid-588 a{padding:73px 0 0 0;overflow:hidden;height:0;width:113px;} (Also, I forgot this supporting CSS: #catmidpagenav{position:absolute;width:1170px;margin-left:-585px;left:50%;height:100px;background:url(/sites/all/themes/img/category-midpagenav-divider.gif) repeat-x;text-align:center;} #catmidpagenav ul#subnav{margin-top:0;position:relative;top:7px;display:inline-block;} #catmidpagenav ul#subnav li{border:none;list-style-type:none;display:inline-block;margin:0 0 0 90px;padding:0;vertical-align:middle;} #catmidpagenav ul#subnav li:first-child{margin-left:0;} #catmidpagenav ul#subnav li:last-child{margin-top:-1px;} #catmidpagenav ul#subnav li.active{border:2px solid #739701;} #catmidpagenav ul#subnav li a:hover{background-image:none;} #catmidpagenav ul#subnav li:hover{border:2px solid #739701;} ) On Fri, May 3, 2013 at 12:11 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello all, I have the following HTML right now: ul#subnav li.menu-mlid-2379, ul#subnav li.menu-mlid-588{background:url('/ui/img/pressrel-icon.gif');height:73px;width:116px;} ul#subnav li.menu-mlid-2379 a, ul#subnav li.menu-mlid-588 a{padding-left:2000px;} You can see I pushed the link off to the right, but then the clickable area is that wide as well. Is there way to remove the text of a link and replace with a linked image? Thanks. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Replacing text link with image
I forgot, I still have a problem with the nav items (background images) jumping when one is moused over. This is due to the border appearing on hover. How could I fix this? Sorry for the repeated emails. On Fri, May 3, 2013 at 1:07 PM, J.C. Berry jcharlesbe...@gmail.com wrote: OK, I found a solution. Any foreseeable problems with this? #catmidpagenav ul#subnav li.menu-mlid-2379,#catmidpagenav ul#subnav li.menu-mlid-588{background:url('/sites/all/themes/img/pressrel-icon.gif') no-repeat;} #catmidpagenav ul#subnav li.menu-mlid-2379 a,#catmidpagenav ul#subnav li.menu-mlid-588 a{padding:73px 0 0 0;overflow:hidden;height:0;width:113px;} (Also, I forgot this supporting CSS: #catmidpagenav{position:absolute;width:1170px;margin-left:-585px;left:50%;height:100px;background:url(/sites/all/themes/img/category-midpagenav-divider.gif) repeat-x;text-align:center;} #catmidpagenav ul#subnav{margin-top:0;position:relative;top:7px;display:inline-block;} #catmidpagenav ul#subnav li{border:none;list-style-type:none;display:inline-block;margin:0 0 0 90px;padding:0;vertical-align:middle;} #catmidpagenav ul#subnav li:first-child{margin-left:0;} #catmidpagenav ul#subnav li:last-child{margin-top:-1px;} #catmidpagenav ul#subnav li.active{border:2px solid #739701;} #catmidpagenav ul#subnav li a:hover{background-image:none;} #catmidpagenav ul#subnav li:hover{border:2px solid #739701;} ) On Fri, May 3, 2013 at 12:11 PM, J.C. Berry jcharlesbe...@gmail.comwrote: Hello all, I have the following HTML right now: ul#subnav li.menu-mlid-2379, ul#subnav li.menu-mlid-588{background:url('/ui/img/pressrel-icon.gif');height:73px;width:116px;} ul#subnav li.menu-mlid-2379 a, ul#subnav li.menu-mlid-588 a{padding-left:2000px;} You can see I pushed the link off to the right, but then the clickable area is that wide as well. Is there way to remove the text of a link and replace with a linked image? Thanks. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Fwd: Centering contained div with unknown width.
I have a problem. I have to vertically center (middle) my nav items. See http://mindarc.com/capture2_(1).JPG This is my HTML snippet: div id=secmidpagenav div id=block-menu-block-22 class=block block-menu-block contextual-links-region div class=content!--menu-- div class=menu-block-wrapper menu-block-22 menu-name-main-menu parent-mlid-2315 menu-level-1 ul id=subnavli class=menu-mlid-2039a href=/solutions/xifin-inet/web-servicesWeb Services/a/lili class=menu-mlid-2318a href=/solutions/xifin-inet/cloudBusiness Is Better in the Cloud/a/li/ul/div /div /div /div And my CSS: div#secmidpagenavcontainer{width:100%;border:0;height:59px;clear:both;} div#secmidpagenavcontainer div#secmidpagenavbkgdimg{position:absolute;width:1194px;margin-left:-597px;left:50%;padding-top:0;background:url('/sites/all/themes/xifin/ui/img/midpagenavbkgd.png') no-repeat;height:59px;} div#secmidpagenavcontainer div#secmidpagenav{position:absolute;width:1170px;margin-left:-594px;left:50%;height:59px;text-align:center;margin-top:1px;} div#secmidpagenavcontainer div#secmidpagenav ul{/*margin-top:0;text-align:center;top:7px;*/margin-top:-3px;position:relative;display:inline-block;height:59px;vertical-align:middle;} div#secmidpagenavcontainer div#secmidpagenav ul li{list-style-type:none;margin:15px 0 0 0;display:inline;padding:0;vertical-align:top;height:20px;border-right:1px solid #ebebeb;} div#secmidpagenavcontainer div#secmidpagenav ul li:last-child{list-style-type:none;display:inline;border:none;margin:15px 0 0 0;vertical-align:top;height:20px;} div#secmidpagenavcontainer div#secmidpagenav ul li a{float:none;display:block;vertical-align:middle;padding:10px 5px 10px 5px;margin-top:-13px;min-width:120px;max-width:160px;height:59px;overflow:visible;text-decoration:none;font-size:14px;color:#fff;font-weight:normal;} div#secmidpagenavcontainer div#secmidpagenav ul li a.active{background:url('/sites/all/themes/xifin/ui/img/midpagenavbkgd-active.png') 0 0 repeat-x;font-weight:bold;} /*div#secmidpagenavcontainer div#secmidpagenav ul li:hover{background:url('/sites/all/themes/xifin/ui/img/midpagenavbkgd-active.png') 0 0 repeat-x;}*/ div#secmidpagenavcontainer div#secmidpagenav ul li a:hover{background:url('/sites/all/themes/xifin/ui/img/midpagenavbkgd-active.png') 0 0 repeat-x;} Any ideas? Thank you! On Fri, Mar 29, 2013 at 2:07 PM, Jay Tanna jta...@rocketmail.com wrote: You need to have margin-left and margin-right to be auto something like this: #container { width: 960px; background-color: silver; } #contained { width: 500px; margin: 0 auto; background-color: gray; } Your HTML might look like this: div id=container div id=containedContained/div /div If this doesn't help then please post a link to your page for us to have a look at the source code. Good luck. I have the below link to a problem. I have an absolute page and container width, but I have a div inside the container that I need centered no matter how wide that contained div is. How can I make the contained div only as wide as its content and center it? http://mindarc.com/capture.JPG -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ
[css-d] Centering contained div with unknown width.
Hello all, I have the below link to a problem. I have an absolute page and container width, but I have a div inside the container that I need centered no matter how wide that contained div is. How can I make the contained div only as wide as its content and center it? http://mindarc.com/capture.JPG Hope this is understandable. Thanks. On Thu, Mar 28, 2013 at 4:34 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello all, I have the attached problem. I have an absolute page and container width, but I have a div inside the container that I need centered no matter how wide that contained div is. How can I make the contained div only as wide as its content and thereby center it? Hope this is understandable. Thanks. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Equal length columns?
Hello all, I would like to extend one column of our site all the way to the bottom of the varying middle column (first column always same length). I had a JS that someone recommended, but it seems to be crashing IE (using P7EHC script). Is there a CSS-only way to do this or better script? -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Equal length columns?
Thanks, Al, unfortunately this test site is internal only right now. I'll look at your pages. On Mon, Oct 22, 2012 at 11:13 AM, Al Sparber aspar...@roadrunner.comwrote: On 10/22/2012 1:59 PM, J.C. Berry wrote: Hello all, I would like to extend one column of our site all the way to the bottom of the varying middle column (first column always same length). I had a JS that someone recommended, but it seems to be crashing IE (using P7EHC script). Is there a CSS-only way to do this or better script? Hi J.C., CSS-only methods would essentially be hacks like negative padding or using borders. Each would have it s limitations. The display property (table) is another option if you are not concerned with IE7 and under, but using the display property to make a DIV display as if it were a table cell is going to bring with it some the problems inherent in actual tables. Another option is to use background images. The best solution would be easier to give you, however, if you would provide a link to your page. The EHC script will not crash IE. The most it can do is cause a recursion if deployed incorrectly. Our home page, as well as most of our new products all use EHC and there are no crashes. Try these page: http://www.projectseven.com/ http://www.projectseven.com/**products/templates/pagepacks/** adaptations/examples/layout-**01.htmhttp://www.projectseven.com/products/templates/pagepacks/adaptations/examples/layout-01.htm If you want help in fixing a problem, email us directly and include a link to your page. If you want the good folks on this list to guide you further in a pure CSS solution, you should post a link to your page here. -- Al Sparber - PVII http://www.projectseven.com The Finest Dreamweaver Menus | Galleries | Widgets Since 1998 __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/http://www.evolt.org/help_support_evolt/ -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Extending border to height of tallest column.
Hi everyone, I have a layout that has three columns with two of them of varying heights, i.e. one is taller than the other. I need to have a 1 pixel border extend to the height of the taller of the two columns. Any directions or tutorials would be welcome. I would like to also learn this as compared to just getting an answer. Thanks so much! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Background color for 3 column layout
Hi all, I have a three-column layout, all three of which have a white background. The page background is black and I need the div containing the three columns to expand with its white background down the page. I need the longest of the three columns (2 or 3) to determine how high the containing div is. I also have footer that clears the three columns fine. How can I do this? Thanks! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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 alignment
Hello, we are having a problem with our footer alignment in Safari, Opera, and IE. Can anyone take a look? The div#footer ul rule needs some work to align directly under the left edge of the homepage main area. http://www.xifin.com Thank you! Any help much to be appreciated! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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 alignment
I guess Chrome as well. Thanks. On Tue, Oct 25, 2011 at 7:32 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello, we are having a problem with our footer alignment in Safari, Opera, and IE. Can anyone take a look? The div#footer ul rule needs some work to align directly under the left edge of the homepage main area. http://www.xifin.com Thank you! Any help much to be appreciated! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com portfolio: http://www.mindarc.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ css-discuss [css-d@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] Can you start a repeating background away from the edge of it's container?
OK, I made a reply to the author here with exactly the same method as Rahul, but will stick my correction as a lame CSS 2.1 hack here. It requires extra markup, but works until better alternatives are available (3). div id=foodiv id=bar/div/div Apply repeat-y to #foo and position a corner/top (or bottom/corner) background-image for #bar (which has no explicit content and should have zeroed-out padding and margins). It's worked for me a couple of times. On Mon, Nov 17, 2008 at 11:36 PM, Philippe Wittenbergh [EMAIL PROTECTED]wrote: On Nov 18, 2008, at 4:19 PM, Rahul Gonsalves wrote: What I want is, for example, an image that repeats along the y-axis to start 50px from the top of its container and repeat all the way down from that point on. #foo { background: #000 url(background.jpg) repeat-y fixed 0 50px;} Er, no, that won't do. In short, with CSS 2.1 you can't do what you want, if I understand correctly: position a background-image 50px from the top of the container, and then repeat down from there. When you think about: 'repeat-y' means repeat the image all over the height of the container. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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/ -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] I think the real reason the Extropy Institute closed is because Ayn Rand rose from her cryo-sleep -digibrill ( @ o ) / | | | | \ Chumby.com This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. __ 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/
[css-d] Site check: IE6+7, FF 2+3 OK --- IE8 not so good
http://www.mindarc.com/buildpods/index.php Hello all, I wondered if you could look at this page for a minute. The top nav is broken in IE8. Thanks in advance! -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] I think the real reason the Extropy Institute closed is because Ayn Rand rose from her cryo-sleep -digibrill ( @ o ) / | | | | \ Chumby.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ 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/