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.

Tags: Dreamweaver

Similar Questions

  • I can't locate the toolbar under the TOPIC when you enter an email, the one with the font size, color etc.

    Hello
    I was never able to locate the toolbar normally below the subject line when you type an email...
    It comes to the bar with the font size, color etc. At all the extras for letter writing, bold, underline, italics etc...
    Have always had it with previous systems, but never with Thunderbird... Sherlock


  • How to display very large text with the font size?

    I'm using html and css to display large text with the font size.

    Label {
        text: "Acit"
    }
    

    In the image below, it is the largest size, although I try to increase the value of the size of the font. Do you know how to display the largest font size?

    Thanhks

    You should be able to amplify it upward with scaleX/scaleY properties, although no doubt quality will suffer somewhat (but probably not significantly, for most people).

  • Is there a problem with the maximum size of the RAM for Satellite 320CDT?

    I have a 320CDT Satellite with the latest BIOS (v8.00) and Windows 98 Second edition installed. There are 32MB memory base and a 32 MB module in the single expansion slot. If I change it to a plug-in 64 MB I see that 64 MB of total memory reported, not 96 as expected; the specification for the machine indicates that the admissible maximum memory is 160 MB (32 MB base + 128MB expansion). Does anyone know if there is a problem with the maximum memory size for this model and if there is a solution or workaround? I need to know quickly, in order to decide if I should return the memory module to the vendor! Thanks a lot for any help, Peter

    Satellite 320CDT supports an internal memory of 32 MB and a single slot can be used!
    You can improve it to max 96 MB (32 + 64 MB)
    I found a few old memory modules. You can use the modules SODIMM 144 pin EDO PA2043U 32 MB or 64 MB PA2044U

    Greetings

  • Do not know what is happening with the font size

    I have a text that looks like 9 points, but the character palette said is "6.84 pt (9). If I select the text and type "9" in the font size field, the size of the text jumps to 11.84pt, and the character palette said "9 pt (11.84). What is going on?

    You must have climbed the text block. You can learn more about scaling text - and why the brackets appear in the font size - scale type under.

  • Problem with the screen size of my application in the emulator for BlackBerry 10

    Hello, I have a problem with the emulator for BlackBerry 10 and is as follows:

    When I run my application in the emulator waving, sounds good and all content is complete, however, when I run the application in the emulator for BlackBerry 10 soft looks as if she had a zoom very large level of predefined way and only see a part of the application.

    With controller emulator, I have changed the level of 70% zoom, but still does not work.

    Here, I'm posting two photos:

    One future half-assed answer

    var dpr = 1; // To set the meta on a real device to get 1:1 pixels
    
    if(typeof window.devicePixelRatio != 'undefined') // Does device support devicePixelRatio?
        {
        dpr = window.devicePixelRatio;
        }
    
    if(dpr) // Set up the right meta
        {
        var meta = document.createElement("meta");    meta.setAttribute('name','viewport');
    
        meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
        document.getElementsByTagName('head')[0].appendChild(meta); // Inject meta
        }
    

    This works perfectly, but must be placed in thethe document FIRST and foremost

    Live JS is used to avoid problems of library management

    It won't work in Wellington but works perfectly on all devices I've tried

    As mentioned in the code above just packaging needs in the script tags and setting very high index.html HTML code as you can get - right afteris my favorite before any CSS or JS place<p class="reply"> <p class="reply">There are extensions to this topic-injection of script, I like to keep my code clean</p>

  • 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 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.

    pantallazo.JPG

    You can see the title in the editor...

    pantallazo2.JPG

    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.

  • Problems with the fonts to display in the preview?

    Please I need help fast

    I am new to adobe muse, when previewing in my Web site, it displays different fonts or compress my fonts, they become illegible from what I used, I tried to use different fonts and styles, but the problem has persisted, what should I do? The fonts are normal during editing: training programs. I loaded the Web site for testing.

    Concerning

    Hello

    The unreadable text has a tracking (tracking) applied to this negative. It comes from the following style declaration:

    Have you added this to the pagearticle? For what purpose?

    Abhishek

  • Problem with the new sizes of icons for iOS 7 while that submitted to App Store

    Hello

    I have compiled my AIR application that includes the new sizes of icons for iOS 7 (76 x 76, 120 x 120, 152 x 152 and the Spotlight search result 40 x 40 and 80 x 80 icons) from the command-line using AIR 3.9. Here is the section of the icon of my XML application descriptor:

    <>icon

    < image29x29 > icons/icon29x29.png < / image29x29 >

    < image48x48 > icons/icon48x48.png < / image48x48 >

    < image57x57 > icons/icon57x57.png < / image57x57 >

    < image72x72 > icons/icon72x72.png < / image72x72 >

    < image114x114 > icons/icon114x114.png < / image114x114 >

    < image512x512 > icons/icon512x512.png < / image512x512 >

    < image58x58 > icons/icon58x58.png < / image58x58 >

    < image144x144 > icons/icon144x144.png < / image144x144 >

    <!-icons additional app for iOS - 7 >

    < image40x40 > icons/icon40x40.png < / image40x40 >

    < image76x76 > icons/icon76x76.png < / image76x76 >

    < image80x80 > icons/icon80x80.png < / image80x80 >

    < image120x120 > icons/icon120x120.png < / image120x120 >

    < image152x152 > icons/icon152x152.png < / image152x152 >

    < / icon >

    App (.) IPA) is installed and works very well in all the all devices (Ipad, IPhone). While submiting the same application to Apple's App Store with app store available profile, I received three warnings. Those are the following:

    (1) ITMS-9000 WARNING: 'Missing recommended file icon. The package does not contain an icon of the app for iPhone / iPod Touch exactly 120' x 120' pixels, in .png format. "to SoftwareAssets/SoftwareAsset (MZItmspSoftwareAssetPackage).

    (2) WARNING-ITMS-9000: 'Missing recommended file icon. The package does not contain an icon of the app for iPhone / iPod Touch exactly 76 "x 76" pixels, in .png format. "to SoftwareAssets/SoftwareAsset (MZItmspSoftwareAssetPackage).

    (3) ITMS-9000 WARNING: 'Missing recommended file icon. The package does not contain an icon of the app for iPhone / iPod Touch exactly ' 152 x 152' pixels, in .png format. "to SoftwareAssets/SoftwareAsset (MZItmspSoftwareAssetPackage).

    Can someone help me?

    3.9.0.960, who was transferred recently.

    -Pahup

  • 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.

    screenshot_1.JPGscreenshot_2.JPG

    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

  • I stupidly wasted with the font size and settings, not knowing what I was doing. How to reset everything back to default settings?

    I don't know exactly what I did.

    It seemed like a good idea at the time and I changed all the settings in the option fonts & colors.

    I have now a few pages to search very horrible and I just want everything restore settings by default please!

    See:

    Let me know how it goes

  • Why my creative cloud keep problems with the fonts, update and subscription?

    creativecloud_issue.jpgcreative-cloud-frozen.png

    Hi Andre,

    Follow please: https://helpx.adobe.com/creative-cloud/kb/Error_Code_2_failed_update.html

    Kind regards

    Sheena

  • 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.

    }

  • 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...

Maybe you are looking for