Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: scholl w Styczeń 20, 2010, 11:25:11 am

Tytuł: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
Wiadomość wysłana przez: scholl w Styczeń 20, 2010, 11:25:11 am
Witam wszystkich.
Mam problem. Sklepik już prawie jest gotowy, jednak chciałbym ustawić część stopki - footer na całą szerokość ekranu (w poziomie - repeat-x) - ponieważ baner w części header rozciąga się w ten sposób.

Teraz tak:
- dopisuję w kodzie globals.css w footer'ze:
background:url('../img/nazwa_pliku.jpg') bottom repeat-x;Wygląda to w całości tak:
#footer {
background:url('../img/nazwa_pliku.jpg') bottom repeat-x;
height: 60px;
width:100%;
clear: both;
}
Teoretycznie zrobiłem tło podobnie jak w części header, jednak w części header jest wszystko ok, a pozostał problem ze stopką.
Proszę o pomoc osoby znające rozwiązanie problemu.
Pozdrawiam.

 
Tytuł: Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
Wiadomość wysłana przez: ircykk w Styczeń 20, 2010, 04:43:26 pm
pokaż ten sklep, cały sklep ma stałą szerokość. zapewne tło headera jest na całą szerokość a nie sam header. reapat-x odpowiada za powtarzanie obrazka w poziome a nie za szerokość diva.
Tytuł: Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
Wiadomość wysłana przez: lof w Styczeń 21, 2010, 03:52:37 pm
musisz dodać w body jakiegoś jpg.
I od fooder musiałby zaczynać sie twój kolor( w JPGu) i dac pod tego jpg ten kolor który chcesz aby sie powtarzał...

np:

background: red url(obrazek.jpg);
i jak skończy sie fota bedzie kolor czerowny
Tytuł: Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
Wiadomość wysłana przez: slash5 w Styczeń 21, 2010, 05:07:54 pm
Musisz edytowac plik footer.tpl:

tak sie zaczyna:
   {if !$content_only}
         </div>

<!-- Right -->
         <div id="right_column" class="column">
            {$HOOK_RIGHT_COLUMN}
         </div>

<!-- Footer -->
      </div>

<div id="footer"> ................TWOJA TRESC STOPKI .....................



      </div>
   
   {/if}
   </body>
</html>
Tytuł: Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
Wiadomość wysłana przez: scholl w Styczeń 22, 2010, 08:49:52 am
Dziękuję za pomoc, spróbuje pogrzebać w kodzie wieczorkiem ;]