Rozmiar obrazka

pytanie zadane 21 kwietnia 2018 w HTML i CSS przez web321 Nowicjusz (120 p.)

Cześć,

obecnie uczę się HTML i CSS i robię swoją pierwszą stronę internetową i stąd moje pytanie, jak mogę dopasować rozmiar obrazka do strony, chciałbym aby zajmował on szerokość strony ;)

2 odpowiedzi

odpowiedź 21 kwietnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

odpowiedź 21 kwietnia 2018 przez Daniel90 Pasjonat (17,970 p.)

daj mu width 100%

komentarz 21 kwietnia 2018 przez web321 Nowicjusz (120 p.)

Właśnie to nie działa u mnie, nie wiem czemu, może moja strona nie ma 100%

komentarz 21 kwietnia 2018 przez Daniel90 Pasjonat (17,970 p.)

Daj kod jaki tam masz. Ewentualnie width: 100vw

komentarz 21 kwietnia 2018 przez web321 Nowicjusz (120 p.)


<body>

    <div class="first_page">
        <div class="menu">

            <ul>
                <li><a class="a" href="#">O nas</a></li>
                <li><a class="a" href="#">Oferta podróży</a></li>
                <li><a class="active" href="#">WAKACJE 2018</a></li>
                <li><a class="a" href="#">Opinie</a></li>
                <li><a class="a" href="#">Kontakt</a></li>
                <h1 class="Text_on_menu"><img src="aeroplane-airplane-plane-air-transportation-vehicle-pessanger-people-emoj-symbol-3306ff886517b0e9-512x512.png">Travel with Us</h1>
                <div class="img"></div>
            </ul>
            <div class="sklejka"><img src="sea-beach-holiday-vacation.jpg"></div>
        </div>
    </div>
    <div class="second_page">
        <h1>aihsnaksnasnas</h1>
        <h2>isnkasnasknanskas</h2>
    </div>
</body>
 </html>

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {

    height: 130vh;
}

.menu ul {

    list-style-type: none;
    overflow: hidden;
    background-color: white;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    font-family: 'Hammersmith One', sans-serif;
    border-bottom: 3px solid black;
}

.a {
    float: left;
    text-decoration: none;
    color: black;
    display: inline-block;
    text-align: center;
    padding: 28px 45px;
    font-size: 25px;
    background-color: white;
    border-right: 3px solid black;
    
}
.active{
    float: left;
    text-decoration: none;
    color: black;
    display: inline-block;
    text-align: center;
    padding: 28px 45px;
    font-size: 25px;
    background-color: yellow;
    border-right: 3px solid black;
  
    
}



.first_page {
    background-color: dodgerblue;
    height: 140vh;
    


}

.second_page {
    height: 300vh;
    background-color: cadetblue;
  
}
.Text_on_menu {
    text-align: center;
    padding: 18px;
    font-family: 'Kalam', cursive;

}
.Text_on_menu img{
    height: 50px;
    float:right;
    padding:5px;
    }
.sklejka{
   }