Jump to content
  • 0

Размещение объектов дугой...


Alukard_aka_404
 Share

Question

Ранее в осном объекты размещал по странице с помощью таблици, а тут столкнулсь: надо разместить 7 Rollover картинок дугой из левого нижнего угла к правой стороне.

Подскажите как сделать

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Имеется лист, если из него сделать что-то типа матрицы, сетки.

То при размещении объектов по одному в каждый столбик и строку получае ровную линию от угла к углу. В мо?м случае надо получить что-то вроде дуги расположенной горизантально и располовиненной.

Что меня загоняет в угол так это то как сделать сдвиг.

Допустим бер?м первую, левую, нижнюю картинку за ноль по X и Y. В таблице(если получаем диоганаль) то вторая картинка находится на 1;1, а мне для дуги надо примерно 1;0,5

Link to comment
Share on other sites

  • 0
Даю нам?к.

1:0.5 = 2:1

Так придется картинки располовнинивать походу. Если они не ссылками должны быть и менятся будут не часто, то впринципе нормально. Есть еще вариант каждую картинку в абсолютно позиционированный див затолкать

Link to comment
Share on other sites

  • 0

Вариантов два.

1. Рисуешь в редакторе, режешь картинку на части, склеиваешь таблицей.

2. Задаешь абсолютное позиционирование элементам, выстраиваешь в нужном месте с помощью задания разных left и top.

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