X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по CSS и нужна еще парочка скриптов
scanread
scanread
Topic Starter сообщение 21.6.2011, 19:23; Ответить: scanread
Сообщение #1


В общем, у меня бакалаврская работа по инет-магазину, и как бы я с версткой не очень, есть парочка моментов.

Прилагаю скрин:

Прикрепленное изображение


Правый блок на белом фоне, т.е., он автоматом идет вниз и проблем нету, а вот часть левая, там где меню, надо бы чтобы ушла вниз, и сравнялась с правым блоком.

Код левой части меню:

#left-block {
     position: absolute;
     left: 0px;
     top: 240px;
     padding-top: 20px;
    width: 270px;
    background-image: url('../images/left-block-back.png');
    background-position: center right;
    background-repeat: repeat-y;
    height: 500px;
    z-index: 1;


Т.е., высота у меня фиксированная, а как прописать, чтобы тянулось вместе с правым блоком? Или еще какой кусок кода надо?

Еще вопрос, как прикрепить туда футер, по возможности css и html формат, а то пробовал разными способами, уже голова кругом ходит, ничего толком не выходит.

И вопрос по скриптам, может кто юзал, мне на 1 страницу нужно установить комментарии, т.е. не на одну, а на те страницы, где товары только, и 1 скрипт нужен - поиск на сайте. Можно без привязки к БД.

Заранее благодарю.


--------------------
16% + в месяц на автопилоте
Хостинг #1
Хостинг #2
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 21.6.2011, 20:10; Ответить: artanik
Сообщение #2


Если я правильно понял, вам нужно, что бы левый блок тянулся за контентом?
Способ 1: использовать таблицу, самый простой и надёжный вариант, потому что ячейки "знают" высоту соседних ячеек, а вот div-ы сами по себе.
<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td id="left">
            text
        </td>
        <td id="content">
        </td>
    </tr>
</table>

#rigth{
    background:url(fon.png);
}

Способ 2: можно использовать только div, но недостаток в том, что нельзя использовать фоновое изображение...
<div id="conteiner">
    <div id="sidebar">
        text left
    </div>
    <div id="content">
        text content<br /><br /><br /><br /><br /><br />
    </div>
</div>

#conteiner {
    border-left:250px solid #ccc;
    background:#fff;
    float:left;
}
#sidebar {
    background:#ccc;
    position:relative;
    margin-left:-250px;
    float:left;
}
#content {
    float:left;
}

Если нужно что бы футер "прилип" к низу окна браузера.
html, body{
    height:100%;
}
#site {
    height:100%;
    min-height:100%;
}
#footer {
    height:90px;
    margin-top:-100px;
    padding:5px;
    background:#ccc;
    height:100%;
}

<div id="site"></div>
<div id="footer">text</div>

Если без этого, то просто нужно вставить в конец всего кода, перед </body> тег <div id="footer"></div>
и задать ему:
#footer {
    clear:both;
    float:none;
    height:50px;
}

Для коментариев попробуйте виджет Вконтакте, он не использует баз данных, и там нет спама.
Поиск можно взять из API Яндекса или Google. Просто впишите в гугле "Поиск от Google для сайта"


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 


Поблагодарили: (1)
scanread
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scanread
scanread
Topic Starter сообщение 21.6.2011, 20:18; Ответить: scanread
Сообщение #3


Сейчас с блоками потестирую, у меня все на дивах:

<div id="left-block">
          {left_block}
      </div>
      <div id="catalog-block">{content}</div>


Но в этом левом блоке у меня идет фонофое изображение как бы.... Может его как-то можно рипитнуть (повторить) по высоте как-то правильно?

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


--------------------
16% + в месяц на автопилоте
Хостинг #1
Хостинг #2
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kRicha
kRicha
сообщение 21.6.2011, 20:24; Ответить: kRicha
Сообщение #4


поиграйте с overflow


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 21.6.2011, 20:34; Ответить: artanik
Сообщение #5


напишите мне в isq 555-177-362, думаю получиться решить вашу проблему


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scanread
scanread
Topic Starter сообщение 21.6.2011, 20:37; Ответить: scanread
Сообщение #6


kRicha, сейчас поэксперементю. Может что выйдет.

artanik, футер установился как надо. А вот с блоками попробовал, вылазит левый блок на футер сверху, и думал рисунком проканает....а фига... А без него нельзя. sad.gif Уф...

Сообщение отредактировал scanread - 21.6.2011, 20:38


--------------------
16% + в месяц на автопилоте
Хостинг #1
Хостинг #2
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kostap13
Kostap13
сообщение 22.6.2011, 17:28; Ответить: Kostap13
Сообщение #7


Двухколоночный макет css

Первый же результат удовлетворяет Вашим требованиям.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Поблагодарили: (1)
scanread
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна програмка постинга в свои сайты
 0 kasey7 326 22.4.2024, 19:54
автор: kasey7
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
 49 vitvirtual 5897 1.4.2024, 5:23
автор: vitvirtual
Открытая тема (нет новых ответов) Нужна ли плоская структура категорий в ИМ?
 1 noviktamw 1184 26.3.2024, 21:50
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Нужна рассылка по емаил базе сео-студий
 0 kasey7 684 2.3.2024, 23:13
автор: kasey7
Горячая тема (нет новых ответов) Человеку нужна своя квартира/дом?
 187 metvekot 14234 21.2.2024, 22:39
автор: spomoni


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 23:21

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet