Skip to content

Commit

Permalink
integrated lehmannro's edits
Browse files Browse the repository at this point in the history
  • Loading branch information
thatbettina committed Oct 7, 2013
1 parent 5672b28 commit 230ce8c
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 10 deletions.
10 changes: 5 additions & 5 deletions core/portfolio-2.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:
Expand Down Expand Up @@ -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:

<li><a href="contact/contact.HTML"> Contact </a> </li>

Expand Down
6 changes: 3 additions & 3 deletions core/portfolio.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,11 +38,11 @@ We can now write our main page content:
<div id="wrap-centered">
</div>

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%;
Expand Down Expand Up @@ -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.
Expand Down
4 changes: 2 additions & 2 deletions core/style.md
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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.
Expand Down

0 comments on commit 230ce8c

Please sign in to comment.