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



 

Здравствуйте, гость ( Вход | Регистрация )

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


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1005
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


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

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

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


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

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

#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 скрипт нужен - поиск на сайте. Можно без привязки к БД.

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


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


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


Если я правильно понял, вам нужно, что бы левый блок тянулся за контентом?
Способ 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
Topic Starter сообщение 21.6.2011, 20:18; Ответить: scanread
Сообщение #3


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1005
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


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

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


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

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


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


Завсегдатай
*****

Группа: Active User
Сообщений: 932
Регистрация: 29.6.2010
Из: Киева
Поблагодарили: 222 раза
Репутация:   39  


поиграйте с overflow


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


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


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


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

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


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1005
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


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

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

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


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


Бывалый
****

Группа: User
Сообщений: 358
Регистрация: 5.7.2010
Поблагодарили: 81 раз
Репутация:   17  


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
15 viktormerke 2533 Сегодня, 11:53
автор: Caterpillar
Открытая тема (нет новых ответов) Очень нужна работа
Желательно на постоянной основе
12 Yuliya_Klim 1701 Сегодня, 10:25
автор: lesssss81
Открытая тема (нет новых ответов) Нужна помощь в активации аккаунта AdSense
9 dimaguru 2401 Вчера, 16:53
автор: vds4you
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1033 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4164 30.11.2017, 14:25
автор: DiscordPro


 



RSS Текстовая версия Сейчас: 14.12.2017, 12:40
Дизайн