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



 

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

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


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

Группа: Active User
Сообщений: 511
Регистрация: 1.9.2008
Из: Таллинн Эстония
Поблагодарили: 63 раза
Репутация:   18  


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

http://floomby.ru/content/ZMiHgBNL4U

Сложность ещё в том, что каждый "квадратик" (ромбик) может меняться.

Вопрос:
Возможно ли путём html+css расположить так объекты.
Если возможно, то как?


--------------------
Программист: PHP, JavaScript, HTML5, HTML5 canvas, CSS, AJAX, jquery, SQL.
Реклама на аниме сайте
Услуги программиста, тема на форуме
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CoolMaster
CoolMaster
сообщение 2.9.2011, 2:28; Ответить: CoolMaster
Сообщение #2


Новичок
*

Группа: User
Сообщений: 18
Регистрация: 15.8.2011
Поблагодарили: 7 раз
Репутация:   1  


Если правильно понял задачу:

Задайте блоку с названием Карта 81|-88 (как на скрине нарисовано) в css position:relative;, а самимстрелочкам - position:absolute;

Далее каждую выравнивайте относительно блока Карта значинеми top, leftm right, bottom;

p.s. этакое как бы в html+css не кошерно. javascript будет актуальнее.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MeTaTRoN
MeTaTRoN
Topic Starter сообщение 2.9.2011, 8:13; Ответить: MeTaTRoN
Сообщение #3


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

Группа: Active User
Сообщений: 511
Регистрация: 1.9.2008
Из: Таллинн Эстония
Поблагодарили: 63 раза
Репутация:   18  


Невозможно с позиционировать при помощи positon:absolute так, что бы он отображался во всех браузер корректно без особой запары, если принимать во внимание что полей сотни, то тут явно нервы сдадут подгонять под все браузера, должно быть, что то другое.
А как через javascript это сделать?


--------------------
Программист: PHP, JavaScript, HTML5, HTML5 canvas, CSS, AJAX, jquery, SQL.
Реклама на аниме сайте
Услуги программиста, тема на форуме
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Brodyaga
Brodyaga
сообщение 2.9.2011, 9:41; Ответить: Brodyaga
Сообщение #4


Участник
***

Группа: User
Сообщений: 244
Регистрация: 24.12.2010
Из: Прекрасного далека
Поблагодарили: 34 раза
Репутация:   8  


если только к флешеру обратится.
а так на встряли что то получится, если только css писать на тысячу строк
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seowayder
seowayder
сообщение 2.9.2011, 9:48; Ответить: seowayder
Сообщение #5


Создание и поддержка сайтов
*****

Группа: Active User
Сообщений: 935
Регистрация: 16.1.2010
Из: Yandex
Поблагодарили: 225 раз
Репутация:   42  


Фигня. Задаете блоки с параметрами флоат. После чего задаете им параметры "наклона".
ЗЫ Читайте новые возможности CSS.

-moz-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-webkit-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-o-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-ms-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
Я об этих...


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MeTaTRoN
MeTaTRoN
Topic Starter сообщение 2.9.2011, 12:20; Ответить: MeTaTRoN
Сообщение #6


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

Группа: Active User
Сообщений: 511
Регистрация: 1.9.2008
Из: Таллинн Эстония
Поблагодарили: 63 раза
Репутация:   18  


это уже близко, но всё равно получается пиксельально выравнивание, но здесь уже реально сделать


--------------------
Программист: PHP, JavaScript, HTML5, HTML5 canvas, CSS, AJAX, jquery, SQL.
Реклама на аниме сайте
Услуги программиста, тема на форуме
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
18 viktormerke 2820 15.12.2017, 15:18
автор: Smspva
Открытая тема (нет новых ответов) Услуги по вёрстке сайтов!
Качественно, быстро, доступно!
18 Distortion 3284 14.12.2017, 16:34
автор: Distortion
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4194 30.11.2017, 14:25
автор: DiscordPro
Открытая тема (нет новых ответов) Вопрос про Телеграмм
18 syd2010 1177 28.11.2017, 14:25
автор: PostBrigada
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАrticle manager вопрос
0 Smile3D 441 24.11.2017, 18:27
автор: Smile3D


 



RSS Текстовая версия Сейчас: 18.12.2017, 16:54
Дизайн