Letní akce PHP týden
Pouze tento týden sleva až 80 % na kurzy PHP. Lze kombinovat s akcí Letní slevy na prémiový obsah!
Brno? Vypsali jsme pro vás nové termíny školení Základů programování a OOP v Brně!

Diskuze: Stejný prohlížeč, rozhozene zobrazení

Aktivity (1)
Avatar
Veronika
Člen
Avatar
Veronika:15. února 22:08

Ahoj, nevím si rady se zobrazením. Vytvořila jsem webovky za pomocí start bootstrap. Nahrání přes wedos proběhlo v pohodě. Pak jsem potřebovala přidat logo, galerii a další text. Nejprve jsem si to upravila u sebe v pc, výsledný vzhled jsem kontrolovala přes prohlížeč opera, vše v pořádku. Po nahrání na wedos se mi uplně rozhodilo zobrazení, jako by snad ani nefungovalo pořádně css. Přitom na zobrazení na telefonu vše fungovalo. Budu vděčná za jakoukoliv pomoc. Moc děkuju.

Zkusil jsem: Vymazala jsem si cache paměť v pc a s nulovým výsledkem.

 
Odpovědět 15. února 22:08
Avatar
Tomáš Novotný:15. února 22:40

Ahoj Verčo, možná by nebylo do věci nasdílet odkaz na tvé webovky... takto se dá jen těžko posoudit, kde by mohl být zádrhel.

Editováno 15. února 22:42
Nahoru Odpovědět  +2 15. února 22:40
∞ ... the exact amount of possibilities how to deal with the situation ... so by calm, your solution is one of many
Avatar
Veronika
Člen
Avatar
Odpovídá na Tomáš Novotný
Veronika:16. února 0:01

Jasně, hned zítra až budu u pc, tak vložím. Jelikož se mi to dneska tak rozházelo, tak jsem to raději odstranila, tak jsou teď webovky neaktivní. Díky moc za zájem.

 
Nahoru Odpovědět 16. února 0:01
Avatar
Veronika
Člen
Avatar
Veronika:16. února 13:14

Ahoj, tak vkládám zdrojový kód, znovu jsem se na to ráno koukala a netuším, kde jsem udělala chybu. Asi to bude něco triviálního, ale jelikož se učím metodou pokus omyl, tak budu vděčná za jakoukoliv připomínku. Obrázky jsou jak mi to vyhazuje po vložení loga na mém prohlížeči v opeře, když jsem si upravovala zdroj v notepadu a průběžně kontrolovala. A další pak jak se mi to zobrazilo po nahrání na web, otevřeno ve stejném prohlížeči v opeře.

zdroj - logo:
<body>
<img class="logo img-fluid rounded-circle clearfix" src="img/logo.png" alt="logo">
<h1 class="site-heading text-center text-white d-none d-lg-block">
<span class="site-heading-upper text-primary mb-3">Kavárna, obchod a e-shop</span>
<span class="site-heading-lower">Cafe Kalahari</span>
</h1>

<h1 class="text-center text-white d-lg-none d-block">
<span class="site-heading-small mb-3 d-lg-none">Kavárna, obchod a e-shop</span>
</h1>

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
<div class="container">
<img class="logomale img-fluid rounded-circle clearfix d-lg-none" src="img/logo­male.png" alt="logo">
Cafe Kalahari

css:

@media (min-width: 992px) {
.logo {
position: absolute;
margin-left: 80px;
margin-top: -10px;
}
}

@media (min-width: 992px) {
.logomale {
display: none;
}
}

@media (max-width: 992px) {
.logomale {
padding-top: 5px;
}
}

@media (max-width: 992px) {
.logo {
display: none;
}
}

zdroj galerie:
<section class="page-section">
<div class="container">

<div class="row">
<div class="col-xl-9 col-lg-10 mx-auto">
<div class="bg-faded rounded p-5">
<h2 class="section-heading mb-4">
<span class="section-heading-upper">Fotoga­lerie</span>
</h2>

<div id="album">
<img src="img/foto1_nah­led.jpg" alt="Kavárna" />
<img src="img/foto2_nah­led.jpg" alt="Kavárna" />
<img src="img/foto3_nah­led.jpg" alt="Kavárna" />
<img src="img/foto6_nah­led.jpg" alt="Soška" />
<img src="img/foto4_nah­led.jpg" alt="Káva" />
<img src="img/foto5_nah­led.jpg" alt="Zákusek" />
<img src="img/foto7_nah­led.jpg" alt="Zákusek" />
<img src="img/foto8_nah­led.jpg" alt="Zákusek" />
</div>

</div>
</div>
</div>
</div>
</section>

css:
#album img {
border: 1px solid gray;
padding: 6px;
box-shadow: 3px 3px 6px #999999;
margin-right: 6px;
margin-bottom: 6px;
}

Ještě jednou děkuju za jakoukoliv radu:-)

 
Nahoru Odpovědět 16. února 13:14
Avatar
Odpovídá na Veronika
Tomáš Novotný:16. února 13:19

Verčo, opravdu je potřeba poslat spíše odkaz na web a případně popsat problém, pokud není viditelný na první pohled, vytáhnout část kódu ze souborů bohužel jednoduchému řešení nepomůže... je to vytržené z kontextu

Nahoru Odpovědět 16. února 13:19
∞ ... the exact amount of possibilities how to deal with the situation ... so by calm, your solution is one of many
Avatar
Veronika
Člen
Avatar
Veronika:16. února 14:03

Jo, omlouvám se, zapomněla jsem na ten web. Nicmeně jsem z webu stejně to logo odstranila, když bylo nefunkční. www.cafekalahari.cz

Jde o to, že logo se má zobrazit na větším rozlišení nahoře nad menu, ve stejnm zarovnání jako nadpis, řešila jsem to přes pozicování absolutní, ale jakmile jsem to nahrála na web, tak se to umístilo do horního rohu, a ještě k tomu se to velké logo zobrazuje i na malých zařízeních, viz vlozeny obrázek, kde jsou loga dvě, jedno velké nahoře a jedno malé na liště menu. Nevím, možná mám v css @media nastavena špatně.

 
Nahoru Odpovědět 16. února 14:03
Avatar
Veronika
Člen
Avatar
Veronika:16. února 14:08

A ještě k te galerii, vložila jsem tam galerii, která byla popsaná zde na itnetworku, kdyz jsem to tvořila u sebe v pc, tak po otevření v opeře se to ukázalo tak, jak mělo. Ovšem když si teď otevřu přímo web, tak se mi veškeré úpravy nezobrazily, a galerie vypadá tak jak vypadá. Děkuju moc.

 
Nahoru Odpovědět 16. února 14:08
Avatar
Odpovídá na Veronika
Tomáš Novotný:16. února 14:13

Rozumím. Ručně jsem si doplnil tag s img a velkým logem a v chrome to funguje patrně podle očekávání je vedle nadpisu a pro width < 992px zmizí ... je možné logo vložit zpět do kódu? Zkusil bych i tu Operu.

Nahoru Odpovědět 16. února 14:13
∞ ... the exact amount of possibilities how to deal with the situation ... so by calm, your solution is one of many
Avatar
Tomáš Novotný:16. února 15:24

takže Verčo, replikoval jsem tvé webovky, můžeš mrknout zde https://tomas-novotny.eu/itnet/66326/
a patrně funguje vše jak má.... to jak v chrome tak opeře... a to jak s malým velkým logem tak patrně s galerií..
zádrhel nebude patrně ve webovkách ale v prohlížeči...

Nahoru Odpovědět 16. února 15:24
∞ ... the exact amount of possibilities how to deal with the situation ... so by calm, your solution is one of many
Avatar
Veronika
Člen
Avatar
Veronika:16. února 22:47

Super, díky moc Tome za vyzkoušení a za radu. Ozkouším to taky na jiných zařízeních.

 
Nahoru Odpovědět 16. února 22:47
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 10 zpráv z 10.