необходима помощь по фейслифту шапки

Здравствуйте)
Проблема в следующем:
имеется сайт на WP (http://www.ruyogacenter.ru/), темой предусмотрен вывод названия сайта через консоль темы, что и сделано.
Необходимо: поместь в правый верхний угол заголовка эмблему, сохранив вывод заголовка через консроль, что, в принципе, устраивает.
Необходима возможность выравнивания по правому краю и высоте.
В оригинальных CSS прописано так:

/*шапка*/
#header{width:960px;height:100px;margin:0px auto 0;padding:40px 0 0 0; position:relative}
#container {background: url(images/header-background.jpg) right 2px no-repeat;}

Поместить через CSS картинку мне туда удается, но лишь строго по правому краю и строго по верхнему срезу огна браузера.

/*шапка*/
#header{width:960px;height:100px;margin:0px auto 0;padding:40px 0 0 0; position:relative;
background: url(images/shapka_znak_100.jpg) right top no-repeat;}
#container {background: url(images/header-background.jpg) right 2px no-repeat;}

Совершенно очевидно, что я делаю что-то не так, ибо. попытеи отрегултровать координаты картинки (знака) "рвут" сайт(
Грубо, искомое, должно выглядеть примерно так:

Может быть, картинку возможно (и удобюнее) поместить на верхнем слое и двигать свободно,добиваясь оптимального сочетания (размер/позиция) с заглавием…

В общем, "типа" Неlp!)
Гуманитарий, заранее, всем признателен)

Классическое положение логотипа: верхний левый угол сайта.
Для задание обтекания текстом изображению присваивают класс со свойством float.

Большое спасибо, но я спросил то, что спросил. Если Вам будут нужны мои советы, как художника, я с удоволтвмем помогу Вам, но пока я спросил как сделать то, что мне нужно. Мне кажется, что обтекание, в этом случае, ни при чем.

Вам необходимо:

1)взять обе строки (заголовок и дескрипшн) в блок,
2)присвоить блоку float:left.
2)присвоить блоку фон (вашу картинку), прибить фон к правой части блока.
4)выставить padding-right блока равным ширине картинки.

Огромное Вам спасибо за поддержку, но все , что Вы написали, при моем понимании в Сss и Css терминалогии – просто лес густой. Бился, гуглил – увы. Если Это сложно, хоть немного, не беспокойтесь – время лечит) Если это касается трех строк блока в дополнение к оригинальным, приведенным выше, напишите их… Жаль, что Вы не в россии и вряд ли возможна благодарность в виде телефонного баланса( Если возможна, не покиньте глупого артиста 🙂

P.S. своего я добился. но средствами бесконечно далекими от CSS. В принципе, можно курить бамбук, но просьба остается, т.к. считаю верстку WP инструментарием граф.редакторов – глупостью (

Anonymous
Отправить
Ответ на: