1. 

   Diane
   

   offline

   Member

   Hi P7 and Community, am finally playing with AMM and it's a nice change from updating recaptchas ... plus I'm enjoying it.

   Is it my imagination or does the font-size need to be expressed in px ? Below is lines 74-83 in the standard CSS. I usually use ems and when I change this from px to em the text all disappears... the particular menu on my play page (which is not online) has a dropdown and I do see the arrow. but that's it, none of the text and the line height is also reduced... the only change is to change 16px to 1em or 1.5em. I've got it at 20px right now ... I'd really prefer to be able to use ems but at this point I just want to know if I'm crazy :) Thanks, Diane

   ps appreciate how we can add before and afters to select menu elements that are conditional upon the menu being fixed or in responsive mode and the script still handles determining the length correctly, nice !

   ******************************
   ROOT LEVEL LINKS
   ******************************
   */
   .p7AMM li a {
   display: block;
   text-decoration: none;
   padding: 15px 20px;
   font-size: 16px;
   }

   Posted 10 months ago
2. 

   Al Sparber
   

   offline

   PVII Team

   Yup. Must be stated in pixels or points. This is the only way to support the use of inline-block without unwanted white space. In older products we sometimes got around this by using one or more additional DIVs to wrap the menu. Just to add... there are no longer best practices that call for percentage or em units for text as EVERY browser currently in use relies on a zoom feature, rather than text sizing.

   What exactly do you want to add "before or after"?

   Posted 10 months ago
3. 

   Diane
   

   offline

   Member

   Al, thanks for confirming.

   on the before, after, that works great - no issues with that... I mentioned it to say how nice it is that it does

   thanks, Diane

   Posted 10 months ago
4. 

   Diane
   

   offline

   Member

   and I'll have to chew on the info about best practices... hmmm. keeping up with those (via watching you) is one of the reasons I'm here

   Posted 10 months ago
5. 

   Diane
   

   offline

   Member

   Just to share, you already answered my question, this is what I am playing with - http://pldd.org/v3beta/plddV3base.html -- not much there yet, just the top of the page and the menu.

   On the menu, I'm using before and after to add some text to a couple of the links when the menu is fixed at top of page or responsive, see the home link.

   The client hasn't requested an updated site but they need one badly; a long boring story.

   Posted 10 months ago
6. 

   Al Sparber
   

   offline

   PVII Team

   Cool!
   If you want to see another creative way to use the after or before pseudo classes, load this page:
   http://www.projectseven.com/products/html-toolkits/tkl-links/

   Scroll down to locate the "Flat Out Fiery Red" button and hover over it.

   Posted 10 months ago
7. 

   Diane
   

   offline

   Member

   Thanks Al, and phew that you didn't have any warnings against it :)

   Flat Out Fiery Red - now that *is* interesting, thanks for the insight... I saw the new toy but haven't had time to do more than glance over it and think Wow :)

   - Diane

   Posted 10 months ago

RSS feed for this topic

Reply

You must log in to post.