Diskusia – 12. diel - HTML layout

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.

Jiří Vrána

Člen

Jiří Vrána:20.9.2020 12:06

Zkus napovědět cestu, viz toto:

article {
background: url(../obrazky/pozadi.png) rgba(150, 149, 149, 0.856);
}

Ty dvojtečky a lomítko před odkazem obrázku. Nějakou chvíli mi trvalo to zjistit, ale už to funguje.
Jsem noob, takže netuším, proč někde je třeba deklarovat cestu an někde stačí jen"podsložka a jméno obrázku". :-)

Odpovedať

Michal Stisek

Člen

Michal Stisek:26.9.2020 15:01

Pokud máte html soubory v kořenovém adresáři a pak složky pro obrázky a styl, pak v css souboru musí být pro cestu k pozadí právě ty dvě tečky (../obrazky/pozadi.png). Pokud byste měli soubor css v kořenovém adresáři s html, pak stačí mit v url jen (obrazky/pozadi.png)

BTW: chci se zeptat jestli někdo nevíte proč se nadpis h1 v elementu article udela menším, než když je jen v body. Někdo nějaké vysvětlení?

Odpovedať

Jít pořád dál má smysl

Jakub Jílek

Člen

Jakub Jílek:17.11.2020 22:25

Jak už psal Luboun, je to potřeba mít v Body v tom styl.css.

Odpovedať

Katka

Tvůrce

Katka:21.12.2020 13:19

Fajn článek – díky.
Drobná životní zkušenost:
Když jsem si přečetla větu: "... V minulosti se k tomuto účelu používal tag <div>, což je však špatně a již se to nedělá.", snažila jsem se všechny <div> přepisovat na <article> a to i např. v automaticky generovaném kódu v _Layout.cshtml u .NET Core MVC. :-P
Až pak jsem zjistila, že se <div> běžně používá kvůli Bootstrapu a zas tak špatný ani přežitý tag to není...

Odpovedať

Rozdíl mezi tím, kým jsme a tím, kým chceme být, je jen v tom, co děláme.

Veronika MAREČKOVÁ

Člen

Veronika MAREČKOVÁ :27.1.2021 11:41

Zdravím, Vytvořila jsem si fialový png obrázek, který bych ráda měla na pozadí stránky, ale stále se mi to nedaří. Prosím napište mi, kde dělám chybu, na kterou nemůžu přijít.
Text mám bez diakritiky. Fialový obrázek mi program sám dokonce nabízí, ale v prohlížeči se fialové pozadí stále nezobrazuje.
Kam správně background: url('../obrazky/fialova.png') ; se do css zadává?

body { font-family: Verdana, Geneva, Tahoma, sans-serif;
background: url('../obrazky/fialova.png')}

i když zadám article {
background: url(../obrazky/fialova.png);
}

tak se nic nezobrazí.
Děkuji.

Odpovedať

Veronika MAREČKOVÁ

Člen

Veronika MAREČKOVÁ :27.1.2021 13:02

Kdyby se náhodou ještě někomu stalo něco podobného jako mě tak ať si css styly nezapomene propojit s webovou stránkou. ;-) Jinak ty dvě tečky od Jirky pomohly.
tj. ../obrazky/pozadi.png

<link rel="stylesheet" href="css/styly.css" type="text/css" />
<link rel="stylesheet" href="styly.css" type="text/css" />

Odpovedať

Erika urbanová

Člen

Erika urbanová:17.6.2021 19:35

Ahoj vymazala som všetko z predchádzajúcich lekcií a išla nanovo, ale zasa sa na tomto mieste, ako vložiť obrázok farby na podklad neviem pohnúť, rozbalila som si váš kod, ale tiež mi nefunguje, skúsila som aj iný prehliadač, doteraz super všetko zobrazovalo, takže v prepojení by to byť nemalo,skúsila som:
SAMOSTATNE:
article{
background: url(../'obrazky/pozadi.png');
}
skúsila som vložiť do BODY:
body{

font-family:Verdana;
font-size:14px;
background: url(../'obrazky/pozadi.png');
}

Odpovedať

Aleš Masařík

Člen

Aleš Masařík:18.6.2021 17:28

Blblo mi jak se píše v diskuzi pozadí, bralo to mi to pozadí napsané #číslo, ale obrázek z noise texture generator ne, tak jsem dal pozadí na celé tělo takto:

body    {
   background: url(pozadi3.png);}

je tam rozdíl oproti návodu tady, že tam nejsou uvozovky a mě to funguje

Odpovedať

Ivana Fajnorová

Člen

Ivana Fajnorová:21.6.2021 20:39

tak toto mi teda trvalo... bohužiaľ nezobrazovalo sa mi pozadie podľa tohto postupu, tak som si prečítala český CSS 3 manuál - Pozadí a urobila som to podľa toho návodu a funguje to

Odpovedať

Leoš Kaplan

Člen

Leoš Kaplan:3.8.2021 16:16

Dovedl by mi někdo poradit, proč mi to nefunguje? Ani v komentářích jsem se nedočetl toho, jak to upravit.

Přidání article ani body před background nefunguje, soubor css mám s html spárovaný, klasickou barvu bez obrázku tam přidat bez problému umím, takže vidím problém v implementaci souboru s pozadím.

Současná verze

article {
background: url('C:\Users\LENOVO\Desktop\itnetwork\webdesign\obrazky\pozadi.png') #009aca;
}

Soubor nemám ve stejné složce jako obrazek (zejmena kvůli tomu, že vím, že časem všechno do jedný složky nenaflákám a chci mít ve složkách přehled, navíc chci umět ty soubory správně navazovat z jiných míst).
Zkoušel jsem to napsat i bez těch interpunkčních čárek, pak s uvozovkama, následně i zkrácenej odkaz bez celý cesty s dvěma tečkama, jako psali ostatní, ale nic nefunguje.

Odpovedať

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 382.

Najčastejšie vyhľadávané

Diskusia – 12. diel - HTML layout