Problem with central alignment with icons fonts Awesome

Similar Questions

• Problem with resizing fonts in the menu

  Hello, I'm almost done with my website, http://www.trolllord.com but I'm running into a problem with the font size in the menu.  At some point I must have accidentally set something wrong and need a new set of eyes on it.  When you hover over the menu items and sub-menu, the font size will more great.  This causes a few things up to two lines and is harsh on the eyes.  Can anyone help?  Here's my CSS for the menu:

  / * Clearfix * /.

  . Clearfix: before,

  . Clearfix: after {}

  content: "";

  Display: table;

  }

  . Clearfix: after {}

  Clear: both;

  }

  {.clearfix}

  * zoom: 1;

  }

  / * Basic styles * /.

  {of NAV

  Display: block;

  Width: 100%;

  min-height: 40px;

  height: auto;

  do-size: 0;

  do-family: ' PT without ', Arial, without serif.

  make-weight: bold;

  position: relative;

  margin: 0;

  color: #fff;

  background-color: #000000;

  text-align: center;

  }

  NAV ul {}

  padding: 0;

  margin: 0 auto;

  min-height: 40px;

  height: auto;

  }

  / * Only need to make a set of rules for nav li here * /.

  nav li {}

  text-align: center;

  / * This defines the inline-block elements, but also works in older versions of IE when fails inline-block * /.

  display: inline-block;

  Zoom: 1;

  * display: inline;

  vertical-align: top;

  position: relative;

  Width: 100px;

  line-height: 40px! important;

  height: 40px! important;

  do-size: 11pt;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  }

  / * No need to reuse the float: left and display: block here - in fact it can spoil things later! */

  {li: hover NAV

  background-color: #993300;

  }

  / * Let's worry about the main nav first, then later, the subnav * /.

  NAV a {}

  color: #fff;

  / * All we need here is block since the li tags are inline-block for us * /.

  display: block;

  text-decoration: none;

  text-shadow: 1px 1px 0 #283744;

  }

  NAV a: hover, nav one: focus, nav a: active {}

  background-color: #993300;

  }

  / * An easier way to say that any link that comes after another link needs a left border * /.

  nav li + li {}

  border-left: 1px solid #576979;

  }

  {#pull}

  display: none;

  }

  NAV ul li {ul.submenu}

  min-width: 200px;

  display: none;

  position: absolute;

  z-index: 100;

  top: 40px;

  Left: 0;

  padding: 0;

  margin: 0;

  }

  NAV ul li: hover ul.submenu {}

  display: block;

  }

  .submenu li {}

  background-color: #455868;

  display: block;

  Width: 70%! important;

  }

  .submenu li a {}

  background-color: #456855;

  color: #fff;

  display: block;

  text-align: left;

  line-height: 20px;

  padding: 10px 25px;

  text-decoration: none;

  text-shadow: 1px 1px 0 #283744;

  border-right: none;

  border-bottom: 1px solid #576979;

  }

  .submenu a: hover, .submenu a: focus, .submenu a: active {}

  background-color: #993300;

  }

  / * Styles for screen 1000px and low * /.

  @media only screen and (max-width: 1000px) {}

  nav li {}

  do-size: 10pt;

  Width: 50%;

  }

  }

  / * Styles for screen 515px and low * /.

  @media only screen and (max-width: 515px) {}

  {#pull}

  Display: block! important;

  line-height: 40px! important;

  height: 40px! important;

  do-size: 11pt;

  background-color: #000000;

  Width: 100%;

  position: relative;

  }

  #pull: after {}

  content: "";

  Width: 30px;

  height: 30px;

  position: absolute;

  right: 15px;

  Top: 10px;

  background: url(file:///Macintosh%20HD/Users/redsoxburns/Desktop/wwwroot/images/nav-icon.png) no-repeat;

  }

  NAV ul {display: none ;}}

  nav li {}

  do-size: 11pt;

  Width: 50%;

  border-left: 0! important;

  border-bottom: 1px solid #576979;

  }

  nav li a {}

  line-height: 20px;

  padding: 10px 25px;

  }

  }

  / * Smartphone * /.

  @media only screen and (max-width: 320px) {}

  nav li {}

  Width: 100%;

  }

  {.submenu}

  min-width: 44px;

  Width: auto;

  right: 0;

  }

  }

  Thanks in advance for any thoughts... Tim

  Add the "BOLD"...

  NAV a: hover, nav one: focus, nav a: active {}

  background-color: #993300;

  do-family: ' PT without ', Arial, without serif.

  }

• Problem with some fonts of symbols after the installation of the Sierra

  Hello

  I have recently upgraded the OS on my iMac late 2012 for Sierra, since doing so, I noticed a problem with several fonts.

  All symbolic symbols Apple to Wingdings fonts not correctly displayed in the font book. Apple symbols looks like a standard wheelbase of san, and other symbolic fonts just show as question marks '?' where the images should be.

  In text editing, that I can't even see the symbolic fonts like Zapf Dingbats and Wingdings in the selector. However, they all work well in Adobe Illustrator (CS5) and Microsoft Word 2011. Apple symbols still looks like a standard font.

  I already tried the following:

  1. check the fonts in font book

  2 fix the duplicates in the font book

  3. using the "Restore Standard fonts" option in the font book

  4 deleting a file in the folder Preferences plist Fonts

  5 deleted the cache of police and the database

  I'm out of ideas. Has anyone else had the same problem found a fix?

  Kind regards

  Greville

  I'm just to add that I used the recovery partition to do a clean install of Sierra on a hard drive external and then booted into it to see if it had the same problem.

  And he does. Wingdings and other photo fonts appear as '?' in boxes where the letters must be in the font book.

  So this seems like a problem with the way Sierra displays these fonts, not with the font files themselves.

• Eclipse problem with icons

  I do a job more in Eclipse. The last step is debugging. Here I have a problem with icons not found. The icons are visible in the correct folder but the Simulator/debugger don't 'see' them. I suspect there are a few steps that I need to do, but I can't understand. See attached picture

  Is the folder containing the icons on the path of the source for the project? According to the structure of your project directory, the path of the icon of the program may have to be "/ 9.png" instead of "/ prg_icon/9.png ', etc..

• Problem with system fonts

  Dear friends,

  I have a problem with the fonts in Adobe Muse.

  Muse does not display the system fonts in Windows 8.1

  This is unusual. I work with Adobe Illustrator and Photoshop and I don't have this problem.

  I installed Adobe Muse on two computers and everything works fine.

  You know if you have the solution?

  I have several fonts installed on PC and I want to use them.

  Thank you

  Hi Ricardo,

  As mac_heibu said, the Postscript fonts will not work in Muse. Check out this link to learn more about the difference between postscript, truetype and opentype fonts (what is the difference between OpenType, TrueType and PostScript fonts?-Windows help). If you do not know what kind of fonts that you process, check this resource on the formats of police identification (identify the Formats of police > the complete manual of typography: on the baptismal)

  Hope this helps,

  Emily

• Problem with the font size, appears as expected.

  I've been struggling with this for a few weeks now, but surely must is close to solved it. It's just a problem with the size of the police to just that one page.

  http://www.kgngroup.NET/logos_and_packaging.html

  I want the body of the text to be 10px, but after two weeks, played with all conceivable means, change the font size of the body in CSS and the document itself. I have the consultation in Safari, but others on Windows machines tell me it is out of whack.

  My main problem is that I can change the size of the font in the extreme, but he always appears as the same size in the browser (about 12px.) I don't know can be changed because I can change the wording and change online. It's just a problem with the font size. Oh, and in the third column, the one on the right in Dreamweaver, the font looks like it of tiny, can't even read, but in the browser, as the style11 is applied, all three columns search size equal.

  Don't know where to go from here. I want to just that the police of the up to 10 pixels.

  TIA,

  Ken

  I guess this is a follow-up of your thread earlier

  http://forums.Adobe.com/message/3627681

  What would really help in the diagnosis of the subjects such as this is to install the Firebug add-on for Firefox (as suggested in the previous thread).

  Firebug shows you visually what CSS rules apply to any element you click on the screen.

  In this case, you have a confusion of the CSS cascading over each other font sizes and who is confused by the mix of units without real reason. .style11 is unnecessarily applied to many people

  Tags. Remove these classes and to remove the rule.

  for example

  The tiny font in the RHS column is the first affected by

  {.style8}
  font size: 0.5em;
  }

  affecting thethen by

  .style11 {size are: 75 %}}

  affecting the

  tag.

  Result = tiny text (about 2px).

  In these cases of mass confusion, my approach is to remove all the sizing of fonts in the CSS and start over.

  Avoid %. Use px.

  Apply font sizing rules logically from thelabel facing downwards.

  That gives you a solid basis without strange effects.

• Problem with icon disappears blackBerry Smartphones Blackberry Bold 9780

  Hello

  I hope one of you whistle may be able to help me.

  I have a Blackberry Bold 9780, I use v.6.0.0.294 on o2 to the United Kingdom.

  Last month, I noticed problems. I can't tell you what icons disappeared first, but certainly Blackberry App World was among the first to disappear, my phone lock has now gone although I can search it and its actually hidden, it will not display...

  App world Blackberry does exist at all on my "BOLD" and even when I downloaded it again, it will not appear.

  (not sure if there are other icons missing these are the only 2 that so far, I've noticed)

  He said: I'm running the latest version of the software, so I don't understand what is happening.

  I rebooted several times, no luck.

  I've been in the Blackberry menu and looked for a way to display my lock icon and it won't.

  No matter what valued Advisor,

  Thank you!

  Hi Mononoke,

  Cause 1

  4.0.0.63 to 4.0.0.65 on a BlackBerry 6 smartphone with BlackBerry Device Software more updates to blackBerry App World.

  Resolution 1

  The BlackBerry OS 6 versions prior to 6.0.0.706 and global icon is not visible, please download and install the BlackBerry App World 4.0.0.55.

  1. Open the BlackBerry browser on the BlackBerry smartphone.
  2. Go to http://mobileapps.blackberry.com/devicesoftware/entry.do?code=appworld3
  3. After downloading, please reboot your BlackBerry smartphone when you are prompted.
  4. Check that BlackBerry App World is located on the home screen.

  Smartphones blackBerry 6 with a way to upgrade to BlackBerry OS 6.0.0.706 or later should upgrade to the latest version of BlackBerry Device software available in the wireless service provider so solved several problem with BlackBerry Balance.

  The BlackBerry OS 6 versions 6.0.0.706 and higher and the global icon is not visible, please download and install the latest version of the BlackBerry App World.

  For more details see the KB articles below-

  • KB29422 BlackBerry App World icon is missing after upgrade to BlackBerry App World 4.0.0.63 to 4.0.0.65

• Problems with the font on the preview and the final rendering styles

  Hello world...

  Im having a problem with Robohelp 8 rigth now. When I import a Word document all work very well. and you can se all the content editor of Robohelo just as you have it on your word document, but when you check the overview of the subject, you have any knid of stile on al fonts...

  The same thing happened when you generate the page layout.

  

  You can see the title in the editor...

  

  but you can not see the style on the preview

  is pretty weir because I think that styles get matter fine (you can see them on the editor of HR), but something to happen later.

  Any ideas?

  Thanks, Sabin

  Hello

  It does not work, because your style begins with a number. Rename the style, then it starts with a letter. You can use numbers in a class name, just don't start with them.

  Take a bow

  Willam

  PS. a tip: you can change the to a . It is much easier to maintain and easier to applay.

• Dreamweaver CS3 problem with small fonts

  Hello
  
  I'm having a problem with the text that appears REALLY SMALL and illegible in CS3, when he seemed fine in Dw8. It seems equally well in all browsers.
  
  I talked to Adobe technical support, and they said something about my CSS file is not wrong. I looked, and nothing seems out of the ordinary.
  
  If it's a problem with my CSS file, would not look bad in the browser, so?
  
  Any suggestions?
  
  Ron

  Ron,

  Thanks for the example file. It's a bit complicated, so please bear
  with me.

  Up to DW8, DW making always targeted the most popular browser
  This time. For DW8, who was IE6. Traditionally, the most popular
  browser was the most popular because it was the best browser, but which
  is no longer valid. Thus, DW CS3 now target CSS 2.1. Note that DW
  not compatible with all of the CSS 2.1 specification, but what it supports following
  the spec.

  Your page doesn't have a DOCTYPE, so it renders in "quirks" mode in the
  browsers that I tested on WinXP (FF2, IE7, Opera9). DW renders
  This page in IE6, but DW CS3 quirks mode can't stand anymore in quirks mode.
  Put a DOCTYPE that is similar to the following in your page to see what I mean:

  " http://www.w3.org/TR/html4/loose.dtd" >

  The reason for which the font is so small is because of font size
  property to this rule:

  TD {}
  FONT-SIZE: 80%;
  }

  Your page has 4 levels of nested deep tables, so the 80% is made to the
  each level. I fixed that in DW CS3 by creating a stylesheet with this rule:

  TD {FONT-SIZE: 100%! important ;}}

  and applied it as a design-TIME Style sheet, you can be
  able to remove the 80% in total.

  Hope this helps,
  Randy

  > Here is a link to the page:
  > http://www.ualberta.ca/AICT/IMS/
  >
  > You should be able to download the source of the page, if you want...!
  >
  > Thanks in advance for your suggestions...

• Problem with icon of the taskbar with Google Chrome 32

  Hello world

  I have a problem when I try to Google Chrome 32 thinapp. I did the capture with WinXP using Thinapp 5.0. The application works very well, but I only have one problem. The icon of the Chrome in Windows 7 taskbar does not work. Instead, I see the icon included in the screenshot. If Chrome is installed locally on the computer, it works. I tried to capture on a Win7 32 and 64 bit and it gives the same problem. Has anyone had the same problem and found a solution?

  Thank you

  Francis

  

  Google Chrome 34 and 35 are still showing the same behavior...

  Do this test:

  -Launch Chrome packed

  -Right click on the icon 'Virgin '.

  -Right click on "Google Chrome" and select "Properties".

  -Click on "Change icon" and note the error message: Windows cannot find the file %USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\Google Profile.ico

  This file exists in the package, and if you copy the 'Google' Profile.ico in the capture folder in this location in the native environment, it works!

  As you probably notice, I did it "BOLD" the word "Windows". If you use ProcMon to troubleshoot the behavior and search for "Google Profile.ico", you will see that the process "Explorer.exe" returns "PATH_NOT_FOUND". It is normal, because "Explorer.exe" does not and cannot run in the virtual environment.

  Another solution to the file manually on the background, would be to rename the '% Local Appdata%\Google\Chrome\User Data\Default' '% Local Appdata%\Google\Chrome\User Data\Default.old '.

  Then create a new folder "Default", with a MERGED insulation.

  Once the package is rebuilt, it should work fine. Google Chrome checks if that file exists for this user and if not, recreate. With isolation being MERGED, it creates in the user profile.

  For the Flash bit that does not work, did you follow that Ko... ?

  http://KB.VMware.com/kb/2037251

• Problem with the fonts Textfield and dynamic device Flash CC

  Hello community,

  My problem is that I need to use for a "Device Fonts" project for dynamic textfields. With Flash CC several standard fonts are displayed not correctly, see photos. When I select "Anti-Aliasing for reading" for this textfield, when it displays the correct police.

  

  Anyone know the problem?

  If you want to use Arial Bold, embed (Einbetten..), this police.

  If you specify "use device fonts" for anti-aliasing, Arial Bold is prohibited when the published text is displayed.

  Adobe Flex 4.6 * using device fonts

• Problem with icon missing in unity

  Hello

  I have this problem. When the fuser unit, I get the 'generic' icons in the doc - rather than those who represent the apps.

  The strange thing is that the IE icon seems ok, the icon of Firefox and the vSphere Client are generic...

  I'm assuming that there could be a sort of "cache of icon" who needs compensation.

  

  The offending icons are on the lower right...

  How can I fix it?

  
  
  Concerning

  Mike Landry

  RTFM education

  http://www.RTFM-ed.co.UK

  Author of the book of MRS: http://www.RTFM-ed.co.UK/2010/03/22/new-administrating-VMware-site-recovery-Manager-4-0/

  Free PDF or printed at price

  With the target Virtual Machine to stop, not suspended and closed merge and then delete the following folders that are in the package, the Applications and the appListCache of the target Virtual Machine and then restart the merger and the target of the Virtual Machine.  Two records of theses that reside within all of the target Virtual Machine will be recreated and rebuilt the content and in turn, you should now get the correct icons to show on the pier to the unit.

• Problem with web fonts not appearing is not in the generation of iOS Phonegap app.

  Hi guys,.

  I have this problem where InDesign I used in Adobe Edge animate appears not when I build on an iOS device. I try various methods to try to use css to embed fonts with the family of police and the setting class for use with police, but nothing helps. This is thanks to some JavaScript used to define fonts in Adobe Edge animate that I can't seem to overwrite the fonts used?

  Someone at - it experience similar problem? need help to solve this problem. !

  Hi Elaine,.

  Thanks for the link, and I think I found where I was wrong. I should actually put the in the police add embed code to integrate my css file and read the font family from there. And it works on the phonegap build.

  Concerning

  IMS

• problems with special fonts

  I was wondering the best way to deal with the non-standard fonts used in a project CVI?  I have an application that uses the "SWAstro" font for the up and down arrows as indicators in a table of the CVI.  When you run the executable file on a computer that has installed the CVI, the arrows appear very well.  On computers that don't have the CVI run time engine installed, the arrows simply show upward in the form of vertical bars.

  Is it possible to have my program to install a font, if it is needed?  I'm better off everything including the font with the executable file and having the user install themselves separately?  I tried to find a more generalized windows font that a up and down arrows, but the ones I found (like Wingdings 3) doesn't seem to be available in CVI.

  Thanks in advance for the help!

  Hello

  You may not be able to set the font as "Wingdings 3' of the IUR Editor, but it is possible from the code.

  Here's a simple example. It defines the label for a control on the symbol corresponding to the key 'a' on the keyboard.

  You just have to find the right key for the symbol you want.

  SetCtrlAttribute (NLP, ctrl, ATTR_LABEL_FONT, "wingdings 3");

  SetCtrlAttribute (NLP, ctrl, ATTR_LABEL_TEXT, ' a');

• Problem with icon for blackBerry Smartphones.

  lost 2 icons on the home screen. A white section now blocks the appearance. both work.

  icons simply not visible. "White outs" Mireille are atrange

  Thank you

  Hi and welcome to the Forums!

  Each time a random strange behavior or slow creeps, the first thing to do is a battery pop reboot. With power ON, remove the hood back and remove the battery. Wait a minute, then replace the battery and cover. Power on and wait patiently through the long reboot - about 5 minutes. See if things return to functioning. Like all computing devices, BB suffers from memory leaks and others... with a hard reboot is the best remedy.

  Best!