LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
26.05.2012, 23:52:02 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Форум русской поддержки Joomla! CMS > Шаблоны и дизайн > Joomla 1.5: Шаблоны > Joomla 1.5: Разработка шаблонов (Модератор: PaLyCH) > Тема: Помогите подправить шаблон. Проблема с СSS
Страниц: [1]   Вниз
« предыдущая тема следующая тема »
  Добавить закладку  |  Печать  
Автор Тема: Помогите подправить шаблон. Проблема с СSS  (Прочитано 1181 раз)
0 Пользователей и 1 Гость смотрят эту тему.
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« : 14.12.2010, 19:33:08 »
Помогите, пожалуйста, мне опустить боковые панели к футеру при помощи CSS.

Пруфпик.

Файлы:
index.php
template.css

Если нужно, могу выложить png от шаблона.

П.С. я начинающий, и шаблон тестовый, по этому там может быть лишний/бредовый код
« Последнее редактирование: 14.12.2010, 19:56:36 от aleshenjkee » Записан
asomnia
Давно я тут
****

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 208
« Ответ #1 : 14.12.2010, 20:06:37 »
четче сформулируйте что Вам нужно
Записан
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« Ответ #2 : 14.12.2010, 20:24:29 »
Цитата: asomnia от 14.12.2010, 20:06:37
четче сформулируйте что Вам нужно

Вот изображение с небольшой разметкой. Красным выделены sidebar (левая колнка) и sidebar-2 (правая колонка), зеленым - footer. Так вот, мне нужно опустить sidebar и sidebar-2 к footer'у.

 Правило для: #sidebar,#sidebar-2 {float:left; width:20%; overflow:hidden; background:#9D9D9D}
Мне нужно, чтоб этот цвет оставался по бокам до самого footer'а, но чтоб это сделать, нужно опустить sidebar и sidebar-2 к footer'у.
« Последнее редактирование: 14.12.2010, 20:28:56 от aleshenjkee » Записан
asomnia
Давно я тут
****

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 208
« Ответ #3 : 14.12.2010, 20:41:49 »
тут надо понимать строение сайта
согласитесь 2 колонки по бокам, контент там не дотягивает до футора и содержимое средней колонки все время меняется- поэтому вариантов чистых в верстке маловато..

вариант решения №1

сделать полоску в 1px высотой - вот примерный скрин http://prntscr.com/1ae3l (если поймете о чем я)
эти блоки в index.php обвернуть  в div  c id каким-то , этому диву дать св-ва width (ширина сайта), background (назначить эту картинку повтор по y ) и  еще возможно какие-то св-ва

Код:
#
<div id="sidebar">
                <div class="inside">
                        <jdoc:include type="modules" name="left" style="xhtml" />
                </div>
        </div>
        <div id="content<?php echo $contentwidth; ?>">
                <div class="inside">
                        <jdoc:include type="module" name="breadcrumbs" style="none" />
                        <jdoc:include type="component" />
                </div>
        </div>
        <div id="sidebar-2">
                <div class="inside">
                        <jdoc:include type="modules" name="right" style="xhtml" />
                </div>
        </div>

таким образом получите блок который будет высотой - равной высоте средней колонки, у которого будет назначен бг - который соответствует нужному, но при этом боковые колонки будут оставаться такими же ...юзайте )))
Записан
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« Ответ #4 : 14.12.2010, 21:30:00 »
asomnia, какая-то путаница выходит... Может, Вы не до конца меня поняли?

Я учусь создавать шаблон для Joomla 1.5. Шаблон уже физически есть, а его файлы (index.php и template.css) я выложил в первом сообщении. Всё это написано мною при помощи одного мануала.
Блоки со своими id есть, правило СSS (width, background etc)  для этих блоков есть, всё это было.

Я вижу, что сайдбары по своему содержимому выводятся. А мне нужно, чтоб сайдбары были до самого футера, а не по своему содержимому.

И при "background:url('../images/image.png') repeat-y" сайдбары не опускаются до футера.
« Последнее редактирование: 14.12.2010, 21:37:53 от aleshenjkee » Записан
asomnia
Давно я тут
****

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 208
« Ответ #5 : 14.12.2010, 21:50:51 »
думаю, что cкорее Вы меня не понимаете

нужно чтоб стало так http://prntscr.com/1aed8 ?
Записан
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« Ответ #6 : 14.12.2010, 21:52:22 »
Да, так.
Записан
asomnia
Давно я тут
****

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 208
« Ответ #7 : 14.12.2010, 21:59:37 »
тогда делайте общий див для блоков в рамке http://prntscr.com/1aeds
ему назначьте background - картинку http://prntscr.com/1aeet - выделила рамкой - что б вы поняли какая должна быть картинка - какая высота не принципиально - главное суть понять

но блоку по мимо бг нужно назначить ширину  и еще скорее всего св-во overflow:hidden;

так как Вы новичек , объяснить вам сложно
Записан
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« Ответ #8 : 14.12.2010, 22:19:52 »
Цитата: asomnia от 14.12.2010, 21:59:37
тогда делайте общий див для блоков в рамке http://prntscr.com/1aeds
ему назначьте background - картинку http://prntscr.com/1aeet - выделила рамкой - что б вы поняли какая должна быть картинка - какая высота не принципиально - главное суть понять

но блоку по мимо бг нужно назначить ширину  и еще скорее всего св-во overflow:hidden;

так как Вы новичек , объяснить вам сложно

Ах, понял всё!

Цитата: asomnia от 14.12.2010, 21:59:37
тогда делайте общий див для блоков в рамке http://prntscr.com/1aeds

Только тут не совсем понял. Sad
Как именно? Вот так:
Код:
<body>
<div id="wrap">
<div id="header">
<div class="inside">
<h1><?php echo $mainframe->getCfg('sitename');?></h1>
<jdoc:include type="modules" name="user1" style="none" />
</div>
</div>
<div id="top">
<div class="inside">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
</div>
<div id="wrap2">
<div id="sidebar">
<div class="inside">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<div id="content<?php echo $contentwidth; ?>">
<div class="inside">
<jdoc:include type="module" name="breadcrumbs" style="none" />
<jdoc:include type="component" />
</div>
</div>
<div id="sidebar-2">
<div class="inside">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
</div>
<div id="wrap">
<div id="footer">
<div class="inside">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>
</div>
</body>
?
Записан
asomnia
Давно я тут
****

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 208
« Ответ #9 : 14.12.2010, 22:23:42 »
угу..все верно
id="wrap2" - для него все ,что описано выше
Записан
aleshenjkee
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 6
« Ответ #10 : 14.12.2010, 22:29:17 »
Спасибо за помощь. :-)
Сейчас, к сожалению, не смогу сделать, сделаю завтра.

Еще раз спасибо. :-)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
Форум русской поддержки Joomla! CMS > Шаблоны и дизайн > Joomla 1.5: Шаблоны > Joomla 1.5: Разработка шаблонов (Модератор: PaLyCH) > Тема: Помогите подправить шаблон. Проблема с СSS
 « предыдущая тема следующая тема »
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet