Не могу сделать прокрутку после картинки

[pitOOf]

Доброе утро всем!

спасибо вам за этот сайт. все по нему учил но у меня вот какая проблема. я не слишком силен в html да и в языках в целом.

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

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

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

а таких полосок на станице будет штук 40 наверно друг за другом в низ...

я прикрепил фаил с примерном и 2 скринами что куда нужно для понимания сути проблемы http://narod.yandex.ru/disk/6813703001/tt.zip

просто я не понимаю что надо прописать что бы она встала справа от картинки =\\

вот рисунки для первых двух работ http://narod.ru/disk/6855507001/pics.7z.html

Edited March 5, 2011 by pitOOf

[psywalker]

Залей картинки на нормальный сервер для них.

[pitOOf]

Залей картинки на нормальный сервер для них.

Извините для кого для них?

[swetlana]

http://radikal.ru

http://itmages.ru

и ещё туева хуча хранилищ специальных для картинок есть, которые в том числе и умеют генерить bb-код с предпросмотром.

Так удобнее будет вам помочь.

[pitOOf]

http://radikal.ru

http://itmages.ru

и ещё туева хуча хранилищ специальных для картинок есть, которые в том числе и умеют генерить bb-код с предпросмотром.

Так удобнее будет вам помочь.

так а что мне надо туда залить то?

я не пониамю какие картинки мне нужно залить

[Int]

Я не понял, что за прокрутка нужна, на картинках, насколько я понял, нужно разместить картинки в одной строке. Это float:left подойдёт

[pitOOf]

Я не понял, что за прокрутка нужна, на картинках, насколько я понял, нужно разместить картинки в одной строке. Это float:left подойдёт

Нужно что бы прокрутка была слева от главной картинки. а не прокручивалась вместе с ней.

[Int]

Какая прокрутка-то? Что она должна крутить?

Какой-то скролбар внутри страницы должен иметь фиксированное положение на экране?

[pitOOf]

Какая прокрутка-то? Что она должна крутить?

Какой-то скролбар внутри страницы должен иметь фиксированное положение на экране?

ну вот щаз выглядит вот так

http://itmages.ru/image/view/143067/5f74b8f8

http://storage4.static.itmages.ru/i/11/030...5f74b8f8b8.jpeg

а нужно что бы выглядело вот так

http://itmages.ru/image/view/143069/4024cb60

http://storage6.static.itmages.ru/i/11/030...4024cb6005.jpeg

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

Простите что столько весит. не думал что так получится

Edited March 9, 2011 by pitOOf

[PanSoul]

А почему бы не сделать это 2-мя дивами?

[pitOOf]

А почему бы не сделать это 2-мя дивами?

да можно и двумя. только я не знаю как =\\

мне все равно как это сделать у меня просто не получается сделать вообще. я html только месяц руками кручу =\\

[psywalker]

да можно и двумя. только я не знаю как =\\

мне все равно как это сделать у меня просто не получается сделать вообще. я html только месяц руками кручу =\\

Берёшь див, ему задаёшь ширину и overflow: auto; в него засовываешь содержимое. И если оно будет привышать допустимую ширину родителя, то у него появится прокрутка.

[PanSoul]

да можно и двумя. только я не знаю как =\\

мне все равно как это сделать у меня просто не получается сделать вообще. я html только месяц руками кручу =\\

код выложи...

[psywalker]

код выложи...

Лучше тестовую страницу, ссылку.

[pitOOf]

код выложи...

вот css и страница

http://narod.ru/disk/7190415001/%D0%BA%D0%BE%D0%B4.zip.html

уже все перепробывал. просто физически не понимаю как прилепить справа от картинки прокрутку

[psywalker]

вот css и страница

http://narod.ru/disk/7190415001/%D0%BA%D0%BE%D0%B4.zip.html

уже все перепробывал. просто физически не понимаю как прилепить справа от картинки прокрутку

Выложи на хостинг, и дай ссылку.

[pitOOf]

у меня пока нет такой возможности, руководство не даст заливать не готовый материал на сайт

Edited March 14, 2011 by pitOOf

[pitOOf]

а что нужно скинуть что бы можно было обьяснить в чем проблема?

я не могу сделать что бы прокрутка начиналась справа от фото. а не под ним. тобишь не могу понять как мне ее поднять на верх что бы прокрутки на странице были от фотографий, фотографии по высоте одинаковые 200 а ширина у всех расзные. я же скриншоты и коды всего что можно было выложил.. (

я сделал тестовую страницу http://www.severinproject.ru/work/_work.html =)))

я первые три сделал, остальные пока не менял

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

Edited March 14, 2011 by pitOOf

[rus]

1) тут картинки лучше списком сделать

<div class="layer">
<ul>
<li><a target="_blank" href="http://www.severinproject.ru/work/almaz/w01.jpg"><img alt="Ресторан Алмаз" src="http://www.severinproject.ru/work/almaz/01.jpg"></a></li>
</ul>
</div>

2) сделать примерно след. css

.layer {
    border: 1px solid #FF3300;
    height: 200px;
    overflow-x: scroll; // вместо x поставить y если не ошибаюсь то не во всех браузерах поддерживается
    padding: 20px;
    white-space: nowrap; // вместо nowrap поставить  normal, либо вообще убрать
    width: auto; // ширину поставить auto
}

[tt48]

Простой и понятный вариант - http://beavers-net.narod.ru/primers/scrolled1.html

(не работает в ie 6, не зависит от ширины)

Вариант посложнее - http://beavers-net.narod.ru/primers/scrolled2.html

(работает везде, ширину одной колонки задать придется)

Второй вариант придется дорабатывать под условия - думаю, вполне будет по силам.

Как третий вариант - сделать табличкой.

table - width:100%;

Первая ячейка - width: 1px;

вторая - overflow-x: scroll;

Не зависит от ширины левой колонки(задавать её фиксированной не придется).

Вариант неинтересный, потому пример писать не буду.

overflow-x - CSS3.0.

http://htmlbook.ru/css/overflow-x

Можно сказать, поддерживается всеми...

Как раз auto в моих примерах можно на него заменить.

Edited March 14, 2011 by tt48

[rus]

автору я так понял нужна не горизонтальная прокрутка, а вертикальная.

[tt48]

ну вот щаз выглядит вот так

http://itmages.ru/image/view/143067/5f74b8f8

http://storage4. static.itmages.ru/i/11/030...5f74b8f8b8.jpeg

а нужно что бы выглядело вот так

http://itmages.ru/image/view/143069/4024cb60

http://storage6. static.itmages.ru/i/11/030...4024cb6005.jpeg

Я исходил из картинок.

А так - не суть важно. Изменить-то всего придется overflow-x на y

[pitOOf]

Простой и понятный вариант - http://beavers-net.narod.ru/primers/scrolled1.html

(не работает в ie 6, не зависит от ширины)

Вариант посложнее - http://beavers-net.narod.ru/primers/scrolled2.html

(работает везде, ширину одной колонки задать придется)

Второй вариант придется дорабатывать под условия - думаю, вполне будет по силам.

Как третий вариант - сделать табличкой.

table - width:100%;

Первая ячейка - width: 1px;

вторая - overflow-x: scroll;

Не зависит от ширины левой колонки(задавать её фиксированной не придется).

Вариант неинтересный, потому пример писать не буду.

overflow-x - CSS3.0.

http://htmlbook.ru/css/overflow-x

Можно сказать, поддерживается всеми...

Как раз auto в моих примерах можно на него заменить.

а можете пример кода выложить как табличкой делать? а то я еще пока слишком мало понимаю в этом

Я исходил из картинок.

А так - не суть важно. Изменить-то всего придется overflow-x на y

вот нужно что бы было как вот ту я в фотошопе сделал http://storage6.static.itmages.ru/i/11/0314/h_1300114978_3b59a8cc45.jpeg

уже мозги взрываются от количества информации

[tt48]

а можете пример кода выложить как табличкой делать? а то я еще пока слишком мало понимаю в этом

С табличкой не прокатило..

ie згрыз идею на корню.

Чем прошлые два метода не пригодны?

Если ширина фиксированная пугает - так её в любом случае

проставлять картинкам придется, можно и инлайн-стили запользовать.