Zadania HTML – cz. 2

1. Zwiększamy obszar strony do 1200px, wprowadzamy kolumnę MENU o 180px szerokości reszta wg wzoru:

Zrzut ekranu 2014-11-16 o 23.20.13
2. Dodajemy elementy menu wg wzoru:

Zrzut ekranu 2014-11-16 o 23.24.30

3. Dodajemy czcionkę z Google Fonts.

4. Formatujemy menu:

ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
}

5. Formatujemy odnośnik:

li a {
    display: block;
    color: white;
    text-align: left;
    padding: 10px;
    text-decoration: none;
    background-color: #ddd;
}

6. Formatujemy zachowanie odnośników po najechaniu kursorem i zaznaczeniu, np.:

/* unvisited link */
a:link {
    color: green;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: yellow;
}

Przykładowe pliki:
cw1_html (29)
cw1_css (26)
cw1_html_menu (19)
cw1_css_menu (16)
cw1_css_menu_format (13)

Podobne wpisy...

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close