Youtube HTML 5 cz.3

pytanie zadane 10 grudnia 2015 w HTML i CSS przez paka85 Nowicjusz (200 p.)

Witam!

Studiuje kurs HTML5 cz.3 i napotkałem problem, a mianowicie chodzi o dodanie kafelka "tile 5" do .sguare po prawej stronie.Ciągle kafelek "tile 5 " wchodzi mi pod kafelek "4" w lewy .sguare, albo po prostu prawy i lewy .sguare są jeden pod drugi.

Sprawdzałem trzy razy krok po kroku i wszystko mam tak samo jak na filmie...

Przesyłam skreeny może ktoś mi pomoże,dziekuję z góry.

3 odpowiedzi

odpowiedź 10 grudnia 2015 przez Comandeer Guru (607,060 p.)
wybrane 10 grudnia 2015 przez paka85

Najlepsza

Wiesz co? Nie chce mi się przepisywać tego kodu ze screenów. Zajmie mi to ok. 20 razy dłużej niż Tobie skopiowanie kodu i wklejenie go w formie tekstu.

komentarz 10 grudnia 2015 przez paka85 Nowicjusz (200 p.)

<!doctype>
<html lang="pl">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Jan Kowalski</title>
    <meta name="description" content="Tworzę dla Ciebię wyjątkową stronę www! Zatrudnij programistę webowego: PHP, Javascript, HTML, CSS, MySQL,WordPress, Joomla, Drupal"/>
    <meta name="keywords" content="zamów, stronę, tworzenie, www, programista, portfolio,php,javascript, html,css, Wordpress, Joomla, Drupal" />

    <link rel="stylesheet" href="style.css" type="text/css" />
    <link href='https://fonts.googleapis.com/css?family=Lato|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

    </head>

<body>

    <div id="container">

        <div class="rectangle">
            <div id="logo">Jan Kowalski</div>
            <div id="zegar">12:00:00</div>
            <div style="clear: both;"></div>
        </div>

        <div class="square">
            <div class="tile1">1</div>
            <div class="tile1">1</div>
            <div style="clear: both;"></div>

            <div class="tile2">2</div>
            <div class="tile3">3</div>
            <div style="clear: both;"></div>

            <div class="tile4">4</div>
        </div>
        <div class="square" >
            <div class="tile5">5</div>
        </div>
        <div style="clear: both;" ></div>
        <div class="rectangle"></div>

    </div>

</body>

</html>

komentarz 10 grudnia 2015 przez Comandeer Guru (607,060 p.)

Jeszcze CSS.

komentarz 10 grudnia 2015 przez paka85 Nowicjusz (200 p.)

body
{
    background-color: #303030;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}

#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.rectangle
{
    width:960px;
    margin: 20px;
}
.square
{
    width: 50%;
    float: left;
}

#logo
{
float: left;
font-family: 'Josefin Sans', sans-serif;
font-size: 70px;
width: 600px;
margin-top: 10px;
margin-bottom: 10px;
}

#zegar
{
float: left;
font-family: 'Josefin Sans', sans-serif;
font-size: 70px;
margin-top: 10px;
margin-bottom: 10px;
}

.tile1
{
     margin: 10px;
     width: 230px;
     height: 142px;
     background-color: #3095d3;
     float: left;
}

.tile2
{
     margin: 10px;
     width: 230px;
     height: 142px;
     background-color: #666666;
     float: left;
}

.tile3
{
     margin: 10px;
     width: 230px;
     height: 142px;
     background-color: #93c748;
     float: left;
}

.tile4
{
     margin: 10px;
     width: 480px;
     height: 142px;
     background-color: #ee5a32;

}

.tile5
{
     margin: 10px;
     width: 480px;
     height: 304px;
     background-color: #666666;



}