Перейти к содержимому
Русский язык для Invision Community 5

Проблема с Top Left

Есть изображение для верхнего левого угла, плавно перетекающее в левую рамку ака Table_left.

Но, если прописывать полные размеры изображения в 152 px,

 

.tablebg { background-color: #f3f3f3; padding-right: 0px; padding-left: 0px width: 100%;}

.tabletopleft { background-image: url(<#IMG_DIR#>/table_top_left.gif); height: 152px; width: 34px;}

 

Получается, что элемент скина "уплывает"вверх =( и образуется пустота, что не очень эстетично.

 

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

 

Первый раз со скинами для ipb копаюсь, поэтому сорри если вопрос тупой=(

Заранее спасибо.

post-4375-1202664808_thumb.jpg

Изменено пользователем Aggarik

Рекомендованные сообщения

Если это портится мой скин IBR, судя по останкам таблицы и логотипу, то размер изображения там должен быть 32 на 32, если мне не изменяет память. Возможно, 34.... Размеры завязаны на высоте и ширине смежных элементов.

 

Если впендюрить туда слона, то и не такое может получиться...

  • Автор
Если это портится мой скин IBR, судя по останкам таблицы и логотипу, то размер изображения там должен быть 32 на 32, если мне не изменяет память. Возможно, 34.... Размеры завязаны на высоте и ширине смежных элементов.

 

Если впендюрить туда слона, то и не такое может получиться...

 

Да, портируется именно IBR =)

 

Так вот в чём и вопрос, как "этого слона" правильно впендюрить?

Оставьте слона на месте, в шапке, если слон необходим. Это же логотип, он, как и все элементы, внутри рамки живет.

Не понимаю, зачем его в рамку встраивать?

 

Еще там вроде есть table_top и table_right

Вот они должны быть одной высоты с table_left.

А высота там маленькая была...

  • Автор
Оставьте слона на месте, в шапке, если слон необходим. Это же логотип, он, как и все элементы, внутри рамки живет.

Не понимаю, зачем его в рамку встраивать?

 

Еще там вроде есть table_top и table_right

Вот они должны быть одной высоты с table_left.

А высота там маленькая была...

 

Ну по поводу правых и шапочных элементов я понял=(

 

Сложно обяснить...

 

на изображение сверху как есть, а снизу как хотелось бы.

 

Соответственно table top left/right портят всё, выпирая как "рога"=(

post-4375-1202757036_thumb.jpg

Вам надо было не трогать рамку, просто заменить ее элементы своей графикой, возможно, сделать тоньше.

Элементы не 32 на 32, а 16 на 16 использовать.

Прописать новые размеры в css.

Заменить серый градиент tile_back.gif и фон под ним. Для этого редактируется графика + класс logostrip в css.

Визуально должно смотреться продолжением верхней части рамки.

На фоне tile_back нарисовать логотип. Заменить logo4.gif.

И все.

 

А зачем крушить рамку и игнорировать готовую структуру шапки, не понимаю.

У вас вместо шапки сейчас пустота, понимаете?

Все выкинули, а место осталось.

  • Автор
Вам надо было не трогать рамку, просто заменить ее элементы своей графикой, возможно, сделать тоньше.

Элементы не 32 на 32, а 16 на 16 использовать.

Прописать новые размеры в css.

Заменить серый градиент tile_back.gif и фон под ним. Для этого редактируется графика + класс logostrip в css.

Визуально должно смотреться продолжением верхней части рамки.

На фоне tile_back нарисовать логотип. Заменить logo4.gif.

И все.

 

А зачем крушить рамку и игнорировать готовую структуру шапки, не понимаю.

У вас вместо шапки сейчас пустота, понимаете?

Все выкинули, а место осталось.

 

Дело не в пустом месте, это был просто пример подправленный в фотошопе. просто я меняю элементы рамки, угловые делаю 34x152, прописываю это в css. так вот собственно и спрашиваю, можно как нибудь сделать, что бы 152 пикселя не понимались, как ширина верхней рамки, а просто как размер изображения, то есть верхняя рамка оставалась 34 пикселя а остатки заползали бы на боковую рамку.

 

блин... сложно как-то мысли изложить=( :(

Ширина верхней части определяется высотой картинки.

Там же таблица. Вы хотите оставить ее тонкой, включив в ее состав слона.

Это физически невозможно.

Единственный способ это обойти, прописать узкую центральную часть в css с параметром top repeat-x.

Тогда кромка в центре должна прилипнуть к верху, оставив пустоту ниже.

Но высота таблицы все равно будет 152px.

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

И куда Вы дели код для шапки из global_board_header ?

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.