Как сделать изображение и текст одного уровня?

автор kirill_345 Октябрь 14th 2011, 10:50

Здравствуйте. Оформляя свой форум столкнулся с такой проблемой.
Как сделать изображение и текст одного уровня? 290592

Возможно ли сделать изображение и заголовок форума ( в частности "Добро пожаловать!") на одном уровне?
И пользуясь случаем, прошу помощи. Подскажите пожалуйста, куда можно обратиться и попросить помощи, чтобы оформить задний фон. Необходимо вставить изображение на всю категорию?

автор gorezcaid Октябрь 14th 2011, 12:04

В заголовок форума вместо "Добро пожаловать!" код:

Код:: <div class="octup">Добро пожаловать!</div>

И добавьте стиль в CSS:

Код:: a.forumtitle div.octup{ display: inline-block; height: 3px; padding-left: 40px;/*Отступ от картинки*/ }

------------------
Потом для других форумов "Вступление в гильдию"
заменять на

Код:: <div class="octup">Вступление в гильдию</div>

и т.д
Единственное условие: картинки должны быть одного размера.
Результат: Как сделать изображение и текст одного уровня? 302911

автор kirill_345 Октябрь 14th 2011, 15:35

Большое спасибо! Буду пробовать yes

автор Bluetooth Октябрь 31st 2011, 22:00

Я пробовал, но на 2 движке у меня не получалось.
Подскажите как так же сделать на phpBB2

автор gorezcaid Октябрь 31st 2011, 22:07

Код:: a.forumlink{ display: inline-block; height: 16px; padding-left: 50px;/*Отступ от картинки*/ }

автор Bluetooth Октябрь 31st 2011, 22:42

И снова здравствуйте.
На phpBB2 получилось так:
Как сделать изображение и текст одного уровня? 574120

Помогите пожалуйста сделать. ( как выше показано )

автор gorezcaid Октябрь 31st 2011, 23:05

ПА - Оформление - Главная - Структура и иерархия - Иерархия
Показывать модераторов форума : Да
=========
И напишите описание форума
=========
Что не так?

автор Bluetooth Октябрь 31st 2011, 23:11

Картинку бы немного передвинуть выше, просто получается не ровно.
( иконка категории что бы была на одном уровне с картинкой )

автор gorezcaid Октябрь 31st 2011, 23:22

Код:: table.forumline span.genmed img{ position: relative; top:-10px;/*отступ сверху*/ }

Вставьте в CSS и отрегулируйте отступ.

Как сделать изображение и текст одного уровня?

Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?

Re: Как сделать изображение и текст одного уровня?