NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 16 - Navigační menu, patička a HTML entity

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Ondřej Langr (andysekcze)
Tvůrce
Avatar
Odpovídá na Torhan Michal
Ondřej Langr (andysekcze):20.8.2016 20:33

Průhledné - do elementu s obsahem:

background: transparent;

. a do body dáš

background: url('urlobrazku.pripona') fixed no-repeat 100% 100%;

:) tím posledním se možná pletu, pokud ano tak mě prosím opravte

Editováno 20.8.2016 20:34
Odpovědět
20.8.2016 20:33
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Ondřej Langr (andysekcze)
Neaktivní uživatel:20.8.2016 21:04

Pro velikost lépe použít hodnotu cover, nechceme obrázek deformovat

Odpovědět
20.8.2016 21:04
Neaktivní uživatelský účet
Avatar
Ondřej Langr (andysekcze)
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Ondřej Langr (andysekcze):20.8.2016 21:30

jojo uvědomuji si :) díky

Odpovědět
20.8.2016 21:30
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Torhan Michal
Člen
Avatar
Torhan Michal:21.8.2016 11:37

Díky moc za radu :) vše funguje jak má .. ještě jednou dííky oběma...

 
Odpovědět
21.8.2016 11:37
Avatar
Peter Butora
Člen
Avatar
Peter Butora:12.2.2018 18:37

Ahoj prosím poradíte, nikde jsem si nevšiml že by bylo pořádně vysvětleno kdy používat <div>
k čemu slouží? jsou nějaké věci na které se používá jenom <div>?

Odpovědět
12.2.2018 18:37
Důležité je se nevzdávat...
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Peter Butora
Jan Lupčík:12.2.2018 18:46

Použiješ ho vždy, když potřebuješ seskupit nějaké elementy, nebo když potřebuješ zobrazit nějaký blokový element na stránce (vyjma základní struktury stránky, kdy bys měl použít tagy <main>, <article> apod.). <div> se dobře styluje a používá se skoro na každé blokové zobrazení. Naopak na text by se používat neměl. :)

Odpovědět
12.2.2018 18:46
TruckersMP vývojář
Avatar
Peter Butora
Člen
Avatar
Peter Butora:12.2.2018 18:49

dík a jak by to vypadalo třeba u article?
<div class="modra">
<article>
</article>
</div>

a potom to ostyluji takhle??? a prč se třeba nestyluje rovnou article není to na stejno? nebo je to přehlednější
.modra {
background: blue;
}

Odpovědět
12.2.2018 18:49
Důležité je se nevzdávat...
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Peter Butora
Jan Lupčík:12.2.2018 18:52

Samozřejmě by se měl rovnou stylovat <article>. Nevím, proč to používat takto - ten <div> nemá žádný význam.
Jinak pro kód používej prosím 2. tlačítko nad tímto editorem (mezi emotikony a B). A pokud odpovídáš na nějaký komentář, nezapomeň použít tlačítko Odpovědět. :)

Odpovědět
12.2.2018 18:52
TruckersMP vývojář
Avatar
Erik Hawlasek
Člen
Avatar
Erik Hawlasek:28.5.2018 14:59

Zdravím, chtěl bych se optat, kdybych chtěl udělat například border pro obrázek pomocí classu, šlo by to?

Odpovědět
28.5.2018 14:59
Za zeptání nic nedáš.
Avatar
Mino19
Člen
Avatar
Mino19:2.11.2018 13:59

Čaute,skúšam tvorit web podla tohto tutoriálu a mám menší problém.
Pri otvorení súboru "rozlezenie.html" mi ukáže stránku tak ako pridávam obrázok.
Nevidno mi pätičku stránku,musím zoscrollovať nižšie,ale neviem prečo.Myslím,že to bude nejaký detail.
Pridávam css súbor

body{
background: url('obrazky/pozadie_sede.png') #1c2228;
font: 14px Verdana;
margin: 73px 0px 0px 0px;
min-width: 960px;
}

h2, h3, h4, h5, h6 {
text-align: center;
text-shadow: 3px 3px 7px #666666;
color: #0a294b;
font-family: Arial;
}

h1 {
font-size: 2em;
font-weight: normal;
color: white;
text-align: center;
text-shadow: 2px 2px 1px #0a294b;
}

.centrovany {
text-align: center;
}

h2{
font-size: 1.7em;
}

article {
background: url('obrazky/pozadie.png') #009aca;
padding: 30px 0px;
}

article header {
width: 250px;
float: left;
position: static;
background: none;
}

article section {
        width: 666px;
        float: left;
        background: white;
        border: 2px solid #006797;
        box-shadow: 2px 2px 7px #1c2228;
        padding: 20px;
}

.cistic {
clear: both;
}

.vlavo{
float: left;
}

header {
height: 73px;
position: fixed;
top: 0px;
background: url('obrazky/pozadie_sede.png') #1c2228;
width: 100%;
}

#logo {
background: url('obrazky/logo.png') no-repeat;
width: 250px;
height: 60px;
float: left;
margin: 7px 0px 0px 20px;
}

#logo h1 {
margin: 14px 0px 0ox 10px;
}

nav ul {
margin: 0px;
list-style-type: none;
}

nav ul li {
float: left;
padding: 0px 25px;
margin: 0 5px;
font-size: 17px;
height: 73px;
line-height: 4.3em;
}

nav a {
color: white;
text-decoration: none;
}

nav ul li:hover, .aktivni {
background: #ffbb00;
box-shadow: 0px 0px 5px black;
}

footer {
        height: 40px;
        color: white;
    margin: 20px 0 0 30px;
}

footer a {
        color:  #ffbb00;
        text-decoration: none;
}

#centrovac {
        margin: 0px auto;
        width: 960px;
}

Ďakujem za pomoc

Editováno 2.11.2018 14:00
 
Odpovědět
2.11.2018 13:59
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 10 zpráv z 61.