From 230ce8c76fc9b49fc8e99f7999e01a76ccb015e0 Mon Sep 17 00:00:00 2001 From: Bettina Date: Mon, 7 Oct 2013 23:53:32 +0200 Subject: [PATCH] integrated lehmannro's edits --- core/portfolio-2.md | 10 +++++----- core/portfolio.md | 6 +++--- core/style.md | 4 ++-- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/core/portfolio-2.md b/core/portfolio-2.md index 219397e..3392f45 100644 --- a/core/portfolio-2.md +++ b/core/portfolio-2.md @@ -33,10 +33,10 @@ In this way your image will follow the size of the browser window. It is possible that when the window is very small or very big, you can see a white space at the bottom of the image. You can change it setting the height: 100%. But now you need to be sure that you image isn't stretched. - .home-imag { - height: 100% - } - + .home-imag { + height: 100% + } + After the image, write another header tag within h1 and h2, add a class name to your header so you can style it and not be confused with the other one. (I will use header-home as the class name) In the CSS we are goint to write this: @@ -113,7 +113,7 @@ The most important attribute of the < a > element is the href attribute, which i Your link's destination is the name and the extension to which you gave your other pages. Be careful to type it right. If the page to which you are going to link is not in the same root, you need to specify in which folder it can be found. -For example, if i have the contact page in a contact folder I write: +For example, if I have the contact page in a contact folder I write:
  • Contact
    • diff --git a/core/portfolio.md b/core/portfolio.md index 0a55019..00377ca 100644 --- a/core/portfolio.md +++ b/core/portfolio.md @@ -38,11 +38,11 @@ We can now write our main page content:
    -Since we have just one main content, we can use the selector id. +Since we have just one main content, we can use the ID selector. In style.css we make this div always centered in the middle. To call the class in CSS, we need to write "." and the class name just after it. -For the Id it is the same but with " # " instead of "." +For the ID it is the same but with " # " instead of "." .wrap-centered { width: 100%; @@ -117,7 +117,7 @@ elements, not just the one that you are modifying. We just said that usually HTML elements are like a block displayed in a vertical flow. We can change this flow thanks to the float property. -Another propery that allows us to change the flow is display: inline. +Another property that allows us to change the flow is display: inline. Actually, this property doesn't change the flow, rather it displays an element inline (so that it will stay on one line instead dropping down) instead of displaying within a block. Check your navigation menu. diff --git a/core/style.md b/core/style.md index 8ae58f0..2808a03 100644 --- a/core/style.md +++ b/core/style.md @@ -63,7 +63,7 @@ The right sytrax is: Refresh your browser and see how the color of your title has changed. Isn't it nice? -To give a backgorund color to our paragraph, write +To give a background color to our paragraph, write p { background-color: #ddd; @@ -74,7 +74,7 @@ To give a backgorund color to our paragraph, write Web colors are colors used in designing web pages. Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet). Hexadecimal color codes begin with a number sign (#). -This number sign can be picked from a graphics software or from some nice web tool, such as, [Color picker](http://www.colorpicker.com/), for example. +This number can be picked from a graphics software or from some nice web tool, such as, [Color picker](http://www.colorpicker.com/), for example. When you have chosen your color, copy the number that starts with # and paste that in your CSS file. Good to know: #000 is black and #fff is white.