Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: patička vždy dole

Aktivity
Avatar
Adam Ježek
Tvůrce
Avatar
Adam Ježek:17.11.2014 13:32

Zdravim,
mám na webu pár stránek, kde text nezabírá celou obrazovku a patička místo toho, aby si udržela těch 40 pixelů dole, tak roztáhne až ke "konci" té stránky a rozhodně nevypadá pěkně, když přes 3/4 stránky je černej pruh a má nahoře něco napsáno. Snažil jsem se to někde najít, ale nějak to nejde, takže jak to udělat, aby byla dole?
Jinak patička vypadá takto:

<footer>
       <p><b>Nejaky text | <a class="bilytext"  href="nejakastranka.cz" target="_blank">odkaz</a></b></p>

   </footer>

V CSSku u ní momentálně mám jen nastavenou výšku na 40px, což je tomu asi úplně jedno :D a barvu textu.

Děkuju.

Odpovědět
17.11.2014 13:32
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Odpovídá na Adam Ježek
Josef Kuchař - Pepa489:17.11.2014 13:41

pokud jsem dobře pochopil co chceš, musíš tomu nastavit fixní pozici, podívej se na zdrojáky tohohle webu: http://virtualcompany.8u.cz/

Editováno 17.11.2014 13:41
Nahoru Odpovědět
17.11.2014 13:41
2x piš, jednou debuguj
Avatar
Jan Lupčík
Tvůrce
Avatar
Nahoru Odpovědět
17.11.2014 13:52
TruckersMP vývojář
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Josef Kuchař - Pepa489
Adam Ježek:17.11.2014 13:59

Tak někde bude chyba (tipuju mezi židlí a počítačem :D ). Dokonce sem to zkopíroval ze zdrojáků:

<footer class="footer footer-fixed-bottom">
        <p><b>nejaky text | <a class="bilytext"  href="nejakastranka.cz" target="_blank">odkaz</a></b></p>

  </footer>

v CCSku pak toto:

.footer{
        width:100%;
        height:50px;
        background-color:#1abc9c;
        text-align:center;
        color:white;
        line-height:50px;
}

.footer-fixed-bottom{
        position:fixed;
        bottom:0;
        left:0;
}

s tím, že můj kód k patičce jsem smazal
A patička se stále roztahuje přes většinu stránky
//EDIT: tak mě ještě napadá, nemá se i něco nastavit body, aby se roztáhlo přes celou stránku?

Editováno 17.11.2014 14:00
Nahoru Odpovědět
17.11.2014 13:59
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Adam Ježek:17.11.2014 14:08

Tak bůhví co tam mam. To co umim mi řiká, že oboje by mělo fungovat, jedno sem viděl dokonce v praxi, ale nic tam nefunguje. Tak kdyby jste byl někdo tak hodný a podíval se, co tam je za boudu http://parman.moxo.cz/ (ten web je pokusný pískoviště, tak to berte na vědomí :D )

Nahoru Odpovědět
17.11.2014 14:08
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Adam Ježek
Jan Lupčík:17.11.2014 14:57

Takže body zruš tu zelenou barvu a dej tam tu modrou.
Patičku si nastav takhle:

position: fixed;
width: 100%;
height: 40px;
bottom: 0;
left:0;
background-color: #34EB0D;

A pak tomu body nastav tu modrou, co máš v article a tu tam zruš, ať to splývá. No a pak už si to dej, jak chceš. :)

Nahoru Odpovědět
17.11.2014 14:57
TruckersMP vývojář
Avatar
Odpovídá na Adam Ježek
Neaktivní uživatel:17.11.2014 15:48

Vysvětlím ti to, ta zelená barva je barva pozadí těla, nejedná se o patičku. Patička na tvém webu nemá žádné pozadí, pokud ji nějaké nastavíš, tak to hezky uvidíš, potom ji jen stačí nastavit fixní pozici, výšku, bottom a left.

Jo a nezapomeň následně nastavit padding spodku těla stránky na více než 40 px, neboť dlouhý text by se za tu patičku schovával :)

body{
padding-bottom: 40px;
}
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
17.11.2014 15:48
Neaktivní uživatelský účet
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Adam Ježek:17.11.2014 16:41

Díky :) ono se to celé chovalo divně, když jsem u všeho v ccsku odebral pozadí, tak na stránce stále bylo, nějak zůstalo načtené staré css (či co), po restartu XAMPu to začalo chodit normálně

Nahoru Odpovědět
17.11.2014 16:41
Počkej chvíli, poradím se s křišťálovou koulí.
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 8 zpráv z 8.