Diskuze: Footer

HTML a CSS HTML a CSS Footer American English version English version

Avatar
Lucie
Člen
Avatar
Lucie:

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;leo@seznam.cz</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. května 12:45
Avatar
Eda Stehlík
Člen
Avatar
Eda Stehlík:

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. května 22:56
Avatar
Lucie
Člen
Avatar
Lucie:

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. května 9:32
Avatar
solta
Člen
Avatar
Odpovídá na Lucie
solta:

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

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

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

Editováno 1. června 14:54
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět 1. června 14:52
Avatar
Lucie
Člen
Avatar
Odpovídá na solta
Lucie:

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

 
Nahoru Odpovědět 2. června 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.