html stránka který element dělá šírku
Na html stránce jeden element roztahoval šířku tak, že nebyla vhodná pro chytré telefony.
Zjistit, který element to dělá, je detektivka.
V Google Chrome prohlížeči je možnost otevřít si vývojářskou konzoli pomocí klávesy F12.
Kliknout na šipku a pak na patřičný element, kde jsem čekal chybu, v záložce Elements.
Zjistil jsem, že html kontejner je užší, než ostatní elementy, i když měl šířku 100% a
to dole v konzoli, kde se vypsaly všechny nadřazené elementy elementu, na který jsem klikl.
Postupně jsem myší přejížděl nad nadřazenými elementy a viděl, že všechny mají užší šířku,
dle namodralé ploše pohybující vyznačující element na stránce.
Pak jsem přejel nad tabulku nadřazenou přímo elementu a tam již vykazovala šířku větší než HTML tag element.
Zkusil jsem tabulku zúžit na width:50%
Styl lze snadno upravit v pravém poli vývojářské konzole pod hlavičkou STYLES - element.style.
Tabulka již vykazovala zúžení, ale stále tam byl nějaký element, který byl širší.
Najel jsem na tlačítko, označil jej, viz na obrázek tmavě šedý proužek a zkusil jsem mu mu zmenšit šířku natvrdo,
tedy na 200px. Stránka okamžitě splaskla - byl nalezen problém.
Tedy po delším zkoušení nakonec problém dělalo tlačítko input type button, které mělo delší text,
jenž se na malých obrazovkách ještě zvětšil, měl jsem to ve style.css tak nadefinováno.
Tlačítko INPUT jsem změnil na DIV, text zkrátil a vše bylo již v pořádku.
Místo INPUT, pokud je to možné, raději používat elementy SPAN, DIV, A s událostí onclick.
Najel jsem kurzorem nad tag HTML a hned viděl, že ten stránku nerozšiřuje a není příčinou problému, pak jsem přejel nad další tag a postupoval až k tagu, který již byl širší než HTML a v něm byl problémový element.

Zjistit, který element to dělá, je detektivka.
V Google Chrome prohlížeči je možnost otevřít si vývojářskou konzoli pomocí klávesy F12.
Kliknout na šipku a pak na patřičný element, kde jsem čekal chybu, v záložce Elements.
Zjistil jsem, že html kontejner je užší, než ostatní elementy, i když měl šířku 100% a
to dole v konzoli, kde se vypsaly všechny nadřazené elementy elementu, na který jsem klikl.
Postupně jsem myší přejížděl nad nadřazenými elementy a viděl, že všechny mají užší šířku,
dle namodralé ploše pohybující vyznačující element na stránce.
Pak jsem přejel nad tabulku nadřazenou přímo elementu a tam již vykazovala šířku větší než HTML tag element.
Zkusil jsem tabulku zúžit na width:50%
Styl lze snadno upravit v pravém poli vývojářské konzole pod hlavičkou STYLES - element.style.
Tabulka již vykazovala zúžení, ale stále tam byl nějaký element, který byl širší.
Najel jsem na tlačítko, označil jej, viz na obrázek tmavě šedý proužek a zkusil jsem mu mu zmenšit šířku natvrdo,
tedy na 200px. Stránka okamžitě splaskla - byl nalezen problém.
Tedy po delším zkoušení nakonec problém dělalo tlačítko input type button, které mělo delší text,
jenž se na malých obrazovkách ještě zvětšil, měl jsem to ve style.css tak nadefinováno.
Tlačítko INPUT jsem změnil na DIV, text zkrátil a vše bylo již v pořádku.
Místo INPUT, pokud je to možné, raději používat elementy SPAN, DIV, A s událostí onclick.
Obrázek ukazuje vývojářskou konzoli prohlížeče Google Chrome a šířku elementů, když se přejíždí nad jejich seznamem myší.
Najel jsem kurzorem nad tag HTML a hned viděl, že ten stránku nerozšiřuje a není příčinou problému, pak jsem přejel nad další tag a postupoval až k tagu, který již byl širší než HTML a v něm byl problémový element.

115LW NO topic_id
AD
Další témata ....(Topics)
K notebooku je výborné si opatřit bezdrátovou myš pr pohyb kurzoru.
Je to mnohem snadnější, než posouvat kurzor pomocí touchepadu.
Jinak si vystačíme se základním vybavením notebooku.
Rolování stránky
- kolečkem myši
- klávesami šipkami nahoru, dolu
- klávesami PageUp, PageDown
- klávesami Home, End
- posuv prstem po pravém okraji touchepadu
Posuv kurzoru
- pohybujeme myší
- prstem pohybujeme po touchpadu ve směru, kam chceme kurzor přesunout
Otvírání odkazů, programů, složek pomocí touchpadu
Kurzor přemístíme nad požadovaný objekt a buď provedeme dvojklik na střed
touchpadu, nebo levým tlačítkem touchpadu potvrdíme výběr.
Touchpad notebook obrázek
Levým tlačítkem potvrzujeme nabídku, nebo provádím dvojklik na ikonu programu pro jeho spuštění.
Středním tlačítkem můžeme posouvat stránku pokud máme na klávesnici joystick.
Pravým tlačítkem vyvoláme nabídku - menu stránky, či programu.
Dotyková obrazovka
je vynikající pomocník pro práci s notebookem "na klíně".
Prstem vyberete objekt a proklikem spustíte. Ovládání notebooku
například v posteli či ve vlaku je pak mnohem rychlejší a pohodlnější.
Klávesa Fn na notebooku
Pokud tuto klávesu stiskneme a pak stiskneme nějakou jinou můžeme měnit různá nastavení, nebo notebook uspat - hibernace.
U každého notebooku k té či oné akci může být třeba jiná kombinace.
- Fn + PageUp (nastavení kontrastu obrazovky)
- Fn + PageDown (osvícení klávesnice, podsvícení monitoru)
- Fn + F4 (uložení do stavu spánku)
Pokud máte návod k notebooku je třeba si přečíst, co jednotlivé kombinace umějí, k čemu slouží.
Není to u všech notebooků stejné.
Například:
- Fn + F7 nebo F8 slouží k nastavení hlasitosti, ale nemusí všude fungovat.
Je to mnohem snadnější, než posouvat kurzor pomocí touchepadu.
Jinak si vystačíme se základním vybavením notebooku.
Rolování stránky
- kolečkem myši
- klávesami šipkami nahoru, dolu
- klávesami PageUp, PageDown
- klávesami Home, End
- posuv prstem po pravém okraji touchepadu
Posuv kurzoru
- pohybujeme myší
- prstem pohybujeme po touchpadu ve směru, kam chceme kurzor přesunout
Otvírání odkazů, programů, složek pomocí touchpadu
Kurzor přemístíme nad požadovaný objekt a buď provedeme dvojklik na střed
touchpadu, nebo levým tlačítkem touchpadu potvrdíme výběr.
Touchpad notebook obrázek
Levým tlačítkem potvrzujeme nabídku, nebo provádím dvojklik na ikonu programu pro jeho spuštění.
Středním tlačítkem můžeme posouvat stránku pokud máme na klávesnici joystick.
Pravým tlačítkem vyvoláme nabídku - menu stránky, či programu.

Dotyková obrazovka
je vynikající pomocník pro práci s notebookem "na klíně".
Prstem vyberete objekt a proklikem spustíte. Ovládání notebooku
například v posteli či ve vlaku je pak mnohem rychlejší a pohodlnější.
Klávesa Fn na notebooku
Pokud tuto klávesu stiskneme a pak stiskneme nějakou jinou můžeme měnit různá nastavení, nebo notebook uspat - hibernace.
U každého notebooku k té či oné akci může být třeba jiná kombinace.
- Fn + PageUp (nastavení kontrastu obrazovky)
- Fn + PageDown (osvícení klávesnice, podsvícení monitoru)
- Fn + F4 (uložení do stavu spánku)
Pokud máte návod k notebooku je třeba si přečíst, co jednotlivé kombinace umějí, k čemu slouží.
Není to u všech notebooků stejné.
Například:
- Fn + F7 nebo F8 slouží k nastavení hlasitosti, ale nemusí všude fungovat.
Pokud máme špatný zrak je nutné používat brýle, jinak Vás u PC
začnou brzy bolet oči i hlava. Je to tím, že mozek musí "dokreslit"
rozmazaný obraz do použitelné podoby a to ho velmi zatěžuje,
a proto ty bolesti hlavy.
Občas je vhodné brýle zanést odborníkovi a vyčistit je ultrazvukem,
nechat dotáhnout šroubky.
Na uložení brýlí používáme pouzdro pro to určené.
Brýle čistíme vlažným mýdlovým přípravkem (tekuté mýdlo),
či během dne přípravky zakoupeným v optice na čistění brýlí.
Lunet 30 ml s rozprašovačem, antistatický čisticí přípravek pro čištění brýlí.
Používáme zásadně mikrotenové utěrky a hadříky určené k čistění brýlí,
jinak oblečením, či papírem skla poškrábeme a do roka znehodnotíme.
Brýle nesmí přijít do styku s chemikáliemi a barvami.
Chráníme je před mastnotami.
Nepokládáme sklem na tvrdou podložku.
začnou brzy bolet oči i hlava. Je to tím, že mozek musí "dokreslit"
rozmazaný obraz do použitelné podoby a to ho velmi zatěžuje,
a proto ty bolesti hlavy.
Občas je vhodné brýle zanést odborníkovi a vyčistit je ultrazvukem,
nechat dotáhnout šroubky.
Na uložení brýlí používáme pouzdro pro to určené.
Brýle čistíme vlažným mýdlovým přípravkem (tekuté mýdlo),
či během dne přípravky zakoupeným v optice na čistění brýlí.
Lunet 30 ml s rozprašovačem, antistatický čisticí přípravek pro čištění brýlí.
Používáme zásadně mikrotenové utěrky a hadříky určené k čistění brýlí,
jinak oblečením, či papírem skla poškrábeme a do roka znehodnotíme.
Brýle nesmí přijít do styku s chemikáliemi a barvami.
Chráníme je před mastnotami.
Nepokládáme sklem na tvrdou podložku.
Je rychlejší HDD hard disk, nebo přenosný disk usb - flash paměť?
Pevný disk - HDD - většinou součást počítače:
Pomalejší vyhledání správného místa na disku
Velmi rychlý přenos dat
USB klíčenka - přenosné paměťové médium:
Velmi rychlé vyhledání dat
Velmi pomalý přenos dat
Zhodnocení:
Klíčenka USB bude vítězit ve vyhledávání a přenosu malých souborů, či malého objemu dat.
Pevný disk bude rychlejší v přenosu velkého objemu dat - velkých souborů.
SSD disk - střední "zlatá" cesta
SSD disk spojuje výhody obou srovnávaných zařízení.
Umožňuje rychlé vyhledání dat na něm uložených, ale také jejich rychlejší přenos, než je tomu u USB klíčenky.
Pevný disk - HDD - většinou součást počítače:
Pomalejší vyhledání správného místa na disku
Velmi rychlý přenos dat
USB klíčenka - přenosné paměťové médium:
Velmi rychlé vyhledání dat
Velmi pomalý přenos dat
Zhodnocení:
Klíčenka USB bude vítězit ve vyhledávání a přenosu malých souborů, či malého objemu dat.
Pevný disk bude rychlejší v přenosu velkého objemu dat - velkých souborů.
SSD disk - střední "zlatá" cesta
SSD disk spojuje výhody obou srovnávaných zařízení.
Umožňuje rychlé vyhledání dat na něm uložených, ale také jejich rychlejší přenos, než je tomu u USB klíčenky.
- musím upravit všechny adresy ve scriptech a databázích, především obrázků a souboru javascript, css atd. aby nezačínaly na //, ale
pokud to jde tak na php proměnnou, kterou pak jen upravím a bude v config.php souboru. Po přechodu na HTTPS, se proměnná automaticky změní.
Adresy mohou také začínat jen na dvě lomítka, tedy místo //bla.cz tak jen //bla.cz - moderní prohlížeče již si cestu najdou. - pozor na soubory z jiných domén, které nemají HTTPS šifrování. Např. obrázky z http domén raději vyřadit
- vyhledávat v souborech src="// i pomocí regex a testovaní je možné na https://regex101.com/r/kG0uE1/2
- projít .htaccess soubory, zda neodkazují na HTTP
- upravit sitemap.txt a robots.txt
- soubory jsem stáhl a upravoval na PC pomocí FileZilla programu
- Pro forum běžící na phpbb je třeba otevřít Admin panel a na kartě Security - Zabezpečení : zadat kořenovou složku namísto HTTP://MOJE_FORUM.CZ/FORUM na HTTPS://MOJE_FORUM.CZ/FORUM
- SSL certifikát může být i bezplatný, ale musí jej server podporovat, je třeba se poradit na hostingu
- zkontrolovat Autorizacni email pro zaslání ssl, na své doméně, kam bude zaslán certifikát např. admin@moje_domena.cz
- zakoupit certifikát (pokud nemůžete mít zdarma let's encrypt free ssl) např. na https://www.ssls.cz/certifikaty/
Regulární výrazy pro hledání odkazů
http:\/\/[a-z]+-?[a-z]*.domena.cz // Toto je regex ktery najde i s pomlckou - slovo-slovo.domena.cz
http://bla-bla.domena.cz/nic.php http://bla-bla.domena.cz/nic.php regex: http:\/\/[a-z]+-?[a-z]*.domena.cz
http://bla.domena.cz/nic.php http://bla.domena.cz/nic.php regex: http:\/\/\w+.domena.cz
Pro Total Commander
Hledat soubory:> *.php; *.inc, *.html, *.htm, *.js, *.css
regex: http://.+okhelp
regex: (\<link)\s?.*href="http:\/\/
regex: (src=\s?\W?\Whttp:)|(<link) najde src="http: src= "http: src=\"http: a <link
src=\s?\W?\Whttp: obrazky zacinajici na http:
Wordpress HTTPS
Přihlásit se do administrace - Settings - General a přepsat HTTP na HTTPS

SQL databáze
Exportovat tabulky s posty např. wm_post jako SQL , editovat např. v
Notepad++, pak Truncate - vyprázdnit tabulku a znovu importovat upravenou.
HSTS nastavení
HSTS se týká nastavení serveru. Jakmile budete mít SSL certifikát a ten nainstalován na serveru, můžete požádat podporu poskytovatele hostingových služeb o nastavení HSTS nebo si HSTS můžete nastavit sami přidáním následujícího řádku na začátek souboru .htaccess (pokud neexistuje, stačí vytvořit nový) v kořenovém adresáři:
Header set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" env=HTTPS
Více o HSTS a návody k nastavení najdete na adrese https://ssls.cz/l/hsts
Přesměrování z HTTP na HTTPS v .htaccess
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [R,L]
#Také jsem přesměroval dle čísla portu:
RewriteCond %{SERVER_PORT} ^80$
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]
Banan.cz hosting mi napsal:
co se týče https pro Vaši doménu, tak jsou zde dvě varianty:
a) zajistíte si certifikát dle Vašich potřeb (po potvrzení o přijetí platby nám zašlete vystavený certifikát .CRT, klíč .KEY a certifikát certifikační autority .CRT), který Vám implementujeme za poplatek 400Kč.
b) dle Vašich požadavků (např. jaké konkrétní domény/subdomény si přejete provozovat na https, certifikát na rok nebo dva roky - výhodnější) Vám zajistíme certifikát na ssls.cz, který bude implementován, cena je v tomto případě součtem ceny certifikátu, zajištění 400Kč a implementace 400Kč. Po potvrzení o přijetí platby nám zašlete požadavek o dokončení implementace ssl.
(Ceny jsou uvedeny bez DPH, viz //www.banan.cz/sluzby/balicky-sluzeb . Cena implementace se vztahuje na certifikát pro jednu adresu, v případě certifikátu pro více subdomén/domén je závislá na jejich počtu).
Konkrétní požadavky je třeba zaslat z autorizovaného emailu.
- minimalizujte všechny aplikace do lišty programů (win+M)
- pravým myším klikněte na plochu obrazovky a zvolte Přizpůsobení (Personalize)
- zvolte Display - obrazovka
- zvolte Nastavení jasu
- zvolte Podrobné nastavení u pro jednotlivé režimy
Viz obrázky níže:

- pravým myším klikněte na plochu obrazovky a zvolte Přizpůsobení (Personalize)
- zvolte Display - obrazovka
- zvolte Nastavení jasu
- zvolte Podrobné nastavení u pro jednotlivé režimy
Viz obrázky níže:




Editace: 15.5.2020 - 11:03
Počet článků v kategorii: 115
Url:html-stranka-ktery-element-dela-sirku-id-2311