Zarábaj až 6 000 € mesačne! Akreditované rekvalifikačné kurzy od 0 €. Viac informácií.

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
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é 20.8.2016 20:34
Odpovedať
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
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ť
20.8.2016 21:04
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ť
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...

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

Odpovedať
12.2.2018 18:37
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ť
+4
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;
}

Odpovedať
12.2.2018 18:49
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ť
+1
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?

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

Editované 2.11.2018 14:00
 
Odpovedať
2.11.2018 13:59
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.