Jump to content
  • 0

Проблема с дивами!


Vendetta-V
 Share

Question

Здраствуйте !

Есть три блока :

Главный по центру (980пх), слева и справа прилагаеться картинка в блоке (бг, 23*480).

справа блок с картинкой стыкуеться с центральным(флоат),

а как сделать так, чтобы блок слева стыковался к центральному блоку а не к левой стенке?

Спасибо!

ПС. Можно и не блок, главное, чтобы картинки были справа и слева основного блока!

Заранее благодарен! С уважением, Андрей!

Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0

а покажите-ка страничку

Вот:

http://savepic.ru/2755957.png

Блоки покраям, мне нуно чтобы были вместе...

так а может тут сделать немного не так? Т.е. не делать основной блок сверху до самого низа, а разделить на две части. Верхнюю широкую и нижнюю поуже. И широкую флоатами, например, разделить на 3 части. По бокам раскидать бэкграундами картинки и все.

Link to comment
Share on other sites

  • 0

а покажите-ка страничку

Вот:

http://savepic.ru/2755957.png

Блоки покраям, мне нуно чтобы были вместе...

так а может тут сделать немного не так? Т.е. не делать основной блок сверху до самого низа, а разделить на две части. Верхнюю широкую и нижнюю поуже. И широкую флоатами, например, разделить на 3 части. По бокам раскидать бэкграундами картинки и все.

Спасибо - всё пока понятно...

Буду пробовать .. если что напишу ..

Edited by Vendetta-V
Link to comment
Share on other sites

  • 0

я так понимаю, у вас высота верхнего блока получается фиксированной?

Вот такой вариант например можно сделать http://jsfiddle.net/Zb7mD/

Спасибо - експерементирую )

я так понимаю, у вас высота верхнего блока получается фиксированной?

Вот такой вариант например можно сделать http://jsfiddle.net/Zb7mD/

Спасибо - експерементирую )

Всё получилось! Спасибо большое! Делал так как в втором варианте!

Link to comment
Share on other sites

  • 0

Как сделать так, чтобы лого было поверх слайдшоу, а не срезалось?

а ссылку на страничку можно?

Подозреваю, что и абсолютом можно сделать. Но это только телепатия))

Страничка ещё не онлайн((

Только этот рисунок есть!

Link to comment
Share on other sites

  • 0

Как сделать так, чтобы лого было поверх слайдшоу, а не срезалось?

а ссылку на страничку можно?

Подозреваю, что и абсолютом можно сделать. Но это только телепатия))

Страничка ещё не онлайн((

Только этот рисунок есть!

margin-top слайдеру сделать.

Edited by Softlink
Link to comment
Share on other sites

  • 0

Как сделать так, чтобы лого было поверх слайдшоу, а не срезалось?

а ссылку на страничку можно?

Подозреваю, что и абсолютом можно сделать. Но это только телепатия))

Страничка ещё не онлайн((

Только этот рисунок есть!

margin-top слайдеру сделать.

Мне нужно поверх(чуть-чуть). В дизайне так((

Link to comment
Share on other sites

  • 0

т.е. наоборот получается, лого поверх слайдера?

Судя по картинке у слайдера есть z-index. Попробуйте с ним поиграть. Слайдеру сделать меньше, а логотипу больше.

Сложно так говорить, когда нет кода.

Link to comment
Share on other sites

  • 0

т.е. наоборот получается, лого поверх слайдера?

Судя по картинке у слайдера есть z-index. Попробуйте с ним поиграть. Слайдеру сделать меньше, а логотипу больше.

Сложно так говорить, когда нет кода.

Большое спасибо! Работает!

И ещё один вопрос:

У меня слайдер имеет отступ слева(11пх), когда окно браузера меньше делаю то, появляется пробел в пиксель справа, я так понял смещается.

Не подскажите как избавиться от этого ефекта?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy