Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 16. diel - Navigačné menu, pätička a HTML entity

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
Ondřej Langr (andysekcze)
Tvůrce
Avatar
Odpovedá 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

Editované
Odpovedať
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovedá 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

Odpovedať
Neaktivní uživatelský účet
Avatar
Ondřej Langr (andysekcze)
Tvůrce
Avatar
Odpovedá na Neaktivní uživatel
Ondřej Langr (andysekcze):20.8.2016 21:30

jojo uvědomuji si :) díky

Odpovedať
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...

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>?

Odpovedať
Důležité je se nevzdávat...
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovedá 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. :)

Odpovedať
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;
}

Odpovedať
Důležité je se nevzdávat...
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovedá 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. :)

Odpovedať
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?

Odpovedať
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

Editované
Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 61.