Diskuze: Border-image-source

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Jan Jedlička

Člen

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

Alexej Haman

Člen

Alexej Haman:30.7.2017 13:30

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

Nahoru Odpovědět

30.7.2017 13:30

jakubho

Člen

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.

Štěpán Halíř

Člen

Š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č

Nahoru Odpovědět

30.7.2017 14:35

Jan Jedlička

Člen

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

jakubho

Člen

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.

Nejčastěji vyhledáváné

Diskuze: Border-image-source