Avatar
Salieri
Člen
Avatar
Salieri:

Zdravím,

pokouším se v HTML 5 udělat hlavičku která by byla do čtvrt obrazovky(pří­klad...) Ale bohužel nehne se to pod výšku písma...

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>Úvodní strana</title>
<link rel="Stylesheet" href="css/index.css">
</head>
<body>
      <header>
             <section class="image">
             <!-----Pro Image---->

             <!------------------>
             </section>

             <!--- Pro menu----->
              <nav>
                 <ul>
                    <li><a href="">Pokus</a></li>
                    <li><a href="">Pokus</a></li>
                    <li><a href="">Pokus</a></li>
                    <li><a href="">Pokus</a></li>
                    <li><a href="">Pokus</a></li>
                    <li><a href="">Pokus</a></li>
                 </ul>
            </nav>
            <!------------------>
     </header>
</body>
</html>
*{margin:0px;padding:0px;font-family:century gothic;}
header{background:#1b2466;height:45%;}
ul{text-align:right;}
li{display:inline;}
a{color:white;text-shadow:2px 4px 5px black;}

Děkuji za pomoc

Editováno 27.12.2013 0:34
Odpovědět 27.12.2013 0:33
Hlavní zlo? **Školství a Matematika**!
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na Salieri
Filip Pýrek:

Výška se nedá nastavit v % toto musíš přes JS

$(document).ready(function(){
    $("header").css("height", $(window).height()*0.45);
});
Nahoru Odpovědět  -1 27.12.2013 0:39
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
Salieri
Člen
Avatar
Salieri:

Proč přes JS?

Nahoru Odpovědět 27.12.2013 8:07
Hlavní zlo? **Školství a Matematika**!
Avatar
Salieri
Člen
Avatar
Odpovídá na Filip Pýrek
Salieri:

Vyřešil jsem to,že jsem to celé přepsal do html 4....

Nahoru Odpovědět 27.12.2013 9:45
Hlavní zlo? **Školství a Matematika**!
Avatar
Odpovídá na Salieri
Michal Žůrek (misaz):

a jak sis tím pomohl?

prdni tam selector pro body a :root, který obou nastaví height na 100%:

body, :root {
        height:100%;
}
Nahoru Odpovědět 27.12.2013 9:57
Nesnáším {}, proto se jim vyhýbám.
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na Salieri
Filip Pýrek:

Sám vidíš že to nefunguje & mě to taky nikdy nefungovalo => Asi to vůbec nefunguje. Jedno z řešení: JS.

Nahoru Odpovědět 27.12.2013 9:58
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
Odpovídá na Filip Pýrek
Michal Žůrek (misaz):

proč by se výška nedala napsat v CSS? Výška v % se bere od rodiče, v jeho případě body, jenomže on to body nemá nastavené, čili musí dát

body {
        height:100%;
}

ale teď máme další problém body taky bere velikost v % od rodiče no a tím je :root, tak mu taky nastavíme výšku:

:root {
        height:100%;
}

no a teď to bude mít podle představ, ještě protože 2 selektory nastavují totéž je můžeme sloučit.

body, :root {
       height:100%;
}
Nahoru Odpovědět  +3 27.12.2013 10:00
Nesnáším {}, proto se jim vyhýbám.
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Filip Pýrek:

Tak to jo, neznám to :root, takže mi to nikdy nešlo...

Nahoru Odpovědět 27.12.2013 10:01
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Výška se nedá napsat normálně v %, jelikož body má vlastně nekonečnou výšku...
Výška se dá nastavit pouze tehdy, když má rodič nastavenou výšku.

Nahoru Odpovědět 29.12.2013 1:28
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Denis Homolík (Alfonz):

Ja teda misto :root pouzivam html

Nahoru Odpovědět 29.12.2013 21:55
Vše je možné, dokud si to myslíte!
Avatar
Kit
Redaktor
Avatar
Odpovídá na Denis Homolík (Alfonz)
Kit:

To není nejlepší nápad. Už proto, že kořenovým elementem nemusí být html.

Nahoru Odpovědět 29.12.2013 21:58
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
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 11 zpráv z 11.