Jump to content

Recommended Posts

Помогите, пожалуйста, разобраться, как исправить вот это:

post-9184-0-75370000-1355250377_thumb.jpg

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

пытался задавать отрицательный margin для кнопок, но больше "-10" не поднимает.

http://b23.ru/ybmx

Share this post


Link to post
Share on other sites

Слишком широкие кнопки, а div'ы узкие. Margin не поможет. Меняйте ширину контейнеров (либо общего для трех кнопок, либо каждого из трех, либо ширину кнопок)

Share this post


Link to post
Share on other sites

Слишком широкие кнопки, а div'ы узкие. Margin не поможет. Меняйте ширину контейнеров (либо общего для трех кнопок, либо каждого из трех, либо ширину кнопок)

можно поподробнее, пожалуйста... :|

Share this post


Link to post
Share on other sites

#имя_кнопки min-width: 250px;

как-то так

не помогло :(

Share this post


Link to post
Share on other sites

Судя по стилям, вы неверное решение выбрали. У вас все три div так и будут располагаться лесенкой. Надо общий контейнер сделать с относительным позиционированием, а внутренние контейнеры с абсолютным. тогда и разместите как надо.

Здесь готовый результат показал для вас:

http://testing.com.ru/test/test3.html

выглядит так:06ed4cf683574e43bf966a3.png

Оборачиваете ваши три кнопки в div, назначаете класс test777 и дописываете в стили:

div.test777 {
   position: relative;
}

div.test777 .less, div.test777 .buttonaddToCompare {
   position: absolute;
   left: 0px;
   top: 0px;
}

post-7087-0-21112600-1355416330_thumb.png

  • +1 2

Share this post


Link to post
Share on other sites

Судя по стилям, вы неверное решение выбрали. У вас все три div так и будут располагаться лесенкой. Надо общий контейнер сделать с относительным позиционированием, а внутренние контейнеры с абсолютным. тогда и разместите как надо.

Здесь готовый результат показал для вас:

http://testing.com.ru/test/test3.html

выглядит так:06ed4cf683574e43bf966a3.png

Оборачиваете ваши три кнопки в div, назначаете класс test777 и дописываете в стили:

div.test777 {
position: relative;
}

div.test777 .less, div.test777 .buttonaddToCompare {
position: absolute;
left: 0px;
top: 0px;
}

:eek: спасибо!

Share this post


Link to post
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.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.