NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Porblém s umístěním google kalendáře

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

Aktivity
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 12:13 
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;height=400&amp;wkst=2&amp;hl=cs&amp;bgcolor=%23FFFFFF&amp;src=fhnimef7lg6n9j0h4der0trf68%40group.calendar.google.com&amp;color=%235229A3&amp;ctz=Europe%2FPrague" style="border-width:0" width="600" height="400" frameborder="0" scrolling="no"></iframe>

Mám problém že mí nejde umístit na stránku do leva ani nikam jinam je fůrt na prostředku a vůůbec nevím proč. Tady je kód toho kalendáře.

 
Odpovědět
10.2.2018 12:13
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 13:35

Jinak to je na webu jolo55.borec.cz

 
Nahoru Odpovědět
10.2.2018 13:35
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Hudec
Jan Lupčík:10.2.2018 13:47

Ten <iframe> máš v elementu, který má nastavený max-width: 800px, což je přesně šířka toho kalendáře. A ten je vycentrovaný (má nastavený margin-left a margin-right na hodnotu auto). Pokud zrušíš vycentrování toho rodičovského elementu, můžeš si s tím pak pozicovat jak chceš. :)

Nahoru Odpovědět
10.2.2018 13:47
TruckersMP vývojář
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Martin Hudec
Aaa Aaa:10.2.2018 13:49

Problém bych hledal spíš v tom divu, ve kterém je to umístěné, než v inframe. Když u toho divu <div class="container tim-container"> zruším

margin-right: auto;
margin-left: auto;

Tak se to zarovná doleva.
Edit: Je to přesně jak píše IT Man, nevšiml jsem si, že to stihl napsat přede mnou.

Editováno 10.2.2018 13:51
 
Nahoru Odpovědět
10.2.2018 13:49
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 16:08

Bouhužel nemůžu najít ten <div class="container tim-container"> v css souborech a změnit to. Není tu jiné řešení?

 
Nahoru Odpovědět
10.2.2018 16:08
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Martin Hudec
Aaa Aaa:10.2.2018 16:12

Mělo by to být v http://jolo55.borec.cz/…ootstrap.css zhruba na řádku 785.

 
Nahoru Odpovědět
10.2.2018 16:12
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 16:32

Je to tam, ale fůrt s tím nemůžu hnout

 
Nahoru Odpovědět
10.2.2018 16:32
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Hudec
Jan Lupčík:10.2.2018 16:42

Právě, ten margin-left ani margin-right tam nemají být. Odstraň tomu rodičovskému elementu u toho kalendáře třídu container a nastyluj si to podle sebe. :)

Nahoru Odpovědět
10.2.2018 16:42
TruckersMP vývojář
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Martin Hudec
Aaa Aaa:10.2.2018 16:43

Pokud to smažeš mělo by se to posunout doleva. Pokud ne, tak zkus ctrl+F5.

 
Nahoru Odpovědět
10.2.2018 16:43
Avatar
Martin Hudec
Člen
Avatar
Odpovídá na Aaa Aaa
Martin Hudec:10.2.2018 17:00

Ano posune ale pak s tím nejde nic udělat

 
Nahoru Odpovědět
10.2.2018 17:00
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Martin Hudec
Aaa Aaa:10.2.2018 17:05

Nevidím důvod, proč by s tím potom nešlo nic udělat. Co konkrétně chceš udělat?

 
Nahoru Odpovědět
10.2.2018 17:05
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 17:06

Jsem ochotný i poskytnout soubory

 
Nahoru Odpovědět
10.2.2018 17:06
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 17:07

Posunout nahoru doleva a potom tam přidat ještě pár rámečku

 
Nahoru Odpovědět
10.2.2018 17:07
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Martin Hudec
Aaa Aaa:10.2.2018 17:15

Tak doleva to posuneš smazáním toho marginu a nahoru tím, že smažeš ten padding-top: 100px který je nastavený přímo v html, pokud to teda není přidané pomocí js.

Akceptované řešení
+20 Zkušeností
Řešení problému
 
Nahoru Odpovědět
10.2.2018 17:15
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 17:25 
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;height=400&amp;wkst=2&amp;hl=cs&amp;bgcolor=%23FFFFFF&amp;src=fhnimef7lg6n9j0h4der0trf68%40group.calendar.google.com&amp;color=%235229A3&amp;ctz=Europe%2FPrague" style="border-width:0" width="600" height="400" frameborder="0" scrolling="no"></iframe>
           <style>
             {
             Position: absolute;
             top: 50px;
             }
             </style>

Tak by se to mělo posunout, ale což se něděje.

 
Nahoru Odpovědět
10.2.2018 17:25
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Hudec
Jan Lupčík:10.2.2018 17:36
  1. Neodkazuješ na žádný element. Takhle stylování nefunguje. Doporučuji ti projít si místní tutoriál: https://www.itnetwork.cz/…bove-stranky
  2. Pozicování přes vlastnost position s hodnotou absolute? Takhle určitě ne. Postupuj podle rad výše, které jsme ti tady poskytli. :)
Nahoru Odpovědět
10.2.2018 17:36
TruckersMP vývojář
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:10.2.2018 18:32

Děkuji moc za vše. A teď nevím koho z vás mám označit za pomoc

 
Nahoru Odpovědět
10.2.2018 18:32
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 17 zpráv z 17.