NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Nocik
Tvůrce
Avatar
Nocik:21.12.2017 20:39

Ahoj, urcite vim, ze tohle bude stupidni dotaz, ale nejak se mi na nej nedari najit idealni odpoved...
Jak docilit toho, ze pri nacteni stranky bude uvodni fotka roztahnuta vzdy na plnou velikost okna a pod fotkou dale pokracuje obsah stranky, ale ten bude vzdy viditelny az kdyz navstevnik webu sjede o kousek nize, snad sem to vysvetlil dostatecne :D :D

Odpovědět
21.12.2017 20:39
Vítězství je stav mysli.
Avatar
Peter Sciranka
Tvůrce
Avatar
Odpovídá na Nocik
Peter Sciranka:21.12.2017 20:52

Ahoj, napr. takto:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="landingPage">

    </div>
</body>
</html>

A CSS:

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

.landingPage{
    background: url("bg1.jpeg") center center no-repeat;
    width: 100%;
    height: 100vh;
    background-size: cover;
}

A pod ten <div> s class "landingPage" dáš obsah, čo chceš aby nasledoval.
Stačí to takto?

Editováno 21.12.2017 20:54
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
21.12.2017 20:52
Act as if it was Impossible to Fail
Avatar
Nocik
Tvůrce
Avatar
Odpovídá na Peter Sciranka
Nocik:21.12.2017 20:55

Vyzkousim az budu zitra doma a dam vedet, kazdopadne diky za rychlou odpoved :)

Nahoru Odpovědět
21.12.2017 20:55
Vítězství je stav mysli.
Avatar
Nocik
Tvůrce
Avatar
Odpovídá na Peter Sciranka
Nocik:21.12.2017 20:55

Vyzkousim az budu zitra doma a dam vedet, kazdopadne diky za rychlou odpoved :)

Nahoru Odpovědět
21.12.2017 20:55
Vítězství je stav mysli.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.