Помогите html код подправить.

ДЖАЗЗ!
На сайте с 10.02.2004
Offline
291
703

Есть на сайте плашка с заголовком:

<div class="title-box"><b>Список позиций</b></div>

положением плашки управляет css:

.title-box {

background: url(pix/2.gif) left top no-repeat;

padding: 10px 20px 12px 7px;

width: 460px;

line-height: 15px;

}

Я хочу вставить после "Список позиций" гугловский +1, но так, чтобы "Список позиций" был с левого конца на плашке, а +1 справа.

Как это сделать?

alexvaleev
На сайте с 04.02.2010
Offline
55
#1

<div class="title-box"><b>Список позиций</b><div class="google1">код google+1</div></div>

.title-box {

background: url(pix/2.gif) left top no-repeat;

padding: 10px 20px 12px 7px;

width: 460px;

line-height: 15px;

position:relative;

}

.google1 {

position:absolute;

right:0px;

top:0px;

}

right и top подправить в случае необходимости

Блог (http://alexvaleev.ru) Всем роуп! (https://rujump.ru/)
ДЖАЗЗ!
На сайте с 10.02.2004
Offline
291
#2

alexvaleev, если я хочу подправить тот же код, но встроенный в php, то правильно ли я понимаю, что в css нужно изменить параметр position:absolute; на что-то другое?

alexvaleev
На сайте с 04.02.2010
Offline
55
#3

Нет, стили менять не надо. Все будет выводиться корректно, если структура html-кода результата будет такой же. А как оно выводится - из php или нет - не важно.

ДЖАЗЗ!
На сайте с 10.02.2004
Offline
291
#4

Почему-то улетает +1 в php. Убираю когда position:absolute; возвращается в нужное место, но криво.

WZ
На сайте с 03.12.2010
Offline
44
#5

Может у какого то родительского блока не прописано position:relative;?

ДЖАЗЗ!
На сайте с 10.02.2004
Offline
291
#6

WildZero, что такое родительский блок?

yet_warm
На сайте с 26.05.2007
Offline
129
#7
ДЖАЗЗ!:
Почему-то улетает +1 в php. Убираю когда position:absolute; возвращается в нужное место, но криво.

Привел бы кусок кода хтмля и css, где выводится эта лабуда (или ссылко на сайт) - хто ж угадает? :)

А ваще float в помощь :)

Многие хотят попасть в рай, мало кто хочет для этого умирать.
WZ
На сайте с 03.12.2010
Offline
44
#8

<div id="parent">

<div id="child">

</div>

</div>

див с id parent - родительский для дива child

alexvaleev
На сайте с 04.02.2010
Offline
55
#9

ДЖАЗЗ!, Вы не забыли в стилях у .title-box дописать position:relative; ?

ДЖАЗЗ!
На сайте с 10.02.2004
Offline
291
#10

alexvaleev, да забыл. Сейчас попробую. Там два css на сайте, один в поддиректории, в нем и забыл про релатив.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий