Font size change is not by the external style sheet

I can't seem to get fonts seem to be the right size, especially the heads. The head of the sidebar displays no formatting. I thought that the size of the police indicated that #sidebar p would show a < p > in a div or < h1 > for #sidebar h1. I seem to be missing some vital information! This is my first attempt at a site built entirely with CSS. I used #sidebar q for a quote in the sidebar, but fill only works when I put the least < q > < p > and I don't think that I would need to wrap in the < p > tags.

Thoughts?

body {
     text-align: center;
     margin: 0px;
     padding: 0px;
     background: #bbb;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 100%;
}
li {
     background: #FF9;
     list-style: square inside;
     margin-right: 200px;
     padding: 0px;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: .3 em;
     text-transform: uppercase;
}
h1 {
     font-family: Verdana, Geneva, sans-serif;
     font-weight: bold;
}

#wrapper {
     margin: 0 auto;
     width: 770px;
     text-align: left;
     background: #fff;
}
#masthead {
     background: #FFF;
     margin: 0;
     padding: 0;
     height: 72px;
     width: 770px;
}

/*----sidebar styles---*/

#sidebar {
     background: #c9c;
     margin: 0px 0px 20 px;
     padding: 0px;
     width: 198px;
     float: left;
     height: 800px;
}
#sidebar h1 {
     font-size: .9 em;
     padding: 0px 20px 0 20px;
}
#sidebar p {
     font-family: Verdana, Geneva, sans-serif;
     font-size: .8 em;
     color: #FFF;
     padding: 0px 20px 0;
}
#sidebar q  {
     font-style: italic;
     margin-bottom: 20 px;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: .9 em;
     line-height: 1.1 em;
}
#sidebar img {
     display: block;
     margin: 0px auto 1em;
     border: 1px solid #000;
}

/*----mainContent styles---*/

#mainContent {
     background: #cf9;
     margin: 0px 0px 20 px;
     padding: 0px;
     height: 800px;
     width: 572px;
     float: right;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: .9 em;
}
#mainContent h1 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 1.3 em;
     padding: 0px 0 0 20px;
     color: #33C;
}
#mainContent p {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 1.1 em;
     padding: 0px 5% 0 20px;
     line-height: 1.3;
}
#mainContent img {
     margin: 0px 1em .4em 0px;
}
#innerContent {
     float: right;
     background: #FFF;
     margin: 20px 0px 0px 0px;
     height: auto;
     width: 552px;
}
.emph {
     font-weight: bold;
}


/*----footer styles---*/
#foot {
     float:left

#footer {
     background: #FFF;
     margin: 0px;
     padding: 0px;
     height: auto;
     clear: both;
     text-align: center;
}
#footer p {
     font-size: .6 em;
     clear: both;
}
.clear {
     clear: both;
}

/*----behaviors styles---*/

a:link {
     color: #0066CC;
     text-decoration: none;
}
a:visited {
     color: #9933FF;
     text-decoration: none;
}
a:hover {
     color: #FF6600;
     text-decoration: none;
}
a:active {
     color: #C6C;
     text-decoration: none;
}

http://mysite.Verizon.NET/emilysper/index.html

sperphoto wrote:

I can't seem to get fonts seem to be the right size, especially the heads. The head of the sidebar displays no formatting. I thought that a

inside the font size indicated that #sidebar p would show a div or

for #sidebar h1. I seem to be missing some vital information! This is my first attempt at a site built entirely with CSS. I used #sidebar q for a quote in the sidebar, but the padding only works when I put inside of the

and I don't think that I would need to wrap in

Tags.

Your font sizes do not work is because you have a space between the size and unit of measure. Instead:

font-size: .9 em;

You should have this:

font-size: .9em;

You have the same problem with a large number of measures.

Regarding the , it is an inline element. If you want a block level quotation, use

.

Tags: Dreamweaver

Similar Questions

  • Dreamweaver CS6 when connecting it to the external style sheet, it doesn't affect all the html page.

    Dreamweaver CS6 when connecting it to the external style sheet, it doesn't affect all the html page. It started to happen after upgrading to mac osx elcapitan.

    have no idea how to solve this? now I write all my css stylesheet in the head section of my html page.

    Thanks for help

    Best regards

    the problem has been resolved.

    I forgot to write rel = "stylesheet", that was the problem.

  • The font size changes does not (?)

    It's been a while since I used the Captivate, but something strange rattling my brain this morning. I have created a simulation last week and is back to add captions, etc and strangely can add a caption, but cannot change the font size. I can change the rest of the legend, diff, police etc, but the font size of the legend will not change... He always flips to 12.

    Help.

    Hi jonll2z

    Maybe it's the specific font? You are able to use the same font in other applications in different sizes?

    Just a thought... Rick

  • I get this pop up that says: fonts "Segoe UI" does not support the "Regular" style

    original title: I get this pop up that says: fonts "Segoe UI" does not support "Regular" style... what the * is and how I keep popping up?

    I got a new Dell and of course a MS problem starts to play with me?

    Hello

    (1) not the problem in safe mode?

    (2) have you tried the steps suggested on February 2, 2012?

  • Banner image disappears when I move the css to the external style sheet

    If I have the following code in the header of the document, the image of the banner is displayed:

    < link href = "css/styles.css" rel = "stylesheet" type = "text/css" / > "
    < script type = "text/javascript" src = "javascript/copyNote.js" > < / script >

    < style type = "text/css" >
    <!--


    #banner
    {
    margin: 0 auto;
    Width: 980px;
    height: 198px;
    background - image: URL(images/banner.gif);

    }

    ->

    < / style >

    But if I move the code above in the related external stylesheet (css/styles.css), everything appears except the banner image.

    Anyone know what I'm doing wrong?

    BcSurvivor08 wrote:

    the path of the image shouldn't change since the image is still in the folder of the image, right?

    Yes, but the path to the image in the CSS must be relative to the location of the external CSS file.

    In other words, the following rule in the home page

    #banner

    {

    margin: 0 auto;

    Width: 980px;

    height: 198px;

    background - image: URL(images/banner.gif);

    }

    would be written in the external CSS file as

    #banner

    {

    margin: 0 auto;

    Width: 980px;

    height: 198px;

    background-image: url (.. / images/banner.gif);

    }

    because the CSS file is located in the folder css (one level down from the root folder).

    .. / said "in the"css"folder, go up a folder level then find banner.gif in the folder"images"...»

  • browser does not read the site style sheets, work in all other browsers

    I created my site with Dreamweaver templates. The 4.0.1 new Firefox browser does not make the site properly. The navigation bar is divided, and all the content is missing. He made correct in 3.__.17 as well as current browsers Safari and Chrome on PC and Mac

    The home page looks fine to me.

    On several pages, there is a problem with the width of the table: '% 1012px '.

    Obviously, you don't want both 1012 pixels and more than 100 percent.

  • Internal or the external Style sheet labels.

    It of maybe a stupid question, but how do I determine which styles are attached to an internal style sheet or external? I have modified the text and messed up my whole site without realizing that it is attached to an external sheet which was the large site. I can't find an indication in Styles pallate when I click on them, be they internal or external. It's frustrating when you work on a site. No explanation will be appreciated.

    @LarsenGraphiCDesign - there is no real way of panels if the stylesheet has been linked in other files. I suggest you save an enhancement request at https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

    To work around the problem - I suggest-

    1. you add a time in one of the css files and save you are presented with an option to update all other html files that are related to the same css.
    2. Move the css to a different location and see what css files is related to

    Which gives you an option to see all the html files associated with the particular css

    But then the first option doesn't work in version the most recent DW, the second should work even in older versions of DW

  • Including the external STYLE sheet the design

    Hello!  Sorry if it's a simple question, but I am a newbie to Dreamweaver and have not seen this anywhere else, using Dreamweaver or Forum answered.

    I usually create some parts of pages in dreamweaver, getting included later on the larger pages.  It is not possible for me to edit the whole page at once, because some parts of the pages are dynamic and out of my control.  What I want to do is to include all the CSS that gets included elsewhere in the page somehow in Dreamweaver, without including in the HTML code.  I know what these files are and where it exist, it's just, I don't want to go back with each page and remove references to CSS files, because I won't include them twice!  Is there anyway to tell dreamweaver to automatically include these CSS files when I see these pages?  It would make my life so much easier...

    Assuming that this is so, what's it called so I can find documentation and read up on it?

    Thanks in advance!

    See if design time Stylesheets achieve what you're looking for

    http://help.Adobe.com/en_US/Dreamweaver/CS/using/WScbb6b82af5544594822510a94ae8d65-7e17a.h tml

  • Design mode works only with the external style sheet

    Hi all

    Design mode does not (plain text only, without formatting!) in CS3. So I loaded the same file in DW8 (installed on the same machine) and it works great!

    Anyone have any ideas why?

    HTML doc is linked through this:

    Best regards, Dave P

    Thanks for the replies - I knew it had to be something simple...

    Best regards, Dave

  • How to change a color to a layer of external style sheet?

    Hello

    I want to know how to change the color of a layer of external style sheet?

    Because my homepage "Sidebar" and the colors would be the same for all pages, only the content of pages would be different.  If I want to change a color of my side web pages, I need to learn how do in one place thanks to the external Style sheet.

    I'm ambling to connect my external stylesheet and change the H1 tag and give it different colors. But I was not successful with the change of the color of a layer on which my content is sitting around.

    I took the color of my HTML page and gave the same name to the layer in my external stylesheet with the same color.

    Thank you.

    see you soon,

    Dreamer101.1

    You must use a unique ID on each page, then you can define dependent styles / conditionals:

    #bigwrapper_page_a h3 {color: #565656;}

#bigwrapper_page_b h3 {color: #454545;}

    Mylenium

  • Linking external style sheets to the models

    Hello

    I can't understand how to attach an external style sheet to a web site that was built with the help of a model?

    The page 'dwt' surrounds an editable by the following (see below), but there is no such text around the text that links to the external style sheet. Should there be? If so, is this something that should be done manually?

    <!-TemplateBeginEditable name = "head"->

    <! - TemplateEndEditable - >

    You can provide any help would be highly appreciated.

    Thank you.

    Mark

    Hi Ben,

    Well, got after all it works!

    It turns out that the coding for the style sheet should not be placed in an editable area, which, after thinking about it, makes sense. The idea is to have any adjustments made to the stylesheet of the page of the model appear on all pages of the site, and if it is an editable area would not happen.

    Thanks again for all your time and effort.

    Kind regards

    Mark

  • EXTERNAL STYLE SHEET IS NOT VISIBLE?

    Hello

    FILE used command-> export to move styles in my HTML Page to the external Style sheet.

    1. I have NOT see the new external Style sheet in CSS panel of my HTML Documents.

    2. the styles were copied, BUT they were also in the HTML file.    It looks like in the. CSS IS NOT link to a file.

    When I exported the HTML file has been opened only one.

    See you soon

    Dreamweavdr101.1

    (1) file > new CSS page.

    (2) cut and paste your HTML document into the new page CSS CSS rules.

    3) save it as some_filename.css in your local site folder.

    (4) link your HTML pages to the new page CSS, as shown in the link below.

    http://ALT-Web.com/demos/DW-link-stylesheet.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • What is the difference between a model and an external style sheet?

    I try to understand what is the difference between a model and an external style? I finished doing my model and I know that want to base each page on that. Isn't it the same as the external style sheet?

    Since I've already gone ahead and created a model with a ton of styles, I should remove the styles from the model and recreate them so that they exist in an external style sheet?

    I recommend that, Yes.  This way if you want to add/remove/edit one of your CSS, you only download this single file, not all the files in the site.

  • What became of my links to external style sheet?

    I submitted a request for support on this topic - but because I didn't say that my site is completely out of line I fear that it may cost me a few days.

    So why I post here.

    I've got 3 screenshots that will help things:

    http://www.whittleymarinegroup.com.au/support/screenshot1.PNG

    http://www.whittleymarinegroup.com.au/support/screenshot2.PNG

    http://www.whittleymarinegroup.com.au/support/screenshot3.PNG

    The first screenshot is the rear part of the template of the page in the screenshots, 2 and 3 BC.

    "You will see the external style sheet link: < link rel ="stylesheet"href="/stylesheets/whittley-desktop.css "/ >

    Screenshot 2, you will see that things look right in the < head > section, however it is only when I do a hard refresh on Chrome and Firefox.

    3 screenshot shows me a < head > altered section when I go on the site normally (or do a soft drink), and this seems to happen when I check a number of other sites in BC, I worked.

    Anyone got any ideas on why this is happening?

    I use a WiFi dongle, no matter what it will affect?

    My problem is that the program editing of CSS that I use the style sheet needs external link so it can modify it through substitutions. Worked until today.

    Ben

    I just checked a few other sites not hosted in British Colombia, and it seems that it could be linked to the wi - fi dongle. weird but true - it's the only thing that has changed since the normal search of abnormal.

  • How to change the fonts and font size in sticky notes

    Original title: reminder

    How can I change the font and font size in sticky notes?

    Hi Jerry,

    Thanks for posting the question in the Microsoft Community!

    See the article to format the text in a sticky note in the site:

    Use reminders

    http://Windows.Microsoft.com/en-us/Windows7/using-sticky-notes

    If the problem persists, or in the future if you face problems of Windows let us know and we would be happy to help you.

Maybe you are looking for

  • Why has the big green box - "this site is secure" disappeared from a firefox restart to fix the slowness?

    Since to perform a reboot of the green box "this is a secure site" is not displayed on the side of the results when searching for topics in google? That was before I did. He cannot explain in computer language!

  • Scan to file on my MacBook Air.

    I have a Brother MFC printer/Fax/Scanner.  I am able to print successfully, wireless from my new MacBook Air, without fail.  However, when I try to scan something and save it in a file on the MacBook Air, the printer cannot identify my new computer. 

  • Satellite 1900-803 runs on battery only

    My 1900-803 satellite only works on battery PWR. When AC pwr device connected, correct lights and AC power icon appears in the systray. But system turns off automatically when the battery goes down. Air conditioning unit seems to be ok and charge the

  • Error after installing ios 9.2.1

    I have installed ios 9.2.1 on my new ipad air and when I'm on Safari and click in the Web area he immediately directs me to the homepage of ipad. I have reset the ipad without result. Can someone please help?

  • read excel content in real-time

    Hi, I want to do a Vi that reads the contents of the cells in an Excel document while I'm the edit, I mean I want to fill the cells with numbers, and while I labview performs a comparison to determine what to do based on its contents. I want to know