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



 

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

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


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

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


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

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

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


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

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

#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
Сообщений: 1009
Регистрация: 16.12.2009
Поблагодарили: 182 раза
Репутация:   56  


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

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


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

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


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


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

Группа: Active User
Сообщений: 933
Регистрация: 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
Сообщений: 1009
Регистрация: 16.12.2009
Поблагодарили: 182 раза
Репутация:   56  


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

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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна верстка со знанием php
4 Nemo 325 Сегодня, 7:14
автор: Nemo
Открытая тема (нет новых ответов) Психологический форум ( нужна оценка )
6 priest 1488 18.5.2018, 23:10
автор: Libby
Открытая тема (нет новых ответов) Вопрос по поводу цен на сайте
16 WildWeb8 930 13.5.2018, 17:40
автор: genjnat
Открытая тема (нет новых ответов) Очень нужна работа
Желательно на постоянной основе
14 Yuliya_Klim 3071 10.5.2018, 17:59
автор: Yuliya_Klim
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 392 9.5.2018, 14:50
автор: blackhead


 



RSS Текстовая версия Сейчас: 22.5.2018, 14:36
Дизайн