Симферопольский Форум: нужен хелп с версткой - Симферопольский Форум

Перейти к содержимому

Внимание! Для всех новых пользователей введена премодерация сообщений и тем.
Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

нужен хелп с версткой нестандартная задача

#1 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 24 апреля 2012 - 15:00

Всем привет!

Есть вот такая задача:
Прикрепленное изображение: avalon.jpg
Плиз хелп ми, а то я две ночи заснуть не могу =(

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#2 Пользователь офлайн   SamSa 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 702
  • Регистрация: 15 сентября 10

Отправлено 24 апреля 2012 - 15:23

а создать контейнер для блоков C, E, D тоже нельзя ?
п.с. если вдруг можно, то решение типа этого: http://jsfiddle.net/m9nup/


#3 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 24 апреля 2012 - 16:20

Просмотр сообщенияSamSa сказал:

а создать контейнер для блоков C, E, D тоже нельзя ?

он есть, и он меняет свои размеры по тому же принципу, что и блоки А и В. То есть, ничуть не помогает. Фактически, можно рассматривать его как синий контейнер на рисунке.

Просмотр сообщенияSamSa сказал:

п.с. если вдруг можно, то решение типа этого: http://jsfiddle.net/m9nup/

?
<div id="main">
    <div id="A">A</div>
    <div id="C">C</div>
    <div id="E">E</div>
    <div id="D">D</div>
    <div id="B">B</div>
</div>

#main{
    border: 1px solid blue;
    width: 90%;
}
#A, #B{
    border: 1px solid red;
    background-color: #345;
}
​


Это не оно.

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#4 Пользователь офлайн   SamSa 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 702
  • Регистрация: 15 сентября 10

Отправлено 24 апреля 2012 - 16:55

блин, забыл сохранить.. щас восстановлю
вроде вот
http://jsfiddle.net/m9nup/1/


Поблагодарили: 1

#5 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 24 апреля 2012 - 18:31

Да, спасибо, этот вариант я уже пробовал.
Проблема в том, что div#CED как раз и нельзя присобачить...

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#6 Пользователь офлайн   farkhad 

  • Продвинутый пользователь
  • PipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Активный участник
  • Сообщений: 63
  • Регистрация: 28 сентября 10

Отправлено 24 апреля 2012 - 19:08

а без контейнера CED никак....


#7 Пользователь офлайн   GerinG 

  • Zero tolerance
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 2 587
  • Регистрация: 14 сентября 10
  • ГородСимферополь и район
  • Страна:  

Отправлено 24 апреля 2012 - 19:19

Инквизитор, почему не рассмотришь создание контейнера CED? Я тоже не вижу другого решения

Воля - это такой нематериальный актив, с помощью которого можно послать на *уй любую объективную реальность.

#8 Гость_feo-gabber_*

  • Группа: Гости

Отправлено 24 апреля 2012 - 19:36

без контейнера CDE не получится...


#9 Пользователь офлайн   SamSa 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Старая гвардия
  • Сообщений: 702
  • Регистрация: 15 сентября 10

Отправлено 24 апреля 2012 - 19:49

без CED смог только такое придумать http://jsfiddle.net/m9nup/3/
но проблема в ячейке D - ее содержимое начинает залезать под E, а если использовать паддинг - ячейка начинают вылезать на новую строку..
написал text-indent, чтобы было хотя бы букву D видно, но это как хак.. Может как-то можно еще побаловаться с паддингами и отрицательными марджинами, но у меня не хватило терпения ))


Поблагодарили: 1

#10 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 24 апреля 2012 - 21:10

Просмотр сообщенияGerinG сказал:

Инквизитор, почему не рассмотришь создание контейнера CED? Я тоже не вижу другого решения


Потому что это от меня не зависит :-(
У меня не просто верстка, а верстка, осложненная тем, что html-структуру я практически не могу менять. Самый нелюбимый вид работы - ковыряться в чужом говне.
Все тот же Duplo framework, ипать его изобретателей конем в ноздри. Сайт строится из виджетов, виджеты делаются тоннами яваскриптов, а их размеры и расположение на странице задаются в отдельном мегаскрипте (причем не в одном) с помощью абсолютного позиционирования... Скрипты же имеют совершенно жуткий вид, ибо фреймворк, агрррррххх...

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#11 Пользователь офлайн   GerinG 

  • Zero tolerance
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 2 587
  • Регистрация: 14 сентября 10
  • ГородСимферополь и район
  • Страна:  

Отправлено 25 апреля 2012 - 08:58

Просмотр сообщенияИнквизитор сказал:

У меня не просто верстка, а верстка, осложненная тем, что html-структуру я практически не могу менять.


Пичаль, чо уж там... Ну последний вариант товарища SamSa хорош. Причесать его отступами и может прокатить

Воля - это такой нематериальный актив, с помощью которого можно послать на *уй любую объективную реальность.

#12 Пользователь офлайн   Oskar 

  • Живу здесь
  • PipPipPipPipPip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Активный участник
  • Сообщений: 1 101
  • Регистрация: 06 января 11

Отправлено 25 апреля 2012 - 12:56

Пункты "в" и "г" противоречат друг другу, мне кажется. Либо слово "всегда" в данном случае неуместно.


#13 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 25 апреля 2012 - 13:57

Просмотр сообщенияOskar сказал:

Пункты "в" и "г" противоречат друг другу, мне кажется. Либо слово "всегда" в данном случае неуместно.

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


Еще один печально-забавный прикол:
практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:
содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их нахуй послать...

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#14 Гость_feo-gabber_*

  • Группа: Гости

Отправлено 25 апреля 2012 - 14:38

Просмотр сообщенияИнквизитор (25 апреля 2012 - 13:57) писал:

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


Еще один печально-забавный прикол:
практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:
содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их прочь послать...

Ну не надо уж так плохо о заказчике.
То что он просит вполне выполнимо посредством JS.(эмуляция скроллбара посредством javascript, например - tinyscrollbar)
Странно что Вы беретесь за проекты которые для вас проблематичны в плане конечного результата.
А с дизайнерами нужно дружить, хоть, право, иногда одно желание остается - пристрелить, чтоб никто не мучался. :lol:


#15 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 25 апреля 2012 - 15:18

Просмотр сообщенияfeo-gabber сказал:

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

А меня и не спрашивали =)))))))))))))
Дано задание - расковырять кучу индусского говна, отложив помидорные семена в одну сторону, а кукурузные зерна - в другую. Сделано. Следующее задание - выложить индусское говно в виде торта. Готово. Текущее задание - сделать так, чтобы индусское говно было похоже на торт по вкусу и питательности. Ну не получается из говна торт, блеать!

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

#16 Пользователь офлайн   Retrograde 

  • Новичок
  • Pip
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Новичок
  • Сообщений: 5
  • Регистрация: 25 апреля 12
  • ГородМинск

Отправлено 26 апреля 2012 - 00:54

Просмотр сообщенияИнквизитор (24 апреля 2012 - 15:00) писал:

Всем привет!

Есть вот такая задача:
Прикрепленный файл avalon.jpg
Плиз хелп ми, а то я две ночи заснуть не могу =(


А таблицу в блоки вставлять нельзя? В качестве "распорки"


#17 Пользователь офлайн   Инквизитор 

  • Vexilla regis prodeunt inferni
  • Перейти к галерее
  • Вставить ник
  • Цитировать
  • Раскрыть информацию
  • Группа: Модераторы
  • Сообщений: 18 149
  • Регистрация: 20 сентября 10
  • Страна:  

Отправлено 26 апреля 2012 - 01:53

Цитата

А таблицу в блоки вставлять нельзя? В качестве "распорки"

С тем же успехом можно присобачить самим блокам display:table-cell, а их контейнеру - display: inline-table
Пока проблему решил, подогнав ширины блоков в процентах так, чтобы при штатном разрешении компа дизайнера было красиво. Западло и мракобесие, конечно, но не хочу начинать акт насилия над структурой хтмл, пока не узнаю все гениальные идеи , осеняющие грешную головушку дизайнера по два раза в день...

"Конец России хотели бы увидеть многие, но пока его удается только подержать за щекой…!" (с)

Изображение

Поделиться темой:


Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

1 человек читают эту тему
0 пользователей, 1 гостей, 0 скрытых пользователей