FINÁLNÍ VÝPRODEJ KREDITŮ na ITnetwork je tady. Využij poslední šanci a získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjisti více:
NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
Jan Jedlička
Člen
Avatar
Jan Jedlička:29.7.2017 23:05

Ahoj lidi, potřeboval bych poradit, kde dělám chybu. V HTML jsem vložil <div> a chtěl jsem mu udělat rámeček z obrázku. Použil jsem pro <div> v CSS vlastnost border-image-source a nastavil ostatni vlastnosti co jsem tu četl na stránce. Bohužel jsem nezjistil, kde dělám chybu. Vůbec se mi rámeček nezobrazuje ani když otevřu jiný prohližeč. děkuji za každou radu

 
Odpovědět
29.7.2017 23:05
Avatar
Alexej Haman
Člen
Avatar
Alexej Haman:30.7.2017 13:30

Také se mi to nedařilo rozchodit. :/

 
Nahoru Odpovědět
30.7.2017 13:30
Avatar
jakubho
Člen
Avatar
Odpovídá na Jan Jedlička
jakubho:30.7.2017 14:30

Můžeš nám dát úryvek z tvého CSS, co přesně jsi nastavil divu za vlastnosti? Nezapomněl jsi nastavit border style?

#tvujdiv{
        border-style:solid;
}
Nahoru Odpovědět
30.7.2017 14:30
Chyba-Jediná jistota v životě programátora.
Avatar
Štěpán Halíř
Člen
Avatar
Odpovídá na Alexej Haman
Štěpán Halíř:30.7.2017 14:35

Ahoj,
problém už jsme řešili s Honzou v obdobném vlákně (klik). Zkus při udávání podoby borderu přidat i vlastnost "solid", která zajistí nepřerušovanost (plnou čáru) rámečku.
Funkční příklad pro vykreslení rámečku:

<!DOCTYPE html>
<html>
        <head>
                <style>
                div
                {
                        border: 10px solid transparent;
                        width: 300px;
                        height: 100px;
                        border-image-source: url('ramecek.png');
                        border-image-slice: 30;
                }
                </style>
                <title>border-image-source</title>
        </head>
        <body>
                <div></div>
        </body>
</html>

Samozřejmě si můžeš upravit tyto hodnoty podle sebe.
Přidávám ještě některé odkazy na w3schools.com, kde máš všechny tyto vlastnosti vysvětlené i s praktickou ukázkou.
https://www.w3schools.com/…e-source.asp
https://www.w3schools.com/…ge-slice.asp
https://www.w3schools.com/…r_border.asp

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
30.7.2017 14:35
Avatar
Jan Jedlička
Člen
Avatar
Jan Jedlička:30.7.2017 16:18

Přesně jak kluci píšou, poradil mi Štěpán abych nastavil border-style. Myslím, že by nebylo špatné doplnit tuto vlastnost v návodu co se tu píše na stránkách. Já se totiž postupně učím psát v CSS a možná budou mít lidé co jsou na tom podobně taky problém. Nemyslím to zle, je to sice logické to mít zadané, ale prostě jsem si této chyby při zápisu nevšiml.

 
Nahoru Odpovědět
30.7.2017 16:18
Avatar
jakubho
Člen
Avatar
Odpovídá na Jan Jedlička
jakubho:30.7.2017 18:12

V návodech tato vlastnost už dávno je (https://www.itnetwork.cz/…esky-manual/).

Spíš jde o to, že začátečník většinou očekává, že když už nastavil, jak má border vypadat (jakou má mít barvu, tloušťku, jaký obrázek jej bude tvořit...) tak že se automaticky na výchozí hodnotu nastaví, že má být hranice "solid". Spíš by bylo dobré to nějak zdůraznit v HTML tutoriálu, protože se na to lidi ptají opravdu často, pamatuju si, že i já jsem se na to možná jednou ptal. Ale nevím, nevím, jestli se někomu vyloženě chce to do toho tutoriálu přidat... Můžeš to navrhnout Davidovi Čápkovi, který je jejich autorem jestli se nepletu.

Nahoru Odpovědět
30.7.2017 18:12
Chyba-Jediná jistota v životě programátora.
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 6 zpráv z 6.