Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

HALP! нужна помощь по footer, шаблон стандартный по умолчанию


Recommended Posts

Братцы, помогите пожалуйста доработать footer, мозг кипит, гуглу натёр "мазоли", никак не могу найти хотя бы близкого решения для своего сайта по подвалу.

Шаблон стандартный по дефолту, сделал его резиновым, но никак не могу доработать следующее:

Необходимо поместить в footer два изображения, одно по правую сторону, второе по левую и естественно общий фон (шириной в 1px с нужной высотой для состыковки)

Не уверен точно, возможно надо внести изменения в footer.tpl

Без вашей помощи никак не могу решить эту задачу.

Век буду благодарен за помощь!!

CSS:

#footer {

height:180px;

background: transparent url('../image/footer_bg.jpg') repeat-x;

margin-right: 45px;

min-width:640px;

}

Вроде бы вывести фон в футер удалось, а вот картинки никак не получается, нужна вероятнее всего помощь в доработке footer.tpl

ПОМОГИТЕ ПОЖАЛУЙСТА

#footer h3 {

color: #000000;

font-size: 14px;

margin-top: 0px;

margin-bottom: 8px;

}

#footer .column {

float: left;

padding-left: 30px;

padding-top: 10px;

width: 15%;

min-height: 100px;

}

#footer .column ul {

margin-top: 0px;

margin-left: 8px;

padding-left: 12px;

}

#footer .column ul li {

margin-bottom: 3px;

}

#footer .column a {

text-decoration: none;

color: #000;

}

#footer .column a:hover {

text-decoration: underline;

}

FOOTER.TPL

<div id="footer">

<div class="column">

<h3><?php echo $text_information; ?></h3>

<ul>

<?php foreach ($informations as $information) { ?>

<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>

<?php } ?>

</ul>

</div>

<div class="column">

<h3><?php echo $text_service; ?></h3>

<ul>

<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>

<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>

<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>

</ul>

</div>

<div class="column">

<h3><?php echo $text_extra; ?></h3>

<ul>

<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>

<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>

<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>

<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>

</ul>

</div>

<div class="column">

<h3><?php echo $text_account; ?></h3>

<ul>

<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>

<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>

<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>

<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>

</ul>

</div>

<div class="column">

<!--LiveInternet counter--><!--/LiveInternet-->

</div>

</div>

<div id="footer2"></div>

</div>

</body></html>

Надіслати
Поділитися на інших сайтах


Это и есть Ваше решение

<div class="column">
<!--LiveInternet counter--><!--/LiveInternet-->
</div>
добавте вначале и в конце по одному <div class="column">

<div class="column">
Тут ваше изображение
</div>
Надіслати
Поділитися на інших сайтах

Это и есть Ваше решение

<div class="column">
<!--LiveInternet counter--><!--/LiveInternet-->
</div>
добавте вначале и в конце по одному <div class="column">

<div class="column">
Тут ваше изображение
</div>

Вы меня немного не поняли )

Решение было таким:<div id="footer">

<img id="footer-left" src="http://auto-pickup.ru/catalog/view/theme/default/image/footer_l.jpg" />

<img id="footer-right" src="http://auto-pickup.ru/catalog/view/theme/default/image/footer_r.jpg" />

осталось только подогнать блоки с информацией, над этим парюсь сейчас

Надіслати
Поділитися на інших сайтах


Ещё вопрос такой

при создании резинового дизайна, на сколько верное решение допустить при резинке отступы по бокам пикселей по 10 ?

правда при этом появляется скролл внизу браузера в IE, в мозилле смотрится нормально

Или всё же делать растяжку на весь экран ?

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.