Diskuze: Footer

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

Aktivity

Lucie

Člen

Lucie:27.5.2016 12:45

Ahoj, jsem začátečník a zkouším si vytvořit 1. stránku. Používám k tomu bootstrap. Mám problém s patičkou. Když jsem mapě a kontaktním údajům nastavila col-sm-4, tak se mi patička přestala stylovat a mapa s kontaktem jsou vnořeny v patičce. Předtím patička vypadala, jak měla. V sublime text se mi třída .my-footer zobrazuje bíle, asi mi ji vůbec nebere. Prosím o rady, jak to z té patičky oddělám a aby se mi opět nastylovala patička jako předtím. Děkuji.

HTML

<div class="col-md-4 col-xs-12 adress">
<h3> Fakturační údaje </h3>
<p>Leoš Zejer
    <br>
   U sousedů 126/10
   <br>
   789 01, Přerov
   <br>
   IČO: 5679032
   <br>
   Podnikatel zapsán v živnostenském rejstříku MÚ Přerov </p>
    </div>

<div class="col-md-4 col-xs-12 phone">
  <h3> Kontakt</h3>
<p><span class="glyphicon glyphicon-earphone"> </span>  +420 267 890 657
    <br>
<span class="glyphicon glyphicon-envelope"> </span> &nbsp;[email protected]</p>
</div>

<div class="col-md-4 col-xs-12 mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2570.91974049317!2d16.867166615710868!3d49.88153377940092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471211c2cb536e65%3A0xb2aef12c9bad99fc!2zS29wZcSNbsOhIDEyNi8xMCwgNzg5IDAxIFrDoWLFmWVo!5e0!3m2!1scs!2scz!4v1463139470241" width="400" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>


<footer>
    <div class="my-footer">

    <p> <span class="footer-mail"> </span> Napište mi na mail leo(zavináč)seznam.cz</p>
     <p> <span class="footer-copyright"> </span> &copy; 2016 Všechna práva vyhrazena </p>

</div>
</footer>
</div>
</body>
</html>

Odpovědět

27.5.2016 12:45

Eda Stehlík

Člen

Eda Stehlík:27.5.2016 22:56

Bootstrap jsem nikdy nedělal, ale zkusila jsi dát pryč tu třídu my-footer a stylovat pouze footer?
Znovu opakuji, že s Bootstrapem nemám zkušenosti, ale tohle mě napadlo jako první!

Nahoru Odpovědět

27.5.2016 22:56

Lucie

Člen

Lucie:31.5.2016 9:32

Ahoj, díky za nápad, ale tím to nebylo. Už jsem to vyřešila, stačilo dát clear:both :-)

Nahoru Odpovědět

31.5.2016 9:32

solta

Člen

solta:1.6.2016 14:52

musíš to co je nad patičkou uzavřít do

<div class="row">
...
</div>

viz http://getbootstrap.com/css/#…

Editováno 1.6.2016 14:54

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

1.6.2016 14:52

Lucie

Člen

Lucie:2.6.2016 9:15

ano, přesně tak jsem to už vyřešila, díky za reakci :-)

Nahoru Odpovědět

2.6.2016 9:15

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 5 zpráv z 5.