Diskuze: image resize

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Allan

Člen

Allan:7.6.2014 13:29

Caute, ako dosiahnem to, aby som zmenil velkosti toho obrazka, ktory odcnieva?

<html>
<head>
    <title>try out wp</title>
    <link href="stylesheet" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="background">
    <div id="frame">
        <div id="top_menu">
            <div id="logo"><img src="images/logo_hover.jpg"></div>
        </div>
    </div>
</div>
</body>
</html>

#background{
    background-color: white;
    z-index: -999;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

#frame{
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:-20;
}

#top_menu{
    background-color: #2EB800;
    height: 10%;
    width: 100%;
    z-index: -19;
    position: absolute;
    opacity: 0.52;
}

#logo{
    position:relative;
    height: 100%;
}

skusal som uz do #logo{} pridavat hocijake rozmery, ale nijak sa to nemenilo

Odpovědět

7.6.2014 13:29

albertpatera

Tvůrce

albertpatera:7.6.2014 13:44

#logo img {
           height:100px;

}

těch 100px si nejsem jistej, jestli to bude přesně, když ne, tak případně uber nebo přidej podle toho, jak bude potřeba ;-)

// protože styluješ v divu logo ještě tag img, tak ho musíš uvést i do stylování

Editováno 7.6.2014 13:46

Nahoru Odpovědět

7.6.2014 13:44

Allan

Člen

Allan:7.6.2014 13:59

Dakujem

Nahoru Odpovědět

7.6.2014 13:59

albertpatera

Tvůrce

albertpatera:7.6.2014 15:05

Není zač ;-)

Nahoru Odpovědět

7.6.2014 15:05

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.

Nejčastěji vyhledáváné

Diskuze: image resize